X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbox.css;h=d6e547b9c27506f47ead7ba8dd5996bb53149239;hp=cf42f1c28061207b32ecca527e86eec710fa1276;hb=a3b6328b4e844ec03368483917dcbde4034865c8;hpb=351107c90e7ee7a17d9bf63798f2861307118309 diff --git a/LCARStrek/global/scrollbox.css b/LCARStrek/global/scrollbox.css index cf42f1c2..d6e547b9 100644 --- a/LCARStrek/global/scrollbox.css +++ b/LCARStrek/global/scrollbox.css @@ -37,32 +37,114 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* - * Autorepeatbutton - */ -.autorepeatbutton-up - { - list-style-image : url("chrome://global/skin/scroll-up.gif") - } - -.autorepeatbutton-down - { - list-style-image : url("chrome://global/skin/scroll-down.gif") - } - -autorepeatbutton - { - -moz-box-align : center; - -moz-box-pack : center; - margin : 1px 2px 2px 1px; - padding : 1px; - height : 1em; - } - -autorepeatbutton:hover - { - background-color : #FFCF00; - color : #000000; - margin : 1px; - padding : 2px 1px 1px 2px; - } +/* ::::: Scroll arrows ::::: */ + +/* Horizontal enabled */ +.autorepeatbutton-up[orient="horizontal"], +.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"], +.scrollbutton-up[orient="horizontal"], +.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left.gif"); +} + +.autorepeatbutton-down[orient="horizontal"], +.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"], +.scrollbutton-down[orient="horizontal"], +.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"] { + list-style-image: url("chrome://global/skin/arrow/arrow-right.gif"); +} + +/* Horizontal hovered */ +.autorepeatbutton-up[orient="horizontal"]:hover, +.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover, +.scrollbutton-up[orient="horizontal"]:hover, +.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif"); +} + +.autorepeatbutton-down[orient="horizontal"]:hover, +.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover, +.scrollbutton-down[orient="horizontal"]:hover, +.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-right-hover.gif"); +} + + /* Horizontal disabled */ +.autorepeatbutton-up[orient="horizontal"][disabled="true"], +.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"], +.scrollbutton-up[orient="horizontal"][disabled="true"], +.scrollbutton-down:-moz-locale-dir(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:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"], +.scrollbutton-down[orient="horizontal"][disabled="true"], +.scrollbutton-up:-moz-locale-dir(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 hovered */ +.autorepeatbutton-up:hover, +.scrollbutton-up:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif"); +} + +.autorepeatbutton-down:hover, +.scrollbutton-down:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.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-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 1px; + -moz-margin-end: 2px; +} + +autorepeatbutton { + border: 1px solid transparent; + padding: 1px; +} + +autorepeatbutton:not([disabled="true"]):hover, +autorepeatbutton:not([disabled="true"]):hover:active { + background-color: #FFCF00; + margin: 1px; + border: 1px inset #000000; + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: 2px; + -moz-padding-end: 1px; +}