diff --git a/web/viewer.css b/web/viewer.css index 2397f7ef5..f771fd7e6 100644 --- a/web/viewer.css +++ b/web/viewer.css @@ -44,6 +44,7 @@ body { bottom: 0; left: -200px; width: 200px; + visibility: hidden; -moz-transition-property: left; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease; @@ -52,6 +53,7 @@ body { -webkit-transition-timing-function: ease; } #outerContainer.sidebarOpen > #sidebarContainer { + visibility: visible; left: 0px; } @@ -175,6 +177,7 @@ body { } .splitToolbarButton:hover > .toolbarButton, +.splitToolbarButton:focus > .toolbarButton, .splitToolbarButton.toggled > .toolbarButton { background-color: hsla(0,0%,0%,.12); background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); @@ -193,6 +196,7 @@ body { -webkit-transition-timing-function: ease; } .splitToolbarButton > .toolbarButton:hover, +.splitToolbarButton > .toolbarButton:focus, .dropdownToolbarButton:hover { background-color: hsla(0,0%,0%,.2); box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, @@ -261,6 +265,7 @@ body { } .toolbarButton:hover, +.toolbarButton:focus, .dropdownToolbarButton { background-color: hsla(0,0%,0%,.12); background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); @@ -515,10 +520,12 @@ body { -moz-transition-duration: 150ms; } +a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { opacity: .9; } +a:focus > .thumbnail > .thumbnailSelectionRing, .thumbnail:hover > .thumbnailSelectionRing { background-color: hsla(0,0%,100%,.15); background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); diff --git a/web/viewer.html b/web/viewer.html index 63dbcc608..6711a67d1 100644 --- a/web/viewer.html +++ b/web/viewer.html @@ -43,8 +43,8 @@