mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-12-12 09:01:16 +00:00
Bug 771975 - Remove -moz-prefixed gradients usage from devtools. r=vporof
This commit is contained in:
parent
ee5782f7e0
commit
ae6159a462
@ -18,7 +18,7 @@ let rgba = TiltMath.hex2rgba;
|
||||
this.TiltVisualizerStyle = {
|
||||
|
||||
canvas: {
|
||||
background: "-moz-linear-gradient(top, #454545 0%, #000 100%)",
|
||||
background: "linear-gradient(#454545 0%, #000 100%)",
|
||||
},
|
||||
|
||||
nodes: {
|
||||
|
@ -12,7 +12,7 @@
|
||||
#gcli-tooltip-root {
|
||||
border: 1px solid hsl(210,11%,10%);
|
||||
box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset;
|
||||
background-image: -moz-linear-gradient(top, hsla(209,11%,18%,0.9), hsl(210,11%,16%));
|
||||
background-image: linear-gradient(hsla(209,11%,18%,0.9), hsl(210,11%,16%));
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@ -34,7 +34,7 @@
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: 3px;
|
||||
background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
margin: 0 3px;
|
||||
color: inherit;
|
||||
@ -60,7 +60,7 @@
|
||||
|
||||
.devtools-toolbarbutton:not([checked=true]):hover:active {
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
@ -68,7 +68,7 @@
|
||||
.devtools-toolbarbutton[open=true],
|
||||
.devtools-toolbarbutton[checked=true] {
|
||||
border-color: hsla(210,8%,5%,.6) !important;
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4));
|
||||
background: linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4));
|
||||
box-shadow: 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
@ -143,7 +143,7 @@
|
||||
border: 1px solid hsla(210,8%,5%,.6);
|
||||
border-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-image: linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
padding: 3px;
|
||||
box-shadow: 0 1px 1px hsla(210,8%,5%,.3) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.1) inset,
|
||||
@ -156,7 +156,7 @@
|
||||
padding-bottom: 0;
|
||||
-moz-padding-start: 18px;
|
||||
-moz-padding-end: 12px;
|
||||
background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-position: 4px center, top left, top left;
|
||||
background-repeat: no-repeat;
|
||||
font-size: inherit;
|
||||
@ -178,7 +178,7 @@
|
||||
.devtools-no-search-result {
|
||||
box-shadow: inset 0 0 0 1px hsla(0,68%,6%,.35);
|
||||
border-color: hsl(10,70%,40%) hsl(10,75%,37%) hsl(10,80%,35%) !important;
|
||||
background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(1,16%,76%,.45), hsla(1,16%,76%,.75));
|
||||
background-image: url(magnifying-glass.png), linear-gradient(hsla(1,16%,76%,.45), hsla(1,16%,76%,.75));
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
|
@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.theme-light .theme-body {
|
||||
background-image: url(layout-background-grid.png), -moz-radial-gradient(50% 70%, circle cover, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
|
||||
background-image: url(layout-background-grid.png), radial-gradient(circle at 50% 70%, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
|
||||
}
|
||||
|
||||
.theme-body {
|
||||
|
@ -48,8 +48,8 @@
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.png),
|
||||
-moz-linear-gradient(left, black, black),
|
||||
-moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center right, top right, top left;
|
||||
background-size: auto, 1px 100%, auto;
|
||||
@ -60,8 +60,8 @@
|
||||
|
||||
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png),
|
||||
-moz-linear-gradient(left, black, black),
|
||||
-moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center left, top left, top right;
|
||||
}
|
||||
@ -98,7 +98,7 @@
|
||||
.splitview-landscape-resizer {
|
||||
-moz-appearance: none;
|
||||
width: 7px;
|
||||
background-image: -moz-linear-gradient(left, black 1px, rgba(255,255,255,0.2) 1px);
|
||||
background-image: linear-gradient(to right, black 1px, rgba(255,255,255,0.2) 1px);
|
||||
background-size: 2px 10px;
|
||||
background-clip: padding-box;
|
||||
background-repeat: repeat-x;
|
||||
@ -115,8 +115,8 @@
|
||||
|
||||
.splitview-portrait-resizer {
|
||||
-moz-appearance: none;
|
||||
background: -moz-linear-gradient(top, black 1px, rgba(255,255,255,0.2) 1px),
|
||||
-moz-linear-gradient(top, hsl(210,11%,36%), hsl(210,11%,18%));
|
||||
background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
|
||||
linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%));
|
||||
height: 12px;
|
||||
background-size: 10px 2px, 100% 12px;
|
||||
background-clip: content-box, border-box;
|
||||
|
@ -21,7 +21,7 @@ h1 {
|
||||
padding: 3px 10px;
|
||||
vertical-align: bottom;
|
||||
margin: 0px;
|
||||
background: -moz-linear-gradient(top, #BBB, #999);
|
||||
background: linear-gradient(#BBB, #999);
|
||||
border-radius: 2px;
|
||||
text-shadow: #FFF 0px 1px 0px;
|
||||
}
|
||||
@ -37,7 +37,7 @@ h1 .info {
|
||||
|
||||
.property-table {
|
||||
padding: 2px 5px;
|
||||
background: -moz-linear-gradient(top, #FFF, #F8F8F8);
|
||||
background: linear-gradient(#FFF, #F8F8F8);
|
||||
color: #333;
|
||||
width: 100%;
|
||||
max-height: 330px;
|
||||
|
@ -71,7 +71,7 @@
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -81,7 +81,7 @@
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -312,7 +312,7 @@
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: -moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
border-top: 0;
|
||||
@ -331,12 +331,12 @@
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), -moz-linear-gradient(left, black, black);
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, black, black);
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), -moz-linear-gradient(left, black, black);
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, black, black);
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
|
@ -13,7 +13,7 @@
|
||||
border: 1px solid hsl(210,11%,10%);
|
||||
box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset;
|
||||
background-image: url(background-noise-toolbar.png),
|
||||
-moz-linear-gradient(top, hsla(209,18%,18%,0.9), hsl(210,11%,16%));
|
||||
linear-gradient(hsla(209,18%,18%,0.9), hsl(210,11%,16%));
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@ -35,7 +35,7 @@
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: @toolbarbuttonCornerRadius@;
|
||||
background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
color: inherit;
|
||||
}
|
||||
@ -68,7 +68,7 @@
|
||||
|
||||
.devtools-toolbarbutton:not([checked=true]):hover:active {
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
@ -76,7 +76,7 @@
|
||||
.devtools-toolbarbutton[open=true],
|
||||
.devtools-toolbarbutton[checked=true] {
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4));
|
||||
background: linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4));
|
||||
box-shadow: 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
|
||||
}
|
||||
|
||||
@ -148,7 +148,7 @@
|
||||
background-color: transparent;
|
||||
border: 1px solid hsla(210,8%,5%,.6);
|
||||
border-radius: 20px;
|
||||
background-image: -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-image: linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
padding: 3px 8px;
|
||||
box-shadow: 0 1px 1px hsla(210,8%,5%,.3) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.1) inset,
|
||||
@ -157,7 +157,7 @@
|
||||
}
|
||||
|
||||
.devtools-searchinput {
|
||||
background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-repeat: no-repeat;
|
||||
background-position: 4px center, top left, top left;
|
||||
padding-top: 0;
|
||||
@ -183,7 +183,7 @@
|
||||
.devtools-no-search-result {
|
||||
box-shadow: inset 0 0 0 1px hsla(0,68%,6%,.35);
|
||||
border-color: hsl(10,70%,40%) hsl(10,75%,37%) hsl(10,80%,35%) !important;
|
||||
background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(1,16%,76%,.45), hsla(1,16%,76%,.75));
|
||||
background-image: url(magnifying-glass.png), linear-gradient(hsla(1,16%,76%,.45), hsla(1,16%,76%,.75));
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
|
@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.theme-light .theme-body {
|
||||
background-image: url(layout-background-grid.png), -moz-radial-gradient(50% 70%, circle cover, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
|
||||
background-image: url(layout-background-grid.png), radial-gradient(circle at 50% 70%, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
|
||||
}
|
||||
|
||||
.theme-body {
|
||||
|
@ -48,8 +48,8 @@
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.png),
|
||||
-moz-linear-gradient(left, black, black),
|
||||
-moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center right, top right, top left;
|
||||
background-size: auto, 1px 100%, auto;
|
||||
@ -60,8 +60,8 @@
|
||||
|
||||
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png),
|
||||
-moz-linear-gradient(left, black, black),
|
||||
-moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center left, top left, top right;
|
||||
}
|
||||
@ -98,7 +98,7 @@
|
||||
.splitview-landscape-resizer {
|
||||
-moz-appearance: none;
|
||||
width: 7px;
|
||||
background-image: -moz-linear-gradient(left, black 1px, rgba(255,255,255,0.2) 1px);
|
||||
background-image: linear-gradient(to right, black 1px, rgba(255,255,255,0.2) 1px);
|
||||
background-size: 2px 10px;
|
||||
background-clip: padding-box;
|
||||
background-repeat: repeat-x;
|
||||
@ -115,8 +115,8 @@
|
||||
|
||||
.splitview-portrait-resizer {
|
||||
-moz-appearance: none;
|
||||
background: -moz-linear-gradient(top, black 1px, rgba(255,255,255,0.2) 1px),
|
||||
-moz-linear-gradient(top, hsl(210,11%,36%), hsl(210,11%,18%));
|
||||
background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
|
||||
linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%));
|
||||
height: 12px;
|
||||
background-size: 10px 2px, 100% 12px;
|
||||
background-clip: content-box, border-box;
|
||||
|
@ -21,7 +21,7 @@ h1 {
|
||||
padding: 3px 10px;
|
||||
vertical-align: bottom;
|
||||
margin: 0px;
|
||||
background: -moz-linear-gradient(top, #BBB, #999);
|
||||
background: linear-gradient(#BBB, #999);
|
||||
border-radius: 2px;
|
||||
text-shadow: #FFF 0px 1px 0px;
|
||||
}
|
||||
@ -37,7 +37,7 @@ h1 .info {
|
||||
|
||||
.property-table {
|
||||
padding: 2px 5px;
|
||||
background: -moz-linear-gradient(top, #FFF, #F8F8F8);
|
||||
background: linear-gradient(#FFF, #F8F8F8);
|
||||
color: #333;
|
||||
width: 100%;
|
||||
max-height: 330px;
|
||||
|
@ -71,7 +71,7 @@
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -81,7 +81,7 @@
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -312,7 +312,7 @@
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: -moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
border-top: 0;
|
||||
@ -331,12 +331,12 @@
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), -moz-linear-gradient(left, black, black);
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, black, black);
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), -moz-linear-gradient(left, black, black);
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, black, black);
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
|
@ -12,7 +12,7 @@
|
||||
#gcli-tooltip-root {
|
||||
border: 1px solid hsl(210,24%,10%);
|
||||
box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset;
|
||||
background-image: -moz-linear-gradient(top, hsla(209,18%,18%,0.9), hsl(210,24%,16%));
|
||||
background-image: linear-gradient(hsla(209,18%,18%,0.9), hsl(210,24%,16%));
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@ -33,7 +33,7 @@
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
border: 1px solid hsla(211,68%,6%,.5);
|
||||
border-radius: 3px;
|
||||
background: -moz-linear-gradient(hsla(209,13%,54%,.35), hsla(209,13%,54%,.1) 85%, hsla(209,13%,54%,.2)) padding-box;
|
||||
background: linear-gradient(hsla(209,13%,54%,.35), hsla(209,13%,54%,.1) 85%, hsla(209,13%,54%,.2)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(209,29%,72%,.15) inset, 0 0 0 1px hsla(209,29%,72%,.1) inset, 0 0 0 1px hsla(209,29%,72%,.1), 0 1px 0 hsla(210,16%,76%,.1);
|
||||
margin: 0;
|
||||
-moz-margin-end: 3px;
|
||||
@ -64,7 +64,7 @@
|
||||
|
||||
.devtools-toolbarbutton:not([checked=true]):hover:active {
|
||||
background-color: hsla(210,18%,9%,.1);
|
||||
background-image: -moz-linear-gradient(hsla(209,13%,54%,.35), hsla(209,13%,54%,.1) 85%, hsla(209,13%,54%,.2));
|
||||
background-image: linear-gradient(hsla(209,13%,54%,.35), hsla(209,13%,54%,.1) 85%, hsla(209,13%,54%,.2));
|
||||
box-shadow: 0 1px 3px hsla(211,68%,6%,.5) inset, 0 0 0 1px hsla(209,29%,72%,.1), 0 1px 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
@ -72,7 +72,7 @@
|
||||
.devtools-toolbarbutton[open=true],
|
||||
.devtools-toolbarbutton[checked=true] {
|
||||
border-color: hsla(211,68%,6%,.6);
|
||||
background: -moz-linear-gradient(hsla(211,68%,6%,.1), hsla(211,68%,6%,.2));
|
||||
background: linear-gradient(hsla(211,68%,6%,.1), hsla(211,68%,6%,.2));
|
||||
box-shadow: 0 1px 3px hsla(211,68%,6%,.5) inset, 0 0 0 1px hsla(209,29%,72%,.1), 0 1px 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
@ -147,7 +147,7 @@
|
||||
box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1);
|
||||
border-radius: 2px;
|
||||
background-color: transparent;
|
||||
background-image: -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-image: linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
padding: 3px;
|
||||
transition-property: background-color, border-color, box-shadow;
|
||||
transition-duration: 150ms;
|
||||
@ -156,7 +156,7 @@
|
||||
}
|
||||
|
||||
.devtools-searchinput {
|
||||
background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
|
||||
background-repeat: no-repeat;
|
||||
background-position: 4px center, top left, top left;
|
||||
padding-top: 0;
|
||||
@ -189,7 +189,7 @@
|
||||
.devtools-no-search-result {
|
||||
box-shadow: inset 0 0 0 1px hsla(0,68%,6%,.35);
|
||||
border-color: hsl(10,70%,40%) hsl(10,75%,37%) hsl(10,80%,35%) !important;
|
||||
background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(1,16%,76%,.45), hsla(1,16%,76%,.75));
|
||||
background-image: url(magnifying-glass.png), linear-gradient(hsla(1,16%,76%,.45), hsla(1,16%,76%,.75));
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
|
@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.theme-light .theme-body {
|
||||
background-image: url(layout-background-grid.png), -moz-radial-gradient(50% 70%, circle cover, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
|
||||
background-image: url(layout-background-grid.png), radial-gradient(circle at 50% 70%, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
|
||||
}
|
||||
|
||||
.theme-body {
|
||||
|
@ -48,8 +48,8 @@
|
||||
|
||||
.splitview-nav > li.splitview-active {
|
||||
background-image: url(itemArrow-ltr.png),
|
||||
-moz-linear-gradient(left, black, black),
|
||||
-moz-linear-gradient(hsl(200,100%,33%), hsl(200,100%,25%));
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(200,100%,33%), hsl(200,100%,25%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center right, top right, top left;
|
||||
background-size: auto, 1px 100%, auto;
|
||||
@ -60,8 +60,8 @@
|
||||
|
||||
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png),
|
||||
-moz-linear-gradient(left, black, black),
|
||||
-moz-linear-gradient(hsl(200,100%,33%), hsl(200,100%,25%));
|
||||
linear-gradient(to right, black, black),
|
||||
linear-gradient(hsl(200,100%,33%), hsl(200,100%,25%));
|
||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||
background-position: center left, top left, top right;
|
||||
}
|
||||
@ -99,7 +99,7 @@
|
||||
.splitview-landscape-resizer {
|
||||
-moz-appearance: none;
|
||||
width: 7px;
|
||||
background-image: -moz-linear-gradient(left, black 1px, rgba(255,255,255,0.2) 1px);
|
||||
background-image: linear-gradient(to right, black 1px, rgba(255,255,255,0.2) 1px);
|
||||
background-size: 2px 10px;
|
||||
background-clip: padding-box;
|
||||
background-repeat: repeat-x;
|
||||
@ -116,8 +116,8 @@
|
||||
|
||||
.splitview-portrait-resizer {
|
||||
-moz-appearance: none;
|
||||
background: -moz-linear-gradient(top, black 1px, rgba(255,255,255,0.2) 1px),
|
||||
-moz-linear-gradient(top, hsl(209,18%,34%), hsl(210,24%,16%));
|
||||
background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
|
||||
linear-gradient(hsl(209,18%,34%), hsl(210,24%,16%));
|
||||
height: 12px;
|
||||
background-size: 10px 2px, 100% 12px;
|
||||
background-clip: content-box, border-box;
|
||||
|
@ -21,7 +21,7 @@ h1 {
|
||||
padding: 3px 10px;
|
||||
vertical-align: bottom;
|
||||
margin: 0px;
|
||||
background: -moz-linear-gradient(top, #BBB, #999);
|
||||
background: linear-gradient(#BBB, #999);
|
||||
border-radius: 2px;
|
||||
text-shadow: #FFF 0px 1px 0px;
|
||||
}
|
||||
@ -37,7 +37,7 @@ h1 .info {
|
||||
|
||||
.property-table {
|
||||
padding: 2px 5px;
|
||||
background: -moz-linear-gradient(top, #FFF, #F8F8F8);
|
||||
background: linear-gradient(#FFF, #F8F8F8);
|
||||
color: #333;
|
||||
width: 100%;
|
||||
max-height: 330px;
|
||||
|
@ -71,7 +71,7 @@
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -81,7 +81,7 @@
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
@ -316,7 +316,7 @@
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: -moz-linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
border-top: 0;
|
||||
@ -335,12 +335,12 @@
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), -moz-linear-gradient(left, black, black);
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, black, black);
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), -moz-linear-gradient(left, black, black);
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, black, black);
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user