X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fcommunicator%2Fbutton.css;h=14ade4e506c15b312d57d2ef6af5f9bbe5154133;hp=308e30e7f59c67c080d86fd92014ae449b5f0495;hb=7862e6ee1141fa74a714e5461320d2fb8299c455;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/communicator/button.css b/EarlyBlue/communicator/button.css index 308e30e7..14ade4e5 100644 --- a/EarlyBlue/communicator/button.css +++ b/EarlyBlue/communicator/button.css @@ -44,111 +44,123 @@ /* ::::: large toolbar buttons ::::: */ .toolbarbutton-1, -.toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button -{ - min-width : 36px; - min-height : 36px; -/* font-size : smaller; */ - -moz-box-orient : vertical; +.toolbarbutton-1 > .toolbarbutton-menubutton-button { + min-width: 36px; + min-height: 36px; + -moz-box-orient: vertical; } .toolbarbutton-1[type="menu-button"] { - -moz-box-orient : horizontal; + -moz-box-orient: horizontal; } -.toolbarbutton-1 > .toolbarbutton-box, -.toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box, -.toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box, -.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-box, -.toolbarbutton-1[disabled="true"][buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box -{ - padding : 1px; +.toolbarbutton-1, +.toolbarbutton-1 > .toolbarbutton-menubutton-button, +.toolbarbutton-1[disabled="true"]:hover:active, +.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button { + padding: 1px; +} + +.toolbarbutton-1:hover:active, +.toolbarbutton-1[open="true"], +.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button { + padding: 2px 0px 0px 2px; } -.toolbarbutton-1:hover:active > .toolbarbutton-box, -.toolbarbutton-1[open="true"] > .toolbarbutton-box, -.toolbarbutton-1[buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box -{ - padding : 2px 0px 0px 2px; +.toolbarbutton-1[type="menu"] { + -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical"); } -.toolbarbutton-1[type="menu"] > .toolbarbutton-box > .toolbarbutton-dropmarker { +/* ::::: small primary toolbar buttons ::::: */ + +toolbar[mode="text"] .toolbarbutton-1, +toolbar[mode="icons"] .toolbarbutton-1, +toolbar[iconsize="small"] .toolbarbutton-1, +toolbar[mode="text"] .toolbarbutton-menubutton-button, +toolbar[mode="icons"] .toolbarbutton-menubutton-button, +toolbar[iconsize="small"] .toolbarbutton-menubutton-button { + min-width: 0px; + min-height: 0px; +} + +toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker { + padding: 4px 1px 8px 1px; +} + +toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker { + padding: 0px 1px 13px 1px; +} + +toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, +toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { + padding: 5px 0px 7px 2px; +} + +toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, +toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, +toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { + padding: 1px 0px 12px 2px; +} + +toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] { + padding: 4px 1px 8px 1px !important; +} + +toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"], +toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker[disabled="true"] { + padding: 0px 1px 13px 1px !important; +} + +toolbar[mode="icons"] .toolbarbutton-text, +toolbar[mode="text"] .toolbarbutton-icon { display: none; } -/* ::::: normal buttons on toolbars ::::: */ +toolbar[mode="text"] .toolbarbutton-text { + padding: 4px 0; +} + +toolbar[mode="text"] .toolbarbutton-1, +toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; +} + +toolbar[labelalign="end"] .toolbarbutton-1, +toolbar[labelalign="end"] .toolbarbutton-1 > .toolbarbutton-menubutton-button, +toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox { + -moz-box-orient: horizontal; +} + +/* ::::: standard toolbar buttons ::::: */ .button-toolbar { - -moz-user-focus : ignore; - min-width : 0px; - max-width : 10em; - background-color : transparent; -} - -/* -.button-toolbar > .button-box, -.button-toolbar[disabled="true"] > .button-box, -.button-toolbar[disabled="true"]:hover > .button-box, -.button-toolbar[disabled="true"]:hover:active > .button-box { - border-left : 1px solid ThreeDHighlight !important; - border-top : 1px solid ThreeDHighlight !important; - border-right : 1px solid ThreeDShadow !important; - border-bottom : 1px solid ThreeDShadow !important; -} - -.button-toolbar:hover:active > .button-box { - border-left : 1px solid ThreeDShadow !important; - border-top : 1px solid ThreeDShadow !important; - border-bottom : 1px solid ThreeDHighlight !important; - border-right : 1px solid ThreeDHighlight !important; -} - -.button-toolbar[checked="true"] > .button-box { - border-left : 1px solid ThreeDShadow; - border-top : 1px solid ThreeDShadow; - border-right : 1px solid ThreeDHighlight; - border-bottom : 1px solid ThreeDHighlight; - background-color : ThreeDHighlight; -} - -.button-toolbar[checked="true"]:hover > .button-box { - border-left : 1px solid ThreeDShadow; - border-top : 1px solid ThreeDShadow; - border-right : 1px solid ThreeDHighlight; - border-bottom : 1px solid ThreeDHighlight; - background-color : -moz-Dialog; - background-image : none; -} - -.button-toolbar > .button-box > .button-box-2, -.button-toolbar > .button-box > .button-box-2 > .button-box-text { - margin: none; - border: none !important; - padding: 0px 2px; -} -*/ - -.button-toolbar > .button-box > .button-icon { - margin-right: 3px; -} - -.button-toolbar > .button-box > .button-text { - margin-right: 1px; -} - -/* ::::: reorder buttons ::::: */ - -.reorder-up { - min-width : 0px; -} - -.reorder-down { - min-width : 0px; -} - -.reorder-up > .button-internal-box > .button-icon, -.reorder-down > .button-internal-box > .button-icon { - margin : 0; - padding : 0; + -moz-user-focus: ignore; + min-width: 0px; + max-width: 10em; + background-color: transparent; +} + +/* ::::: taskbuttons ::::: */ + +.taskbutton, +.taskbutton:hover, +.taskbutton:hover:active { + padding: 1px 3px; + border: none; +} + +.taskbutton:hover { + background-color: #9999CC; } +.taskbutton:hover:active { + background-color: #CCCCFF; +} + +/* override winstripe */ + +.toolbarbutton-icon { + -moz-margin-end: 2px; +}