From: Robert Kaiser Date: Sun, 8 Dec 2013 15:02:07 +0000 (+0100) Subject: some more Australis tweaks, also make URLbar have the same size as the search bar... X-Git-Tag: LCARStrek-2.23~7 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=00f971bcdc3c62e89cac2618464efbad925b40bb some more Australis tweaks, also make URLbar have the same size as the search bar in both variants --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 0724c991..77af9bb8 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -2127,7 +2127,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon background-color: transparent; } -#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker { +#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker, +#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker { border: none; border-radius: 0px; } @@ -2167,6 +2168,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon width: 16px; height: 16px; list-style-image: url("chrome://browser/skin/identity-icons-generic.png"); + margin: 2px; } .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { @@ -2519,28 +2521,29 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* star button */ -#star-button { +/* #urlbar-container only directly contains the urlbar pre-Australis, don't assign an icon in Australis */ +#urlbar-container > #urlbar > #urlbar-icons > #star-button { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png"); -moz-image-region: rect(16px 16px 32px 0px); } -#star-button:hover { +#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover { -moz-image-region: rect(16px 32px 32px 16px); } -#star-button:hover:active { +#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover:active { -moz-image-region: rect(16px 48px 32px 32px); } -#star-button[starred="true"] { +#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] { -moz-image-region: rect(0px 16px 16px 0px); } -#star-button[starred="true"]:hover { +#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover { -moz-image-region: rect(0px 32px 16px 16px); } -#star-button[starred="true"]:hover:active { +#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover:active { -moz-image-region: rect(0px 48px 16px 32px); } diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index afc8e441..ad6b718b 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -29,6 +29,7 @@ } #PanelUI-mainView { + background-color: #000000; display: flex; flex-direction: column; border-radius: 4px; @@ -190,7 +191,6 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-footer { display: flex; - background-color: #000000; border-top: 1px solid #9C9CFF; padding: 0; margin: 0; @@ -339,7 +339,7 @@ panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover: border-color: hsla(210,4%,10%,.15); box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset; } -*/ + #BMB_bookmarksPopup > menu, #BMB_bookmarksPopup > menuitem { font: inherit; @@ -356,7 +356,7 @@ panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover: margin-top: 0; margin-bottom: 0; } - +*/ panelview toolbarseparator, #BMB_bookmarksPopup > menuseparator { -moz-appearance: none; diff --git a/LCARStrek/browser/downloads/indicator.css b/LCARStrek/browser/downloads/indicator.css index c42bdfa1..8be313c8 100644 --- a/LCARStrek/browser/downloads/indicator.css +++ b/LCARStrek/browser/downloads/indicator.css @@ -22,7 +22,10 @@ #downloads-indicator:hover > #downloads-indicator-anchor > #downloads-indicator-icon, #downloads-indicator[open="true"] > #downloads-indicator-anchor > #downloads-indicator-icon, -#downloads-indicator[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon { +#downloads-indicator[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon, +#downloads-button:hover > #downloads-indicator-anchor > #downloads-indicator-icon, +#downloads-button[open="true"] > #downloads-indicator-anchor > #downloads-indicator-icon, +#downloads-button[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon { background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), 18, 108, 36, 90) center no-repeat; color: #000000; @@ -33,26 +36,32 @@ 0, 108, 18, 90) center no-repeat;*/ } -#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { +#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#downloads-button[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { background-image: url("chrome://browser/skin/downloads/download-glow.png"); } /* In the next few rules, we use :not([counter]) as a shortcut that is equivalent to -moz-any([progress], [paused]). */ -#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { +#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), 0, 108, 18, 90) center no-repeat; background-size: 12px; } -#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { +#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background-image: url("chrome://browser/skin/downloads/download-glow.png"); } #downloads-indicator:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, #downloads-indicator[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, -#downloads-indicator:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { +#downloads-indicator:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), 18, 108, 36, 90) center no-repeat; background-size: 12px; @@ -79,13 +88,15 @@ to { opacity: 0; transform: translate(0) scale(1); } } -#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { +#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification, +#downloads-button[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); animation-name: downloadsIndicatorNotificationStartRight; animation-duration: 1s; } -#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { +#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification, +#downloads-button[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { animation-name: downloadsIndicatorNotificationStartLeft; } @@ -95,7 +106,8 @@ to { opacity: 0; transform: scale(8); } } -#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { +#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification, +#downloads-button[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); animation-name: downloadsIndicatorNotificationFinish; animation-duration: 1s; @@ -119,7 +131,9 @@ } #downloads-indicator[counter]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, -#downloads-indicator[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { +#downloads-indicator[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button[counter]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-button[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { color: #000000; } @@ -149,11 +163,13 @@ border-radius: 0 2px 2px 0; } -#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar, +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { background-color: #8050B0; } -#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder, +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { background-color: #404048; } diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css index 9095fc1f..26422efd 100644 --- a/LCARStrek/global/popup.css +++ b/LCARStrek/global/popup.css @@ -13,14 +13,22 @@ menupopup, panel { border: 1px solid #FF9F00; - padding: 1px; + padding: 0px; min-width: 1px; background-color: #000000; } +menupopup > menu > menupopup { + /* align submenus */ + margin-top: -1px; +} + +/* ::::: arrow panel ::::: */ + panel[type="arrow"] { background: transparent; border: none; + padding: 0; transition: opacity 300ms; } @@ -70,7 +78,7 @@ panel[type="arrow"][side="right"] { background-color: #000000; background-clip: padding-box; border: 1px solid #FF9F00; - margin: 3px; + margin: 0px; } .panel-arrow[side="top"], @@ -82,12 +90,12 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="top"] { - margin-bottom: -5px; + margin-bottom: -1px; } .panel-arrow[side="bottom"] { transform: scaleY(-1); - margin-top: -5px; + margin-top: -1px; } .panel-arrow[side="left"], @@ -99,12 +107,12 @@ panel[type="arrow"][side="right"] { } .panel-arrow[side="left"] { - margin-right: -5px; + margin-right: -1px; } .panel-arrow[side="right"] { transform: scaleX(-1); - margin-left: -5px; + margin-left: -1px; } /* ::::: tooltip ::::: */ @@ -135,7 +143,3 @@ menulist > menupopup, padding: 0px; background-color: #000000; } - -menupopup > menu > menupopup { - margin-top: -2px; -}