X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=b56b12480ae2ac6d82c88c5209f95498beba71ef;hp=2212fea4351abca4c0070fe670cc87febfd9ba02;hb=d0f28e616d7c3b04647d549a4b7aa14753f029d8;hpb=ec6b35d822a99b5e8ed93538398ec054713bb38b diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 2212fea4..b56b1248 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -50,8 +50,8 @@ menubar { --arrowpanel-hover: #FFCF00; --arrowpanel-active: #FF9F00; --arrowpanel-dimmed: #402000; -/* --arrowpanel-dimmed-further: hsla(0,0%,80%,.45); - --arrowpanel-dimmed-even-further: hsla(0,0%,80%,.8); */ + --arrowpanel-dimmed-further: #794900; + --arrowpanel-dimmed-even-further: #603000; --urlbar-separator-color: #9C9CFF; } @@ -968,7 +968,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, # #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon { - filter: url(chrome://browser/skin/filters.svg#fill); + filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } @@ -1124,7 +1124,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { - filter: url(chrome://browser/skin/filters.svg#fill); + filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } @@ -1277,14 +1277,14 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba #nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon, #nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-badge-stack, -#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon, +#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button):not(#new-tab-button) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button) > .toolbarbutton-badge-stack, #nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ { /* padding-inline-end: 17px;*/ } #nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon { +#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button):not(#new-tab-button) > .toolbarbutton-icon { /* horizontal padding + border + icon width */ /* max-width: 43px;*/ } @@ -1751,17 +1751,15 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, } #urlbar-search-splitter { - min-width: 6px; - margin-inline-start: -3px; + /* The splitter width should equal the location and search bars' combined + neighboring margin and border width. */ + min-width: 8px; + margin: 0 -4px; + position: relative; border: none; background: transparent; } -#urlbar-search-splitter + #urlbar-container > #urlbar, -#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { - margin-inline-start: 0; -} - .urlbar-display { border-inline-end: 1px solid #9C9CFF; margin-inline-end: 3px; @@ -1914,6 +1912,9 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, visibility: visible; } +#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon, +#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon, +#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon { list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon); visibility: visible; @@ -1925,13 +1926,6 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, visibility: visible; } -#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon, -#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon, -#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon { - list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon); - visibility: visible; -} - /* === END identity-block/icons.inc.css === */ #identity-box { @@ -2020,6 +2014,13 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but height: 16px; } +#urlbar[actiontype="extension"] > #identity-box > #identity-icon { + -moz-image-region: inherit; + list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg); + width: 16px; + height: 16px; +} + /* SHARING ICON */ #sharing-icon { @@ -2031,31 +2032,30 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but } #identity-box[sharing="camera"] > #sharing-icon { - list-style-image: url("chrome://browser/skin/notification-icons.svg#camera"); + list-style-image: url("chrome://browser/skin/notification-icons.svg#camera-sharing"); } #identity-box[sharing="microphone"] > #sharing-icon { - list-style-image: url("chrome://browser/skin/notification-icons.svg#microphone"); + list-style-image: url("chrome://browser/skin/notification-icons.svg#microphone-sharing"); } #identity-box[sharing="screen"] > #sharing-icon { - list-style-image: url("chrome://browser/skin/notification-icons.svg#screen"); + list-style-image: url("chrome://browser/skin/notification-icons.svg#screen-sharing"); } #identity-box[sharing] > #sharing-icon { display: -moz-box; - filter: url("chrome://browser/skin/filters.svg#fill"); - fill: #FF0000; animation-delay: -1.5s; } #identity-box[sharing] > #identity-icon, #sharing-icon { - animation: 3s linear pulse infinite; + animation: 3s linear identity-box-sharing-icon-pulse infinite; } -@keyframes pulse { +@keyframes identity-box-sharing-icon-pulse { +/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */ 0%, 16.66%, 83.33%, 100% { opacity: 0; } @@ -2162,6 +2162,72 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box /* autocomplete */ +/* === BEGIN autocomplete.inc.css === */ + +#PopupAutoComplete > richlistbox > richlistitem { + height: 20px; + min-height: 20px; + border: 0; + border-radius: 0; + padding: 0px 1px 0px 1px; +} + +#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon { + margin-inline-start: 4px; + margin-inline-end: 0; +} + +#PopupAutoComplete > richlistbox > richlistitem > .ac-title { + font: icon; + margin-inline-start: 4px; +} + +#PopupAutoComplete > richlistbox { + padding: 0; +} + +/* Login form autocompletion */ +#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon { + display: initial; + list-style-image: url(chrome://browser/skin/notification-icons.svg#login); +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] { + list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted); +} + +/* Insecure field warning */ +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] { + background-color: var(--arrowpanel-dimmed); + border-bottom: 1px solid var(--panel-separator-color); + padding-bottom: 4px; + padding-top: 4px; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] { + background-color: var(--arrowpanel-dimmed-further); + color: #FFCF00; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title { + color: #A09090; + font-size: 1em; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title { + color: inherit; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon { + list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon); +} + +/* === END autocomplete.inc.css === */ + +#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] { + border-top: 1px solid #A09090; +} + #treecolAutoCompleteImage { max-width: 36px; } @@ -2245,33 +2311,28 @@ html|span.ac-emphasize-text-url { /* list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");*/ } -.ac-result-type-bookmark, -.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { +.ac-result-type-bookmark { list-style-image: url("chrome://browser/skin/places/bookmark.png"); -moz-image-region: rect(0px 16px 16px 0px); width: 16px; height: 16px; } -richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark, -.autocomplete-treebody::-moz-tree-image(selected, current, bookmark, treecolAutoCompleteImage) { +richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark { /* -moz-image-region: rect(0px 48px 16px 32px);*/ } .ac-type-icon[type=keyword], -.ac-site-icon[type=searchengine], -.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) { +.ac-site-icon[type=searchengine] { list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon"); } .ac-type-icon[type=keyword][selected], -.ac-site-icon[type=searchengine][selected], -.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) { +.ac-site-icon[type=searchengine][selected] { list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted"); } -.ac-result-type-tag, -.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { +.ac-result-type-tag { list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png"); width: 16px; height: 16px; @@ -2744,10 +2805,11 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tab-icon-image[sharing]:not([selected]), .tab-sharing-icon-overlay { - animation: 3s linear pulse infinite; + animation: 3s linear tab-sharing-icon-pulse infinite; } -@keyframes pulse { +@keyframes tab-sharing-icon-pulse { +/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */ 0%, 16.66%, 83.33%, 100% { opacity: 0; } @@ -2792,12 +2854,14 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .tab-icon-overlay[soundplaying], -.tab-icon-overlay[muted]:not([crashed]) { +.tab-icon-overlay[muted]:not([crashed]), +.tab-icon-overlay[blocked]:not([crashed]) { border-radius: 10px; } .tab-icon-overlay[soundplaying]:hover, -.tab-icon-overlay[muted]:hover { +.tab-icon-overlay[muted]:hover, +.tab-icon-overlay[blocked]:not([crashed]):hover { background-color: #FFCF00; } @@ -2809,15 +2873,25 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); } -#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not(:hover) { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white"); +.tab-icon-overlay[blocked]:not([crashed]) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); } +#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not([selected]):not(:hover), +.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white"); +} -#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not(:hover) { +#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[mouted][selected]:-moz-lwtheme-brighttext:not(:hover) { list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted"); } +#TabsToolbar[brighttext] .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked"); +} + .tab-throbber[busy] { list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png"); } @@ -2857,9 +2931,10 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .tab-icon-sound[soundplaying], -.tab-icon-sound[muted] { +.tab-icon-sound[muted], +.tab-icon-sound[blocked] { list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio); - filter: url(chrome://browser/skin/filters.svg#fill); + filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } @@ -2867,11 +2942,21 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); } +.tab-icon-sound[blocked] { + list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); +} + .tab-close-button { margin-top: 1px; padding: 0; } +.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover), +.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) { + transition: opacity .3s linear var(--soundplaying-removal-delay); + opacity: 0; +} + .tab-background, .tabs-newtab-button { /* overlap the tab curves */ @@ -2937,6 +3022,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tabs-newtab-button, .tab-icon-overlay[soundplaying], .tab-icon-overlay[muted]:not([crashed]), +.tab-icon-overlay[blocked]:not([crashed]), .tab-icon-sound, .tab-close-button { pointer-events: auto; @@ -3026,9 +3112,10 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .alltabs-endimage[soundplaying], -.alltabs-endimage[muted] { +.alltabs-endimage[muted], +.alltabs-endimage[blocked] { list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio); - filter: url(chrome://browser/skin/filters.svg#fill); + filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } @@ -3036,6 +3123,10 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); } +.alltabs-endimage[blocked] { + list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked); +} + /* === END tabs.inc.css === */ /* Tab DnD indicator */ @@ -3046,19 +3137,29 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- /* Tab close button */ .tab-close-button { - list-style-image: url("chrome://global/skin/icons/close-button.gif"); + list-style-image: url("chrome://global/skin/icons/close-button.gif") !important; + -moz-image-region: auto !important; } .tab-close-button:hover, .tab-close-button:hover[selected="true"] { - list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); + list-style-image: url("chrome://global/skin/icons/close-button-hover.gif") !important; + -moz-image-region: auto !important; } .tab-close-button:hover:active, .tab-close-button:hover:active[selected="true"] { - list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); + list-style-image: url("chrome://global/skin/icons/close-button-hover.gif") !important; + -moz-image-region: auto !important; } +.tab-close-button > .button-icon, +.tab-close-button > .button-box > .button-icon, +.tab-close-button > .toolbarbutton-icon { + width: auto !important; +} + + /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */ .tabbrowser-arrowscrollbox > .scrollbutton-up, @@ -3256,7 +3357,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { type of icon displayed. This rule must be defined before the others in order for its list-style-image to be overridden. */ .notification-anchor-icon { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info); } .notification-anchor-icon:-moz-focusring { @@ -3269,21 +3370,12 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { } } -.popup-notification-icon { - width: 64px; - height: 64px; - margin-inline-end: 10px; -} - .notification-anchor-icon:not(.plugin-blocked), #blocked-permissions-container > .blocked-permission-icon { filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } -.notification-anchor-icon:not(.plugin-blocked):not(:hover) { -} - /* INDIVIDUAL NOTIFICATIONS */ .popup-notification-icon[popupid="web-notifications"], @@ -3324,8 +3416,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed); } -.camera-icon, -.popup-notification-icon[popupid="webRTC-shareDevices"] { +.camera-icon { list-style-image: url(chrome://browser/skin/notification-icons.svg#camera); } @@ -3349,11 +3440,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked); } -.popup-notification-icon[popupid="webRTC-shareMicrophone"] { +.popup-notification-icon.microphone-icon { list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed); } -.popup-notification-icon[popupid="webRTC-shareScreen"], .screen-icon { list-style-image: url(chrome://browser/skin/notification-icons.svg#screen); } @@ -3366,6 +3456,34 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked); } +#webRTC-preview:not([hidden]) { + display: -moz-stack; + border-radius: 4px; + border: 1px solid #A09090; + overflow: hidden; + min-width: 300px; + min-height: 10em; +} + +html|*#webRTC-previewVideo { + width: 300px; + /* If we don't set the min-width, width is ignored. */ + min-width: 300px; + max-height: 200px; +} + +#webRTC-previewWarning { + background: #FF0000 url("chrome://browser/skin/warning-white.svg") no-repeat .75em .75em; + margin: 0; + padding: .5em; + padding-inline-start: calc(1.5em + 16px); + border-top: 1px solid #A09090; +} + +#webRTC-previewWarning > .text-link { + margin-inline-start: 0; +} + /* This icon has a block sign in it, so we don't need a blocked version. */ .popup-icon { list-style-image: url("chrome://browser/skin/notification-icons.svg#popup"); @@ -3396,7 +3514,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { /* INSTALL ADDONS */ .install-icon { - list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); + list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg); } .popup-notification-icon[popupid="xpinstall-disabled"], @@ -3499,6 +3617,40 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { max-width: 28em; } +.addon-install-confirmation-name { + font-weight: bold; +} + +.addon-webext-perm-header { + font-size: 1.3em; +} + +.addon-webext-name { + display: inline; + font-weight: bold; + margin: 0; +} + +.addon-addon-icon { + width: 14px; + height: 14px; + list-style-image: url("chrome://browser/skin/menuPanel.svg"); + -moz-image-region: rect(0px, 288px, 32px, 256px); +} + +.addon-toolbar-icon { + width: 14px; + height: 14px; + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 486px, 18px, 468px); +} + +/* Notification icon box */ + +.notification-anchor-icon:-moz-focusring { +/* outline: 1px dotted -moz-DialogText;*/ +} + /* Translation infobar */ /* === BEGIN infobar.inc.css === */ @@ -4589,6 +4741,7 @@ notification.pluginVulnerable .messageImage { width: 20px; height: 20px; border-radius: 2px; + background-image: url("chrome://browser/content/default-theme-icon.svg"); background-size: contain; } @@ -4790,7 +4943,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring { } .customization-lwtheme-menu-theme[defaulttheme] { - list-style-image: url(chrome://browser/skin/Fxtheme-switcher-icon.png); + list-style-image: url(chrome://browser/content/default-theme-icon.svg); } .customization-lwtheme-menu-theme[active="true"] { @@ -5310,7 +5463,7 @@ notification.heartbeat { #UITourTooltipButtons { /** - * Override the --panel-arrowcontent-padding so the background extends + * Override the --arrowpanel-padding so the background extends * to the sides and bottom of the panel. */ margin-left: -10px; @@ -5341,7 +5494,7 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { width: 16px; height: 16px; margin: 7px; - filter: url(chrome://browser/skin/filters.svg#fill); + filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } @@ -5407,3 +5560,55 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { .webextension-popup-browser { border-radius: inherit; } + +.contentSelectDropdown-ingroup > .menu-iconic-text { + padding-inline-start: 20px; +} + +#ContentSelectDropdown > menupopup { + background-color: #000000; + -moz-border-top-colors: #A09090; + -moz-border-right-colors: #A09090; + -moz-border-bottom-colors: #A09090; + -moz-border-left-colors: #A09090; +} + +#ContentSelectDropdown > menupopup > menucaption, +#ContentSelectDropdown > menupopup > menuitem { + padding: 0 6px; + border-width: 0; +/* font: -moz-list;*/ +} + +#ContentSelectDropdown > menupopup > menucaption > .menu-iconic-text, +#ContentSelectDropdown > menupopup > menuitem > .menu-iconic-text { + /* Padding should follow the 4/12 ratio, where 12px is the default font-size + with 4px being the preferred padding size. */ + padding-top: .3333em; + padding-bottom: .3333em; +} + +#ContentSelectDropdown > menupopup > menucaption > .menu-iconic-text { + font-weight: bold; +} + +#ContentSelectDropdown > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] { + color: #A09090; + background-color: unset; +} + +#ContentSelectDropdown > menupopup > menucaption { + background-color: buttonface; +} + +#ContentSelectDropdown > menupopup > menucaption[disabled="true"] { + color: #A09090; +} + +#ContentSelectDropdown > .isOpenedViaTouch > menucaption > .menu-iconic-text, +#ContentSelectDropdown > .isOpenedViaTouch > menuitem > .menu-iconic-text { + /* Touch padding should follow the 11/12 ratio, where 12px is the default + font-size with 11px being the preferred padding size. */ + padding-top: .9167em; + padding-bottom: .9167em; +}