X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fin-content%2Fcommon.css;h=64c51069e5f1ac89cc5bf513d4be892bc38e6488;hb=f7d5404cec3e2433f0e7c3f0bac16aae1cfb061c;hp=4c3a2e27700b1357b9f6ef587ca6de092f69fa69;hpb=ed351b9114c8a9d94d604e671f92cc19a2900b68;p=themes.git diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css index 4c3a2e27..64c51069 100644 --- a/EarlyBlue/global/in-content/common.css +++ b/EarlyBlue/global/in-content/common.css @@ -39,13 +39,10 @@ ---in-content-primary-button-background-active: #006b9d; --in-content-table-border-dark-color: #9999CC; --in-content-table-header-background: #666699; - ---in-content-help-button-background: #ffcb00; - ---in-content-help-button-background-hover: #f4c200; - ---in-content-help-button-background-active: #eaba00; --in-content-disabled-text: #999999; } -html|body, +html|html, xul|page, xul|window { font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; @@ -106,7 +103,7 @@ xul|groupbox { font-size: 1.25rem; } -xul|groupbox xul|label, +xul|groupbox xul|label:not(.menu-accel):not(.menu-text), xul|groupbox xul|description { / !important needed to override toolkit !important rule / -moz-margin-start: 0 !important; @@ -145,6 +142,8 @@ xul|tab { color: var(--in-content-tab-color); background-color: var(--in-content-page-background); border-width: 0; + / !important overrides tabbox.css RTL and visuallyselected rules / + border-radius: 0 !important; transition: background-color 50ms ease 0s; } @@ -180,7 +179,7 @@ html|button { xul|colorpicker[type="button"], xul|menulist { -moz-appearance: none; - height: 30px; + min-height: 30px; color: var(--in-content-text-color); border: 1px solid var(--in-content-box-border-color); -moz-border-top-colors: none !important; @@ -208,7 +207,6 @@ html|button:disabled, xul|button[disabled="true"], xul|colorpicker[type="button"][disabled="true"], xul|menulist[disabled="true"] { - cursor: not-allowed; border: 1px outset var(--in-content-box-border-color); color: var(--in-content-disabled-text); } @@ -257,23 +255,25 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { } xul|*.help-button { - min-width: 30px; - border-radius: 2px; + min-width: 16px; + margin-inline-end: 0; border-width: 0; - background-color: var(--in-content-help-button-background); background-image: none; box-shadow: none; - list-style-image: url("chrome://global/skin/in-content/help-glyph.svg"); + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help"); } xul|*.help-button:not([disabled="true"]):hover { - background-color: var(--in-content-help-button-background-hover); background-image: none; + / Override default button background / + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover"); } - xul|*.help-button:not([disabled="true"]):hover:active { - background-color: var(--in-content-help-button-background-active); background-image: none; + / Override default button background / + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed"); } xul|*.close-icon > xul|*.button-box, @@ -285,8 +285,8 @@ xul|*.help-button > xul|*.button-box { } xul|*.help-button > xul|*.button-box > xul|*.button-icon { - width: 18px; - height: 18px; + width: 16px; + height: 16px; } xul|*.help-button > xul|*.button-box > xul|*.button-text { @@ -294,6 +294,7 @@ xul|*.help-button > xul|*.button-box > xul|*.button-text { } xul|*.spinbuttons-button { + min-height: initial; -moz-margin-start: 10px !important; -moz-margin-end: 2px !important; } @@ -404,13 +405,11 @@ xul|button[type="menu"] > xul|menupopup xul|menuseparator { */ /* textboxes */ /* -*|textbox { +html|input[type="text"], +html|textarea, +xul|textbox { -moz-appearance: none; - height: 30px; color: var(--in-content-text-color); - line-height: 20px; - padding-right: 10px; - padding-left: 10px; border: 1px solid var(--in-content-box-border-color); -moz-border-top-colors: none !important; -moz-border-right-colors: none !important; @@ -420,12 +419,27 @@ xul|button[type="menu"] > xul|menupopup xul|menuseparator { background-color: var(--in-content-box-background); } -html|textbox:focus, +xul|textbox { + min-height: 30px; + padding-right: 10px; + padding-left: 10px; +} + +html|input[type="text"], +html|textarea { + font-family: inherit; + font-size: inherit; + padding: 5px 10px; +} + +html|input[type="text"]:focus, +html|textarea:focus, xul|textbox[focused] { border-color: var(--in-content-border-focus); } -html|textbox:disabled, +html|input[type="text"]:disabled, +html|textarea:disabled, xul|textbox[disabled="true"] { opacity: 0.5; } @@ -462,6 +476,8 @@ html|a:hover:active, / Hide the actual checkbox / html|input[type="checkbox"] { opacity: 0; + width: 0; + pointer-events: none; position: absolute; } @@ -561,7 +577,7 @@ xul|*.radio-label-box { */ /* Category List */ -xul|*#categories { +*|*#categories { -moz-appearance: none; background-color: var(--in-content-category-background); padding-top: 39px; @@ -569,7 +585,7 @@ xul|*#categories { border-width: 0; } -xul|*.category { +*|*.category { -moz-appearance: none; color: var(--in-content-category-text); -moz-border-end-width: 0; @@ -579,18 +595,19 @@ xul|*.category { transition: background-color 150ms; } -xul|*.category:hover { +*|*.category:hover { background-color: var(--in-content-category-background-hover); } -xul|*.category[selected] { +*|*.category[selected], +*|*.category.selected { background-color: var(--in-content-category-background-active); color: var(--in-content-category-text-selected); -moz-padding-start: 11px; /* compensate the 4px border */ -moz-border-start: solid 4px var(--in-content-border-highlight); } -xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] { +*|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] { border-top: var(--in-content-category-border-focus); border-bottom: var(--in-content-category-border-focus); } @@ -616,6 +633,7 @@ xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[cur border-bottom: 1px solid var(--in-content-header-border-color); margin-bottom: 15px; padding-bottom: 15px; + -moz-box-align: baseline; } *|*.header-name { @@ -724,6 +742,10 @@ xul|treecols { padding: 0; } +.autocomplete-tree > xul|treecols { + border-bottom: none !important; +} + xul|treecol:not([hideheader="true"]), xul|treecolpicker { -moz-appearance: none; @@ -806,4 +828,4 @@ xul|*.checkbox-icon { .inline-link:-moz-focusring { border: 1px dotted -moz-DialogText; } -*/ \ No newline at end of file +*/