X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fglobal.css;h=2d4afe22104fecb869ab37751ec011116b693b79;hp=1aa900ba94deb3c2e28dcea0bbbb3a4b1c5642cb;hb=HEAD;hpb=441d02947409ca4d22ac53d247dabc3873d6ea3f diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css index 1aa900ba..2d4afe22 100644 --- a/EarlyBlue/global/global.css +++ b/EarlyBlue/global/global.css @@ -13,18 +13,22 @@ /* ::::: XBL bindings ::::: */ -checkbox { - -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing"); -} - radio { - -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing"); + -moz-binding: url("chrome://global/skin/globalBindings.xml#radio"); } menulist > menupopup { -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars"); } +/* ::::: Variables ::::: */ +:root { + --arrowpanel-padding: 6px; + --arrowpanel-background: #CCD0DD; + --arrowpanel-color: #000000; + --arrowpanel-border-color: #CCD0DD; +} + /* ::::: root elements ::::: */ window, @@ -40,8 +44,8 @@ prefwindow { window.dialog { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } /* ::::: alert icons :::::*/ @@ -102,7 +106,7 @@ statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme { -moz-appearance: none; border-top-style: none; border-bottom-style: none; - -moz-border-start-style: none; + border-inline-start-style: none; } .statusbar-resizerpanel { @@ -128,8 +132,7 @@ toolbar[mode="text"] .toolbarbutton-text { /* ::::: miscellaneous formatting ::::: */ -:root:-moz-lwtheme, -[lwthemefooter="true"] { +:root:-moz-lwtheme { -moz-appearance: none; } @@ -183,8 +186,8 @@ separator.groove:not([orient="vertical"]) { separator.groove[orient="vertical"] { border-left: 2px groove #CCD0DD; - -moz-margin-start: 0.4em; - -moz-margin-end: 0.4em; + margin-inline-start: 0.4em; + margin-inline-end: 0.4em; } /* groove separators (0 padding, for dividing effects) */ @@ -234,8 +237,8 @@ description { } .indent { -/* -moz-margin-start: 23px; */ - -moz-margin-start: 15px; +/* margin-inline-start: 23px; */ + margin-inline-start: 15px; } .box-padded { @@ -264,6 +267,26 @@ description { outline: 1px dotted; } +popupnotificationcontent { + margin-top: .5em; +} + +/* === BEGIN notification-popup.inc.css === */ + +.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent { + /* In order to display the action buttons near the edge of the arrow panel we + * have to reset its default padding and specify the padding in the individual + * "popupnotification" elements instead. To keep the rounded borders of the + * panel, we also have to ensure the contents are clipped to the border box + * by hiding the overflow, and we have to override the "display" property so + * that the height of the contents is computed correctly in that case. */ + padding: 0; + overflow: hidden; + display: block; +} + +/* === END notification-popup.inc.css === */ + /* :::::: autoscroll popup ::::: */ .autoscroller {