overlay.css (4891B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 6 @namespace html url("http://www.w3.org/1999/xhtml"); 7 8 /* 9 * General styles 10 */ 11 12 #status4evar-status-widget, 13 #status4evar-progress-widget { 14 -moz-box-align: center; 15 } 16 17 [forcevisible="true"] { 18 visibility: visible !important; 19 } 20 21 #wrapper-status4evar-progress-widget progressmeter, 22 #wrapper-status4evar-download-button toolbarbutton { 23 visibility: visible; 24 } 25 26 #wrapper-status4evar-status-widget toolbaritem label { 27 background-color: rgba(0,0,0,0.2); 28 padding: 2px 4px; 29 } 30 31 /* 32 * Options button 33 */ 34 35 #status4evar-options-button { 36 list-style-image: url("chrome://browser/skin/statusbar/pms24.png"); 37 } 38 39 toolbar[iconsize="small"] #status4evar-options-button { 40 list-style-image: url("chrome://browser/skin/statusbar/pms16.png"); 41 } 42 43 /* 44 * Download status 45 */ 46 47 toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"], 48 toolbar[mode="text"] #status4evar-download-button { 49 -moz-box-orient: horizontal !important; 50 } 51 52 toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label { 53 display: -moz-box !important; 54 } 55 56 #status4evar-download-progress-bar { 57 border: 1px solid gray; 58 -moz-appearance: none; 59 margin: 0px; 60 min-height: 0px; 61 min-width: 0px; 62 } 63 64 #status4evar-download-progress-bar > * { 65 -moz-appearance: none; 66 background: #FFFFFF; 67 } 68 69 #status4evar-download-progress-bar[pmType$="unknown"] > .progress-bar { 70 background-image: url("chrome://browser/skin/statusbar/pulse.png"); 71 } 72 73 #status4evar-download-notification-container { 74 min-height: 1px; 75 min-width: 1px; 76 height: 1px; 77 margin-bottom: -1px; 78 position: relative; 79 z-index: 5; 80 } 81 82 #status4evar-download-notification-icon { 83 opacity: 0; 84 background-size: 16px; 85 background-position: center; 86 background-repeat: no-repeat; 87 width: 16px; 88 height: 16px; 89 } 90 91 #status4evar-download-button #status4evar-download-icon { 92 background: -moz-image-rect(var(--toolbarbutton-image), 0, 108, 18, 90) center no-repeat; 93 } 94 95 toolbar:not([brighttext]) #status4evar-download-button #status4evar-download-icon { 96 background: -moz-image-rect(var(--toolbarbutton-inverted-image), 0, 108, 18, 90) center no-repeat; 97 } 98 99 #status4evar-download-button[attention] #status4evar-download-icon { 100 background-image: url("chrome://browser/skin/downloads/download-glow.png"); 101 } 102 103 @keyframes status4evar-download-notification-finish { 104 from { opacity: 0; transform: scale(1); } 105 20% { opacity: .65; animation-timing-function: ease-in; } 106 to { opacity: 0; transform: scale(8); } 107 } 108 109 #status4evar-download-notification-anchor[notification="finish"][forcevisible="true"] #status4evar-download-notification-icon { 110 background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); 111 animation-name: status4evar-download-notification-finish; 112 animation-duration: 1s; 113 } 114 115 /* 116 * Splitter 117 */ 118 119 splitter.status4evar-status-splitter { 120 -moz-appearance: splitter; 121 border: none; 122 background: transparent; 123 position: relative; 124 } 125 126 splitter.status4evar-status-splitter:not(:hover) { 127 -moz-appearance: none; 128 } 129 130 /* 131 * General progress 132 */ 133 134 #status4evar-progress-bar[s4estyle="true"] > * { 135 border: none; 136 } 137 138 #status4evar-progress-bar > .progress-remainder { 139 background-image: none; 140 background-color: transparent; 141 } 142 143 #status4evar-progress-bar[s4estyle="true"] > .progress-bar { 144 border-right: 1px solid rgba(0,0,0,.2); 145 } 146 147 #status4evar-progress-bar[s4estyle="true"][value="0"] > .progress-bar, 148 #status4evar-progress-bar[s4estyle="true"][value="100"] > .progress-bar { 149 border-right: none; 150 } 151 152 /* 153 * Status bar 154 */ 155 156 #status-bar > .statusbar-resizerpanel { 157 display: none !important; 158 } 159 160 161 /* 162 * General 163 */ 164 165 #status4evar-status-text, 166 #status4evar-progress-bar { 167 margin: 0px 3px; 168 } 169 170 /* 171 * Download status 172 */ 173 174 #status4evar-download-progress-bar { 175 height: 4px; 176 } 177 178 #status4evar-download-button #status4evar-download-icon { 179 min-width: 18px; 180 min-height: 18px; 181 } 182 183 toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label { 184 margin-inline-start: 5px !important; 185 } 186 187 /* 188 * Splitter 189 */ 190 191 splitter.status4evar-status-splitter { 192 width: 6px; 193 margin: 0px -3px; 194 } 195 196 /* 197 * Location bar 198 */ 199 200 #urlbar-progress-alt { 201 margin-inline-end: -2px; 202 } 203 204 /* 205 * Status bar 206 */ 207 208 #browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar) { 209 -moz-appearance: none; 210 } 211 212 #browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) { 213 box-shadow: none !important; 214 border: none !important; 215 border-top: 2px solid !important; 216 -moz-border-top-colors: ThreeDShadow ThreeDHighlight !important; 217 } 218 219 #browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ * { 220 border: none !important; 221 } 222