X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdownloads%2Findicator.css;h=8d05f22fbbe6b7b389b89af6490e5747efafc243;hp=c42bdfa155874d34b3ac3fbcd55ae528c370ebaf;hb=45dc7657b767fde2dc6b5d3ec71379bf5f624007;hpb=cf264274ec0604c0d8308477bb9f0609cfa8c562 diff --git a/LCARStrek/browser/downloads/indicator.css b/LCARStrek/browser/downloads/indicator.css index c42bdfa1..8d05f22f 100644 --- a/LCARStrek/browser/downloads/indicator.css +++ b/LCARStrek/browser/downloads/indicator.css @@ -4,11 +4,17 @@ /*** Status and progress indicator ***/ -#downloads-indicator-anchor { - /* Makes the outermost stack element positioned, so that its contents are - rendered over the main browser window in the Z order. This is required by - the animated event notification. */ +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; } /*** Main indicator icon ***/ @@ -20,9 +26,9 @@ min-height: 18px; } -#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-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 +39,31 @@ 0, 108, 18, 90) center no-repeat;*/ } -#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"); } +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; +} + /* 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-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-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-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; @@ -65,6 +76,8 @@ background-size: 16px; background-position: center; background-repeat: no-repeat; + width: 16px; + height: 16px; } @keyframes downloadsIndicatorNotificationStartRight { @@ -79,13 +92,13 @@ to { opacity: 0; transform: translate(0) scale(1); } } -#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { +#downloads-notification-anchor[notification="start"] > #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-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { animation-name: downloadsIndicatorNotificationStartLeft; } @@ -95,7 +108,7 @@ to { opacity: 0; transform: scale(8); } } -#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); animation-name: downloadsIndicatorNotificationFinish; animation-duration: 1s; @@ -118,8 +131,8 @@ 0 1px 1.5px rgba(0,0,0,.5);*/ } -#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-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,15 +162,15 @@ border-radius: 0 2px 2px 0; } -#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-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { background-color: #404048; } -toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text { +toolbar[mode="full"] > #downloads-button > .toolbarbutton-text { margin: 0; text-align: center; }