X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fbutton.css;h=048f2885eae8d04fbc953276a6ffc00e8e1522fc;hp=804481f3143a6521cf5320a2d4f40b3087fdd352;hb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf;hpb=be8f410d6a4ec31f45b1e7d55033daac2a02ae3f diff --git a/LCARStrek/global/button.css b/LCARStrek/global/button.css index 804481f3..048f2885 100644 --- a/LCARStrek/global/button.css +++ b/LCARStrek/global/button.css @@ -23,12 +23,12 @@ button { border: 1px solid transparent; padding-top: 1px; padding-bottom: 2px; - -moz-padding-start: .5em; - -moz-padding-end: calc(.5em + 1px); + padding-inline-start: .5em; + padding-inline-end: calc(.5em + 1px); } .button-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .button-text { @@ -79,8 +79,8 @@ button[open="true"] > .button-box, button[checked="true"] > .button-box { padding-top: 2px; padding-bottom: 1px; - -moz-padding-start: calc(.5em + 1px); - -moz-padding-end: .5em; + padding-inline-start: calc(.5em + 1px); + padding-inline-end: .5em; } /* .......... disabled state .......... */ @@ -95,8 +95,8 @@ button[disabled="true"]:hover:active { button[disabled="true"] > .button-box { padding-top: 1px !important; padding-bottom: 2px !important; - -moz-padding-start: .5em !important; - -moz-padding-end: calc(.5em + 1px) !important; + padding-inline-start: .5em !important; + padding-inline-end: calc(.5em + 1px) !important; } /* ::::: menu/menu-button buttons ::::: */ @@ -114,8 +114,8 @@ button[type="menu-button"]:hover:active > .button-menubutton-button > .button-bo button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box { padding-top: 2px; padding-bottom: 1px; - -moz-padding-start: calc(.5em + 1px); - -moz-padding-end: .5em; + padding-inline-start: calc(.5em + 1px); + padding-inline-end: .5em; } button[type="menu-button"]:hover > .button-menubutton-button, @@ -127,16 +127,18 @@ button[type="menu-button"][open="true"] > .button-menubutton-button { .button-menu-dropmarker, .button-menubutton-dropmarker { margin: 2px; + margin-inline-end: 5px; width: 11px; height: 11px; background-color: transparent; border: none; + list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); } +.button-menu-dropmarker, button[type="menu-button"]:hover > .button-menubutton-dropmarker, button[type="menu-button"]:hover:active > .button-menubutton-dropmarker, button[type="menu-button"][open="true"] > .button-menubutton-dropmarker { - list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); } /* ::::: plain buttons ::::: */ @@ -151,13 +153,13 @@ button[type="disclosure"] { border: 0px !important; margin: 0px !important; padding: 0px !important; - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); min-width: 0px !important; background-color: transparent; } button[type="disclosure"][open="true"] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: xhtml buttons ::::: */ @@ -166,3 +168,37 @@ button::-moz-focus-inner { padding: 0px; border: 0px none; } + +/* ::::: toolbar buttons (sync look with toolbarbutton) ::::: */ + +/* The #throbber-box rules are only needed for the SeaMonkey editor, + * the toolbaritem ones for buttons in customizable toolbars. */ +toolbaritem > button, +#throbber-box > button { + border-radius: 3px; + background-color: #000000; + color: #FFCF00; +} + +toolbaritem > button > .button-box, +#throbber-box > button > .button-box { + border-radius: 3px; + padding-inline-start: 0; + padding-inline-end: 1px; +} + +toolbaritem > button > button:hover:active > .button-box, +toolbaritem > button > button[open="true"] > .button-box, +toolbaritem > button > button[checked="true"] > .button-box, +#throbber-box > button:hover:active > .button-box, +#throbber-box > button > button[open="true"] > .button-box, +#throbber-box > button > button[checked="true"] > .button-box { + padding-inline-start: 1px; + padding-inline-end: 0; +} + +toolbaritem > button > button[disabled="true"] > .button-box, +#throbber-box > button[disabled="true"] > .button-box { + padding-inline-start: 0 !important; + padding-inline-end: 1px !important; +}