X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fbutton.css;h=048f2885eae8d04fbc953276a6ffc00e8e1522fc;hp=953b632f54064998f0f04a4318b9ef16c28d5c42;hb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf;hpb=e1cbfefec55f1229ee8eef5cc1eac950bc76f0c5 diff --git a/LCARStrek/global/button.css b/LCARStrek/global/button.css index 953b632f..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 ::::: */ @@ -181,8 +183,8 @@ toolbaritem > button, toolbaritem > button > .button-box, #throbber-box > button > .button-box { border-radius: 3px; - -moz-padding-start: 0; - -moz-padding-end: 1px; + padding-inline-start: 0; + padding-inline-end: 1px; } toolbaritem > button > button:hover:active > .button-box, @@ -191,12 +193,12 @@ 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 { - -moz-padding-start: 1px; - -moz-padding-end: 0; + padding-inline-start: 1px; + padding-inline-end: 0; } toolbaritem > button > button[disabled="true"] > .button-box, #throbber-box > button[disabled="true"] > .button-box { - -moz-padding-start: 0 !important; - -moz-padding-end: 1px !important; + padding-inline-start: 0 !important; + padding-inline-end: 1px !important; }