|
|
@ -256,14 +256,7 @@ html[dir='rtl'] #sidebarContent { |
|
|
|
#toolbarSidebar { |
|
|
|
#toolbarSidebar { |
|
|
|
width: 200px; |
|
|
|
width: 200px; |
|
|
|
height: 32px; |
|
|
|
height: 32px; |
|
|
|
background-image: url(images/texture.png), |
|
|
|
background-color: #424242; /* fallback */ |
|
|
|
-webkit-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
|
|
|
|
-moz-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
|
|
|
|
-ms-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
|
|
|
|
-o-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
background-image: url(images/texture.png), |
|
|
|
linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); |
|
|
|
linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); |
|
|
|
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), |
|
|
|
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), |
|
|
@ -275,15 +268,8 @@ html[dir='rtl'] #sidebarContent { |
|
|
|
|
|
|
|
|
|
|
|
#toolbarContainer, .findbar { |
|
|
|
#toolbarContainer, .findbar { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
background-color: #474747; /* IE9 */ |
|
|
|
height: 32px; |
|
|
|
background-image: url(images/texture.png), |
|
|
|
background-color: #474747; /* fallback */ |
|
|
|
-webkit-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
|
|
|
|
-moz-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
|
|
|
|
-ms-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
|
|
|
|
-o-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); |
|
|
|
|
|
|
|
background-image: url(images/texture.png), |
|
|
|
background-image: url(images/texture.png), |
|
|
|
linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); |
|
|
|
linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); |
|
|
|
box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), |
|
|
|
box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), |
|
|
@ -358,9 +344,6 @@ html[dir='rtl'] #sidebarContent { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
width: 50px; |
|
|
|
width: 50px; |
|
|
|
|
|
|
|
|
|
|
|
background-image: -moz-linear-gradient(left, #999 0%, #fff 50%, #999 100%); |
|
|
|
|
|
|
|
background-image: -ms-linear-gradient(left, #999 0%, #fff 50%, #999 100%); |
|
|
|
|
|
|
|
background-image: -webkit-linear-gradient(left, #999 0%, #fff 50%, #999 100%); |
|
|
|
|
|
|
|
background-image: linear-gradient(left, #999 0%, #fff 50%, #999 100%); |
|
|
|
background-image: linear-gradient(left, #999 0%, #fff 50%, #999 100%); |
|
|
|
background-size: 100% 100% no-repeat; |
|
|
|
background-size: 100% 100% no-repeat; |
|
|
|
|
|
|
|
|
|
|
@ -540,10 +523,6 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton { |
|
|
|
.splitToolbarButton.toggled > .toolbarButton, |
|
|
|
.splitToolbarButton.toggled > .toolbarButton, |
|
|
|
.toolbarButton.textButton { |
|
|
|
.toolbarButton.textButton { |
|
|
|
background-color: hsla(0,0%,0%,.12); |
|
|
|
background-color: hsla(0,0%,0%,.12); |
|
|
|
background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
border: 1px solid hsla(0,0%,0%,.35); |
|
|
|
border: 1px solid hsla(0,0%,0%,.35); |
|
|
@ -678,10 +657,6 @@ html[dir='rtl'] .dropdownToolbarButton { |
|
|
|
.toolbarButton:focus, |
|
|
|
.toolbarButton:focus, |
|
|
|
.dropdownToolbarButton { |
|
|
|
.dropdownToolbarButton { |
|
|
|
background-color: hsla(0,0%,0%,.12); |
|
|
|
background-color: hsla(0,0%,0%,.12); |
|
|
|
background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
border: 1px solid hsla(0,0%,0%,.35); |
|
|
|
border: 1px solid hsla(0,0%,0%,.35); |
|
|
@ -694,10 +669,6 @@ html[dir='rtl'] .dropdownToolbarButton { |
|
|
|
.toolbarButton:hover:active, |
|
|
|
.toolbarButton:hover:active, |
|
|
|
.dropdownToolbarButton:hover:active { |
|
|
|
.dropdownToolbarButton:hover:active { |
|
|
|
background-color: hsla(0,0%,0%,.2); |
|
|
|
background-color: hsla(0,0%,0%,.2); |
|
|
|
background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45); |
|
|
|
border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45); |
|
|
|
box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, |
|
|
|
box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, |
|
|
@ -723,10 +694,6 @@ html[dir='rtl'] .dropdownToolbarButton { |
|
|
|
.toolbarButton.toggled, |
|
|
|
.toolbarButton.toggled, |
|
|
|
.splitToolbarButton.toggled > .toolbarButton.toggled { |
|
|
|
.splitToolbarButton.toggled > .toolbarButton.toggled { |
|
|
|
background-color: hsla(0,0%,0%,.3); |
|
|
|
background-color: hsla(0,0%,0%,.3); |
|
|
|
background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
|
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5); |
|
|
|
border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5); |
|
|
|
box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, |
|
|
|
box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, |
|
|
@ -958,7 +925,7 @@ html[dir='rtl'] .toolbarButton.pageDown::before { |
|
|
|
border: 1px solid transparent; |
|
|
|
border: 1px solid transparent; |
|
|
|
border-radius: 2px; |
|
|
|
border-radius: 2px; |
|
|
|
background-color: hsla(0,0%,100%,.09); |
|
|
|
background-color: hsla(0,0%,100%,.09); |
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
border: 1px solid hsla(0,0%,0%,.35); |
|
|
|
border: 1px solid hsla(0,0%,0%,.35); |
|
|
|
border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); |
|
|
|
border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); |
|
|
@ -1055,7 +1022,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, |
|
|
|
a:focus > .thumbnail > .thumbnailSelectionRing, |
|
|
|
a:focus > .thumbnail > .thumbnailSelectionRing, |
|
|
|
.thumbnail:hover > .thumbnailSelectionRing { |
|
|
|
.thumbnail:hover > .thumbnailSelectionRing { |
|
|
|
background-color: hsla(0,0%,100%,.15); |
|
|
|
background-color: hsla(0,0%,100%,.15); |
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.2) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.2) inset, |
|
|
@ -1070,7 +1037,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing, |
|
|
|
|
|
|
|
|
|
|
|
.thumbnail.selected > .thumbnailSelectionRing { |
|
|
|
.thumbnail.selected > .thumbnailSelectionRing { |
|
|
|
background-color: hsla(0,0%,100%,.3); |
|
|
|
background-color: hsla(0,0%,100%,.3); |
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.1) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.1) inset, |
|
|
@ -1121,7 +1088,7 @@ html[dir='rtl'] .outlineItem > a { |
|
|
|
|
|
|
|
|
|
|
|
.outlineItem > a:hover { |
|
|
|
.outlineItem > a:hover { |
|
|
|
background-color: hsla(0,0%,100%,.02); |
|
|
|
background-color: hsla(0,0%,100%,.02); |
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.2) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.2) inset, |
|
|
@ -1131,7 +1098,7 @@ html[dir='rtl'] .outlineItem > a { |
|
|
|
|
|
|
|
|
|
|
|
.outlineItem.selected { |
|
|
|
.outlineItem.selected { |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
background-color: hsla(0,0%,100%,.08); |
|
|
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); |
|
|
|
background-clip: padding-box; |
|
|
|
background-clip: padding-box; |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.1) inset, |
|
|
|
0 0 1px hsla(0,0%,100%,.1) inset, |
|
|
|