X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Finspector.css;fp=LCARStrek%2Fbrowser%2Fdevtools%2Finspector.css;h=f05bf34d612b8b5eddcb5717981c25e860b2dbb9;hp=0000000000000000000000000000000000000000;hb=445863a284a9920d9f9633ca01b87ca65609a94c;hpb=a54dd8ceedc2f96f9b23931505148cffa7ef71e2 diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css new file mode 100644 index 00000000..f05bf34d --- /dev/null +++ b/LCARStrek/browser/devtools/inspector.css @@ -0,0 +1,232 @@ +window { + padding: 0; +} + +#inspector-toolbar { + border-top: none; +} + +.devtools-side-splitter { + border: none; +} + +/* +#inspector-inspect-toolbutton { + list-style-image: url("chrome://browser/skin/devtools/inspect-button.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#inspector-inspect-toolbutton[checked=true] { + -moz-image-region: rect(0px 32px 16px 16px); +} + +/* Highlighter toolbar - breadcrumbs * + +#inspector-breadcrumbs { + -moz-margin-end: 3px; + /* A fake 1px-shadow is included in the border-images of the + inspector-breadcrumbs-buttons, to match toolbar-buttons style. + This negative margin compensate the extra row of pixels created + by the shadow.* + margin: -1px 0; +} + +#inspector-breadcrumbs > .scrollbutton-up, +#inspector-breadcrumbs > .scrollbutton-down { + -moz-appearance: none; + border: 1px solid hsla(210,8%,5%,.45); + background: -moz-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: 1px 0 1px; +} + +#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover, +#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover { + 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)); + 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); +} + +#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon, +#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/devtools/breadcrumbs-scrollbutton.png"); + -moz-image-region: rect(0px 7px 16px 0px); + margin: 0 5px; +} + +#inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon, +#inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon { + opacity: 0.5; +} + +#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon, +#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon { + -moz-image-region: rect(0px 14px 16px 7px); +} + +#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), +#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { + transform: scaleX(-1); +} + +.inspector-breadcrumbs-button { + -moz-appearance: none; + background-color: transparent; + border-style: solid; + border-width: 2px 13px; + outline: none; + color: hsl(210,30%,85%); + width: 85px; /* Can't use max-width. See bug 723132 * + /* The content of the button can be larger than the button * + overflow: hidden; + min-height: 25px; + margin: 0 -11px 0 0; + padding: 0 9px; +} + +.inspector-breadcrumbs-button:-moz-focusring > .button-box { + border-width: 0; +} + +.inspector-breadcrumbs-button:-moz-focusring > label { + border-bottom: 1px dotted hsla(210,30%,85%,0.4); +} + +.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag { + color: hsl(200,100%,60%); +} + +.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id { + color: hsl(200,100%,70%); +} + +.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes { + color: hsl(20, 100%, 70%); +} + +.inspector-breadcrumbs-id, +.inspector-breadcrumbs-classes { + color: #8d99a6; +} + +.inspector-breadcrumbs-pseudo-classes { + color: hsl(20, 100%, 85%); +} + +/* Highlighter toolbar - breadcrumbs - LTR * + +.inspector-breadcrumbs-button { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:not([checked]):hover:active { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button[checked] { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button[checked]:hover:active { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type[checked] { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type[checked]:hover:active { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:last-of-type { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch; +} + +#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type { + border-left-width: 0; +} + +#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type { + border-right-width: 0; +} + +.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:last-of-type[checked] { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:last-of-type[checked]:hover:active { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch; +} + +/* Highlighter toolbar - breadcrumbs - RTL * + +.inspector-breadcrumbs-button:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch; +} + +#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type { + border-right-width: 0; +} + +#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { + border-left-width: 0; +} + +.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch; +} + +.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { + -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch; +} +*/ \ No newline at end of file