X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbox.css;h=0693daa838e2ecd64035eb31c0211e36c9bebb1f;hp=ef24a419818fc29ecac205a8090c94e232bc4e47;hb=f98e9249ac85dc5b066915b9c9449b30b2dfcccb;hpb=c79d2bbe6e21fbe322c5481d0757831306d1eeaf diff --git a/LCARStrek/global/scrollbox.css b/LCARStrek/global/scrollbox.css index ef24a419..0693daa8 100644 --- a/LCARStrek/global/scrollbox.css +++ b/LCARStrek/global/scrollbox.css @@ -37,27 +37,88 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* ::::: Autorepeatbutton ::::: */ +/* ::::: Scroll arrows ::::: */ -.autorepeatbutton-up { - list-style-image: url("chrome://global/skin/arrow/arrow-up.gif") +/* Horizontal enabled */ +.autorepeatbutton-up[orient="horizontal"], +.autorepeatbutton-down[chromedir="rtl"][orient="horizontal"], +.scrollbutton-up[orient="horizontal"], +.scrollbutton-down[chromedir="rtl"][orient="horizontal"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left.gif"); } -.autorepeatbutton-down { - list-style-image: url("chrome://global/skin/arrow/arrow-down.gif") +.autorepeatbutton-down[orient="horizontal"], +.autorepeatbutton-up[chromedir="rtl"][orient="horizontal"], +.scrollbutton-down[orient="horizontal"], +.scrollbutton-up[chromedir="rtl"][orient="horizontal"] { + list-style-image: url("chrome://global/skin/arrow/arrow-right.gif"); } -autorepeatbutton { + /* Horizontal disabled */ +.autorepeatbutton-up[orient="horizontal"][disabled="true"], +.autorepeatbutton-down[chromedir="rtl"][orient="horizontal"][disabled="true"], +.scrollbutton-up[orient="horizontal"][disabled="true"], +.scrollbutton-down[chromedir="rtl"][orient="horizontal"][disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif"); +} + +.autorepeatbutton-down[orient="horizontal"][disabled="true"], +.autorepeatbutton-up[chromedir="rtl"][orient="horizontal"][disabled="true"], +.scrollbutton-down[orient="horizontal"][disabled="true"], +.scrollbutton-up[chromedir="rtl"][orient="horizontal"][disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif"); +} + +/* Vertical enabled */ +.autorepeatbutton-up, +.scrollbutton-up { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +.autorepeatbutton-down, +.scrollbutton-down { + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +} + +/* Vertical disabled */ +.autorepeatbutton-up[disabled="true"], +.scrollbutton-up[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif"); +} + +.autorepeatbutton-down[disabled="true"], +.scrollbutton-down[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); +} + +.scrollbutton-up > .toolbarbutton-text, +.scrollbutton-down > .toolbarbutton-text { + display: none; +} + +autorepeatbutton, +.scrollbutton-up, +.scrollbutton-down { -moz-box-align: center; -moz-box-pack: center; - margin: 1px 2px 2px 1px; + margin-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 1px; + -moz-margin-end: 2px; +} + +autorepeatbutton { border: 1px solid transparent; padding: 1px; } -autorepeatbutton:hover { +autorepeatbutton:not([disabled="true"]):hover, +autorepeatbutton:not([disabled="true"]):hover:active { background-color: #FFCF00; margin: 1px; border: 1px inset #000000; - padding: 2px 1px 1px 2px; + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: 2px; + -moz-padding-end: 1px; }