1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/linux/browser.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,2252 @@
1.4 +%if 0
1.5 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.6 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.7 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.8 +%endif
1.9 +
1.10 +@import url("chrome://global/skin/");
1.11 +
1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.13 +@namespace html url("http://www.w3.org/1999/xhtml");
1.14 +@namespace svg url("http://www.w3.org/2000/svg");
1.15 +
1.16 +%include ../shared/browser.inc
1.17 +%include linuxShared.inc
1.18 +%filter substitution
1.19 +
1.20 +%define forwardTransitionLength 150ms
1.21 +%define conditionalForwardWithUrlbar window:not([chromehidden~="toolbar"]) #urlbar-wrapper
1.22 +%define conditionalForwardWithUrlbarWidth 30
1.23 +
1.24 +#menubar-items {
1.25 + -moz-box-orient: vertical; /* for flex hack */
1.26 +}
1.27 +
1.28 +#main-menubar {
1.29 + -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
1.30 +}
1.31 +
1.32 +#navigator-toolbox {
1.33 + -moz-appearance: none;
1.34 + background-color: transparent;
1.35 + border-top: none;
1.36 +}
1.37 +
1.38 +#navigator-toolbox::after {
1.39 + content: "";
1.40 + display: -moz-box;
1.41 + -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
1.42 + height: 1px;
1.43 + background-color: ThreeDShadow;
1.44 +}
1.45 +
1.46 +#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
1.47 + -moz-appearance: none;
1.48 + border-style: none;
1.49 + background-color: -moz-Dialog;
1.50 +}
1.51 +
1.52 +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
1.53 + padding-top: 1px;
1.54 + padding-bottom: 1px;
1.55 +}
1.56 +
1.57 +#TabsToolbar:not([collapsed="true"]) + #nav-bar {
1.58 + margin-top: -@tabToolbarNavbarOverlap@; /* Move up into the TabsToolbar */
1.59 + /* Position the toolbar above the bottom of background tabs */
1.60 + position: relative;
1.61 + z-index: 1;
1.62 +}
1.63 +
1.64 +#nav-bar {
1.65 + background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0));
1.66 + box-shadow: 0 1px 0 @toolbarHighlight@ inset;
1.67 + padding-top: 2px;
1.68 + padding-bottom: 2px;
1.69 +}
1.70 +
1.71 +#nav-bar-overflow-button {
1.72 + -moz-image-region: rect(-5px, 12px, 11px, -4px);
1.73 +}
1.74 +
1.75 +/* This only has an effect when this element is placed on the bookmarks toolbar.
1.76 + * It's 30px to make sure buttons with 18px icons fit along with the default 16px
1.77 + * icons, without changing the size of the toolbar.
1.78 + */
1.79 +#personal-bookmarks {
1.80 + min-height: 30px;
1.81 +}
1.82 +
1.83 +#browser-bottombox {
1.84 + /* opaque for layers optimization */
1.85 + background-color: -moz-Dialog;
1.86 +}
1.87 +
1.88 +#urlbar:-moz-lwtheme:not([focused="true"]),
1.89 +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
1.90 + opacity: .85;
1.91 +}
1.92 +
1.93 +/* Places toolbar */
1.94 +toolbarbutton.bookmark-item:not(.subviewbutton),
1.95 +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
1.96 + margin: 0;
1.97 + padding: 2px 3px;
1.98 +}
1.99 +
1.100 +toolbarbutton.bookmark-item:not(.subviewbutton):hover:active,
1.101 +toolbarbutton.bookmark-item[open="true"] {
1.102 + padding-top: 3px;
1.103 + padding-bottom: 1px;
1.104 + -moz-padding-start: 4px;
1.105 + -moz-padding-end: 2px;
1.106 +}
1.107 +
1.108 +.bookmark-item:not(#home-button) > .toolbarbutton-icon,
1.109 +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
1.110 + width: 16px;
1.111 + height: 16px;
1.112 +}
1.113 +
1.114 +/* Force the display of the label for bookmarks */
1.115 +.bookmark-item > .toolbarbutton-text,
1.116 +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text {
1.117 + display: -moz-box !important;
1.118 +}
1.119 +
1.120 +.bookmark-item > .toolbarbutton-menu-dropmarker {
1.121 + display: none;
1.122 +}
1.123 +
1.124 +/* Dropmarker for folder bookmarks */
1.125 +.bookmark-item[container] > .toolbarbutton-menu-dropmarker {
1.126 + display: -moz-box !important;
1.127 +}
1.128 +
1.129 +#bookmarks-toolbar-placeholder {
1.130 + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
1.131 +}
1.132 +
1.133 +toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
1.134 +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
1.135 + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important;
1.136 +}
1.137 +
1.138 +/* ----- BOOKMARK STAR ANIMATION ----- */
1.139 +
1.140 +@keyframes animation-bookmarkAdded {
1.141 + from { transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); opacity: 0; }
1.142 + 60% { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); opacity: 1; }
1.143 + 80% { opacity: 1; }
1.144 + to { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); opacity: 0; }
1.145 +}
1.146 +
1.147 +@keyframes animation-bookmarkPulse {
1.148 + from { transform: scale(1); }
1.149 + 50% { transform: scale(1.3); }
1.150 + to { transform: scale(1); }
1.151 +}
1.152 +
1.153 +#bookmarked-notification-container {
1.154 + min-height: 1px;
1.155 + min-width: 1px;
1.156 + height: 1px;
1.157 + margin-bottom: -1px;
1.158 + z-index: 5;
1.159 + position: relative;
1.160 +}
1.161 +
1.162 +#bookmarked-notification {
1.163 + background-size: 16px;
1.164 + background-position: center;
1.165 + background-repeat: no-repeat;
1.166 + width: 16px;
1.167 + height: 16px;
1.168 + opacity: 0;
1.169 +}
1.170 +
1.171 +#bookmarked-notification-dropmarker-anchor {
1.172 + z-index: -1;
1.173 + position: relative;
1.174 +}
1.175 +
1.176 +#bookmarked-notification-dropmarker-icon {
1.177 + width: 18px;
1.178 + height: 18px;
1.179 + visibility: hidden;
1.180 +}
1.181 +
1.182 +#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
1.183 + background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
1.184 + animation: animation-bookmarkAdded 800ms;
1.185 + animation-timing-function: ease, ease, ease;
1.186 +}
1.187 +
1.188 +#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
1.189 + list-style-image: none !important;
1.190 +}
1.191 +
1.192 +#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
1.193 + visibility: visible;
1.194 + animation: animation-bookmarkPulse 300ms;
1.195 + animation-delay: 600ms;
1.196 + animation-timing-function: ease-out;
1.197 +}
1.198 +
1.199 +/* Bookmark menus */
1.200 +menu.bookmark-item,
1.201 +menuitem.bookmark-item {
1.202 + min-width: 0;
1.203 + max-width: 32em;
1.204 +}
1.205 +
1.206 +.bookmark-item:not(.subviewbutton) > .menu-iconic-left {
1.207 + margin-top: 0;
1.208 + margin-bottom: 0;
1.209 +}
1.210 +
1.211 +.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
1.212 + -moz-padding-start: 0px;
1.213 +}
1.214 +
1.215 +/* Bookmark drag and drop styles */
1.216 +.bookmark-item[dragover-into="true"] {
1.217 + background: Highlight !important;
1.218 + color: HighlightText !important;
1.219 +}
1.220 +
1.221 +/* rules for menupopup drop indicators */
1.222 +.menupopup-drop-indicator-bar {
1.223 + position: relative;
1.224 + /* these two margins must together compensate the indicator's height */
1.225 + margin-top: -1px;
1.226 + margin-bottom: -1px;
1.227 +}
1.228 +
1.229 +.menupopup-drop-indicator {
1.230 + list-style-image: none;
1.231 + height: 2px;
1.232 + -moz-margin-end: -4em;
1.233 + background-color: Highlight;
1.234 +}
1.235 +
1.236 +/* Bookmarks toolbar */
1.237 +#PlacesToolbarDropIndicator {
1.238 + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png);
1.239 +}
1.240 +
1.241 +/* Bookmark items */
1.242 +.bookmark-item {
1.243 + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1.244 +}
1.245 +
1.246 +.bookmark-item[container] {
1.247 + list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
1.248 +}
1.249 +
1.250 +.bookmark-item[container][livemark] {
1.251 + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
1.252 +}
1.253 +
1.254 +.bookmark-item[container][livemark] .bookmark-item {
1.255 + list-style-image: url("chrome://browser/skin/places/livemark-item.png");
1.256 + -moz-image-region: rect(0px, 16px, 16px, 0px);
1.257 +}
1.258 +
1.259 +.bookmark-item[container][livemark] .bookmark-item[visited] {
1.260 + -moz-image-region: rect(0px, 32px, 16px, 16px);
1.261 +}
1.262 +
1.263 +.bookmark-item[container][query] {
1.264 + list-style-image: url("chrome://browser/skin/places/query.png");
1.265 +}
1.266 +
1.267 +.bookmark-item[query][tagContainer] {
1.268 + list-style-image: url("chrome://browser/skin/places/tag.png");
1.269 +}
1.270 +
1.271 +.bookmark-item[query][dayContainer] {
1.272 + list-style-image: url("chrome://browser/skin/places/calendar.png");
1.273 +}
1.274 +
1.275 +.bookmark-item[query][hostContainer] {
1.276 + list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
1.277 +}
1.278 +
1.279 +.bookmark-item[query][hostContainer][open] {
1.280 + list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
1.281 +}
1.282 +
1.283 +.bookmark-item[cutting] > .toolbarbutton-icon,
1.284 +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
1.285 + opacity: 0.5;
1.286 +}
1.287 +
1.288 +.bookmark-item[cutting] > .toolbarbutton-text,
1.289 +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
1.290 + opacity: 0.7;
1.291 +}
1.292 +
1.293 +/* Stock icons for the menu bar items */
1.294 +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
1.295 + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
1.296 +}
1.297 +
1.298 +#placesContext_open\:newwindow,
1.299 +#menu_newNavigator,
1.300 +#context-openlink,
1.301 +#context-openframe {
1.302 + list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1.303 + -moz-image-region: rect(0px 80px 16px 64px);
1.304 +}
1.305 +
1.306 +#placesContext_open\:newtab,
1.307 +#placesContext_openContainer\:tabs,
1.308 +#menu_newNavigatorTab,
1.309 +#context-openlinkintab,
1.310 +#context-openframeintab {
1.311 + list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1.312 + -moz-image-region: rect(0px 64px 16px 48px);
1.313 +}
1.314 +
1.315 +#menu_openFile {
1.316 + list-style-image: url("moz-icon://stock/gtk-open?size=menu");
1.317 +}
1.318 +
1.319 +#menu_close {
1.320 + list-style-image: url("moz-icon://stock/gtk-close?size=menu");
1.321 +}
1.322 +
1.323 +#context-media-play {
1.324 + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu");
1.325 +}
1.326 +
1.327 +#context-media-pause {
1.328 + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu");
1.329 +}
1.330 +
1.331 +#menu_savePage,
1.332 +#context-savelink,
1.333 +#context-saveimage,
1.334 +#context-savevideo,
1.335 +#context-saveaudio,
1.336 +#context-savepage,
1.337 +#context-saveframe {
1.338 + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu");
1.339 +}
1.340 +
1.341 +#menu_printPreview {
1.342 + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu");
1.343 +}
1.344 +
1.345 +#menu_print,
1.346 +#context-printframe {
1.347 + list-style-image: url("moz-icon://stock/gtk-print?size=menu");
1.348 +}
1.349 +
1.350 +#menu_FileQuitItem {
1.351 + list-style-image: url("moz-icon://stock/gtk-quit?size=menu");
1.352 +}
1.353 +
1.354 +#menu_undo,
1.355 +#context-undo {
1.356 + list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
1.357 +}
1.358 +
1.359 +#menu_undo[disabled],
1.360 +#context-undo[disabled] {
1.361 + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled");
1.362 +}
1.363 +
1.364 +#menu_redo {
1.365 + list-style-image: url("moz-icon://stock/gtk-redo?size=menu");
1.366 +}
1.367 +
1.368 +#menu_redo[disabled] {
1.369 + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled");
1.370 +}
1.371 +
1.372 +#menu_cut,
1.373 +#placesContext_cut,
1.374 +#context-cut {
1.375 + list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
1.376 +}
1.377 +
1.378 +#menu_cut[disabled],
1.379 +#placesContext_cut[disabled],
1.380 +#context-cut[disabled] {
1.381 + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
1.382 +}
1.383 +
1.384 +#menu_copy,
1.385 +#placesContext_copy,
1.386 +#context-copy,
1.387 +#context-copyimage,
1.388 +#context-copyvideourl,
1.389 +#context-copyaudiourl,
1.390 +#context-copylink,
1.391 +#context-copyemail {
1.392 + list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
1.393 +}
1.394 +
1.395 +#menu_copy[disabled],
1.396 +#placesContext_copy[disabled],
1.397 +#context-copy[disabled] {
1.398 + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
1.399 +}
1.400 +
1.401 +#menu_paste,
1.402 +#placesContext_paste,
1.403 +#context-paste {
1.404 + list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
1.405 +}
1.406 +
1.407 +#menu_paste[disabled],
1.408 +#placesContext_paste[disabled],
1.409 +#context-paste[disabled] {
1.410 + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
1.411 +}
1.412 +
1.413 +#menu_delete,
1.414 +#placesContext_delete,
1.415 +#placesContext_delete_history,
1.416 +#context-delete {
1.417 + list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
1.418 +}
1.419 +
1.420 +#menu_delete[disabled],
1.421 +#placesContext_delete[disabled],
1.422 +#placesContext_delete_history[disabled],
1.423 +#context-delete[disabled] {
1.424 + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
1.425 +}
1.426 +
1.427 +#menu_selectAll,
1.428 +#context-selectall {
1.429 + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
1.430 +}
1.431 +
1.432 +#menu_find {
1.433 + list-style-image: url("moz-icon://stock/gtk-find?size=menu");
1.434 +}
1.435 +
1.436 +#menu_find[disabled] {
1.437 + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled");
1.438 +}
1.439 +
1.440 +#menu_preferences {
1.441 + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu");
1.442 +}
1.443 +
1.444 +#context-stop {
1.445 + list-style-image: url("moz-icon://stock/gtk-stop?size=menu");
1.446 +}
1.447 +
1.448 +#context-stop[disabled] {
1.449 + list-style-image: url("moz-icon://stock/gtk-stop?size=menu&state=disabled");
1.450 +}
1.451 +
1.452 +#placesContext_reload,
1.453 +#context-reload,
1.454 +#context-reloadframe {
1.455 + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
1.456 +}
1.457 +
1.458 +#context-reload[disabled] {
1.459 + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu&state=disabled");
1.460 +}
1.461 +
1.462 +#menu_zoomEnlarge {
1.463 + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu");
1.464 +}
1.465 +
1.466 +#menu_zoomReduce {
1.467 + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu");
1.468 +}
1.469 +
1.470 +#menu_zoomReset {
1.471 + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu");
1.472 +}
1.473 +
1.474 +#context-back {
1.475 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu");
1.476 +}
1.477 +
1.478 +#context-back[disabled] {
1.479 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu&state=disabled");
1.480 +}
1.481 +
1.482 +#context-back:-moz-locale-dir(rtl) {
1.483 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu");
1.484 +}
1.485 +
1.486 +#context-back[disabled]:-moz-locale-dir(rtl) {
1.487 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu&state=disabled");
1.488 +}
1.489 +
1.490 +#context-forward {
1.491 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu");
1.492 +}
1.493 +
1.494 +#context-forward[disabled] {
1.495 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu&state=disabled");
1.496 +}
1.497 +
1.498 +#context-forward:-moz-locale-dir(rtl) {
1.499 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu");
1.500 +}
1.501 +
1.502 +#context-forward[disabled]:-moz-locale-dir(rtl) {
1.503 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu&state=disabled");
1.504 +}
1.505 +
1.506 +#menu_showAllHistory {
1.507 + list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1.508 + -moz-image-region: rect(0px 32px 16px 16px);
1.509 +}
1.510 +
1.511 +#bookmarksShowAll {
1.512 + list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1.513 + -moz-image-region: rect(0px 48px 16px 32px);
1.514 +}
1.515 +
1.516 +#subscribeToPageMenuitem:not([disabled]),
1.517 +#subscribeToPageMenupopup,
1.518 +#BMB_subscribeToPageMenuitem:not([disabled]),
1.519 +#BMB_subscribeToPageMenupopup {
1.520 + list-style-image: url("chrome://browser/skin/page-livemarks.png");
1.521 +}
1.522 +
1.523 +#bookmarksToolbarFolderMenu,
1.524 +#BMB_bookmarksToolbar,
1.525 +#panelMenu_bookmarksToolbar {
1.526 + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
1.527 +}
1.528 +
1.529 +#BMB_unsortedBookmarks,
1.530 +#panelMenu_unsortedBookmarks {
1.531 + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
1.532 +}
1.533 +
1.534 +#menu_openDownloads {
1.535 + list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1.536 + -moz-image-region: rect(0px 16px 16px 0px);
1.537 +}
1.538 +
1.539 +#menu_openAddons {
1.540 + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
1.541 +}
1.542 +
1.543 +#menu_pageInfo,
1.544 +#context-viewinfo,
1.545 +#context-viewframeinfo {
1.546 + list-style-image: url("moz-icon://stock/gtk-info?size=menu");
1.547 +}
1.548 +
1.549 +#privateBrowsingItem {
1.550 + list-style-image: url("chrome://browser/skin/Privacy-16.png");
1.551 +}
1.552 +
1.553 +#placesContext_show\:info {
1.554 + list-style-image: url("moz-icon://stock/gtk-properties?size=menu");
1.555 +}
1.556 +
1.557 +#sanitizeItem {
1.558 + list-style-image: url("moz-icon://stock/gtk-clear?size=menu");
1.559 +}
1.560 +
1.561 +#menu_openHelp {
1.562 + list-style-image: url("moz-icon://stock/gtk-help?size=menu");
1.563 +}
1.564 +
1.565 +#aboutName {
1.566 + list-style-image: url("moz-icon://stock/gtk-about?size=menu");
1.567 +}
1.568 +
1.569 +#javascriptConsole {
1.570 + list-style-image: url("chrome://global/skin/console/console.png");
1.571 +}
1.572 +
1.573 +/* Primary toolbar buttons */
1.574 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
1.575 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
1.576 + -moz-appearance: none;
1.577 +}
1.578 +
1.579 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"],
1.580 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
1.581 + padding: 3px;
1.582 +}
1.583 +
1.584 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1.585 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
1.586 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon,
1.587 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon {
1.588 + -moz-margin-end: 0;
1.589 + padding: 2px 6px;
1.590 + border: 1px solid transparent;
1.591 + border-radius: 2px;
1.592 + transition-property: background-color, border-color;
1.593 + transition-duration: 150ms;
1.594 +}
1.595 +
1.596 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon,
1.597 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-badge-container > .toolbarbutton-icon,
1.598 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
1.599 + padding: 3px 7px;
1.600 +}
1.601 +
1.602 +toolbarbutton[type="badged"] > .toolbarbutton-badge-container > .toolbarbutton-icon,
1.603 +toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
1.604 + max-width: 32px !important;
1.605 +}
1.606 +
1.607 +/* Help SDK icons fit: */
1.608 +toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
1.609 + width: 16px;
1.610 +}
1.611 +
1.612 +:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
1.613 + /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
1.614 + width: 32px;
1.615 +}
1.616 +
1.617 +#nav-bar #PanelUI-menu-button {
1.618 + -moz-padding-start: 7px;
1.619 + -moz-padding-end: 5px;
1.620 +}
1.621 +
1.622 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
1.623 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1.624 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
1.625 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container > .toolbarbutton-icon,
1.626 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
1.627 + background-color: hsla(0,0%,100%,.3);
1.628 + background-image: linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,.2));
1.629 + border: 1px solid rgb(154,154,154);
1.630 + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
1.631 + 0 0 0 1px hsla(0,0%,100%,.2) inset,
1.632 + 0 1px 0 hsla(0,0%,0%,.03);
1.633 +}
1.634 +
1.635 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
1.636 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
1.637 + margin-top: 4px;
1.638 + margin-bottom: 4px;
1.639 +}
1.640 +
1.641 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
1.642 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
1.643 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container > .toolbarbutton-icon,
1.644 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon {
1.645 + background-color: rgba(154,154,154,.5);
1.646 + background-image: linear-gradient(hsla(0,0%,100%,.7), hsla(0,0%,100%,.4));
1.647 + border: 1px solid rgb(154,154,154);
1.648 + box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1.649 + 0 0 1px hsla(0,0%,0%,.3) inset;
1.650 + transition-duration: 10ms;
1.651 +}
1.652 +
1.653 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
1.654 + background-color: rgba(90%,90%,90%,.4);
1.655 + transition: background-color 150ms;
1.656 +}
1.657 +
1.658 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open],
1.659 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active,
1.660 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
1.661 + padding: 3px;
1.662 +}
1.663 +
1.664 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
1.665 + content: "";
1.666 + display: -moz-box;
1.667 + width: 1px;
1.668 + height: 18px;
1.669 + -moz-margin-end: -1px;
1.670 + background-image: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px);
1.671 + background-clip: padding-box;
1.672 + background-position: center;
1.673 + background-repeat: no-repeat;
1.674 + background-size: 1px 18px;
1.675 + box-shadow: 0 0 0 1px hsla(0,0%,100%,.2);
1.676 +}
1.677 +
1.678 +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1.679 + -moz-margin-start: -4px;
1.680 + margin-top: 3px;
1.681 + margin-bottom: 3px;
1.682 +}
1.683 +
1.684 +#back-button {
1.685 + padding-top: 3px;
1.686 + padding-bottom: 3px;
1.687 + -moz-padding-start: 5px;
1.688 + -moz-padding-end: 0;
1.689 + position: relative;
1.690 + z-index: 1;
1.691 + border-radius: 0 10000px 10000px 0;
1.692 +}
1.693 +
1.694 +#back-button:-moz-locale-dir(rtl) {
1.695 + border-radius: 10000px 0 0 10000px;
1.696 +}
1.697 +
1.698 +#back-button > menupopup {
1.699 + margin-top: -1px;
1.700 +}
1.701 +
1.702 +#back-button > .toolbarbutton-icon {
1.703 + border-radius: 10000px;
1.704 + background-clip: padding-box;
1.705 + padding: 6px;
1.706 + border: none;
1.707 + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
1.708 + 0 0 0 1px hsla(0,0%,100%,.3) inset,
1.709 + 0 0 0 1px hsla(210,54%,20%,.25),
1.710 + 0 1px 0 hsla(210,54%,20%,.35);
1.711 + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
1.712 + transition-property: background-color, box-shadow;
1.713 + transition-duration: 250ms;
1.714 +}
1.715 +
1.716 +#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
1.717 + background-color: hsla(210,48%,96%,.75);
1.718 + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
1.719 + 0 0 0 1px hsla(0,0%,100%,.3) inset,
1.720 + 0 0 0 1px hsla(210,54%,20%,.3),
1.721 + 0 1px 0 hsla(210,54%,20%,.4),
1.722 + 0 0 4px hsla(210,54%,20%,.2);
1.723 +}
1.724 +
1.725 +#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
1.726 +#back-button[open="true"] > .toolbarbutton-icon {
1.727 + background-color: hsla(210,54%,20%,.15);
1.728 + box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset,
1.729 + 0 0 1px hsla(210,54%,20%,.2) inset,
1.730 + 0 0 0 1px hsla(210,54%,20%,.4),
1.731 + 0 1px 0 hsla(210,54%,20%,.2);
1.732 + transition: none;
1.733 +}
1.734 +
1.735 +#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
1.736 + box-shadow: 0 0 0 1px hsla(210,54%,20%,.55),
1.737 + 0 1px 0 hsla(210,54%,20%,.65) !important;
1.738 + transition: none;
1.739 +}
1.740 +
1.741 +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1.742 + transform: scaleX(-1);
1.743 +}
1.744 +
1.745 +#forward-button {
1.746 + -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
1.747 + padding: 0;
1.748 +}
1.749 +
1.750 +#forward-button > .toolbarbutton-icon {
1.751 + background-clip: padding-box;
1.752 + padding-left: 9px;
1.753 + padding-right: 3px;
1.754 + border: 1px solid #9a9a9a;
1.755 + border-left-style: none;
1.756 + border-radius: 0;
1.757 +}
1.758 +
1.759 +@conditionalForwardWithUrlbar@:not([switchingtabs]) > #forward-button {
1.760 + transition: margin-left @forwardTransitionLength@ ease-out;
1.761 +}
1.762 +
1.763 +@conditionalForwardWithUrlbar@ > #forward-button[disabled] {
1.764 + margin-left: -@conditionalForwardWithUrlbarWidth@px;
1.765 +}
1.766 +
1.767 +@conditionalForwardWithUrlbar@:hover:not([switchingtabs]) > #forward-button[disabled] {
1.768 + /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
1.769 + transition-delay: 100s;
1.770 +}
1.771 +
1.772 +@conditionalForwardWithUrlbar@:not(:hover) > #forward-button[disabled] {
1.773 + /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
1.774 + margin-left: -@conditionalForwardWithUrlbarWidth@.01px;
1.775 +}
1.776 +
1.777 +/* tabview menu item */
1.778 +
1.779 +#menu_tabview {
1.780 + list-style-image: url(chrome://browser/skin/tabview/tabview.png);
1.781 + -moz-image-region: rect(0, 80px, 16px, 64px);
1.782 +}
1.783 +
1.784 +#menu_tabview[groups="0"] {
1.785 + -moz-image-region: rect(0, 16px, 16px, 0);
1.786 +}
1.787 +
1.788 +#menu_tabview[groups="1"] {
1.789 + -moz-image-region: rect(0, 32px, 16px, 16px);
1.790 +}
1.791 +
1.792 +#menu_tabview[groups="2"] {
1.793 + -moz-image-region: rect(0, 48px, 16px, 32px);
1.794 +}
1.795 +
1.796 +#menu_tabview[groups="3"] {
1.797 + -moz-image-region: rect(0, 64px, 16px, 48px);
1.798 +}
1.799 +
1.800 +#bookmarks-button {
1.801 + -moz-image-region: rect(0px 72px 24px 48px);
1.802 +}
1.803 +
1.804 +#new-tab-button {
1.805 + -moz-image-region: rect(0px 96px 24px 72px);
1.806 +}
1.807 +
1.808 +#new-window-button {
1.809 + -moz-image-region: rect(0px 120px 24px 96px);
1.810 +}
1.811 +
1.812 +#sync-button {
1.813 + -moz-image-region: rect(0px 144px 24px 120px);
1.814 +}
1.815 +#sync-button[cui-areatype="toolbar"][status="active"] {
1.816 + list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
1.817 + -moz-image-region: rect(0px 18px 18px 0px);
1.818 +}
1.819 +#sync-button[cui-areatype="menu-panel"][status="active"] {
1.820 + list-style-image: url("chrome://browser/skin/syncProgress-menuPanel.png");
1.821 + -moz-image-region: rect(0px 32px 32px 0px);
1.822 +}
1.823 +
1.824 +#feed-button {
1.825 + -moz-image-region: rect(0px 168px 24px 144px);
1.826 +}
1.827 +
1.828 +#feed-button[disabled] > .toolbarbutton-icon {
1.829 + opacity: .4;
1.830 +}
1.831 +
1.832 +#webrtc-status-button {
1.833 + -moz-image-region: rect(0px 192px 24px 168px);
1.834 +}
1.835 +
1.836 +.unified-nav-back[_moz-menuactive] {
1.837 + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important;
1.838 +}
1.839 +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
1.840 + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important;
1.841 +}
1.842 +.unified-nav-forward[_moz-menuactive] {
1.843 + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important;
1.844 +}
1.845 +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
1.846 + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important;
1.847 +}
1.848 +
1.849 +/* Menu panel buttons */
1.850 +
1.851 +%include ../shared/toolbarbuttons.inc.css
1.852 +%include ../shared/menupanel.inc.css
1.853 +
1.854 +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
1.855 +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
1.856 +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
1.857 +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1.858 +#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
1.859 + opacity: 0.4;
1.860 +}
1.861 +
1.862 +/* Fullscreen window controls */
1.863 +#window-controls {
1.864 + -moz-box-align: start;
1.865 + -moz-margin-start: 10px;
1.866 +}
1.867 +
1.868 +#minimize-button {
1.869 + list-style-image: url("chrome://global/skin/icons/Minimize.gif");
1.870 +}
1.871 +#restore-button {
1.872 + list-style-image: url("chrome://global/skin/icons/Restore.gif");
1.873 +}
1.874 +#close-button {
1.875 + list-style-image: url("chrome://global/skin/icons/Close.gif");
1.876 +}
1.877 +
1.878 +/* Location bar */
1.879 +#urlbar,
1.880 +.searchbar-textbox {
1.881 + -moz-appearance: none;
1.882 + padding: 1px;
1.883 + border: 1px solid ThreeDShadow;
1.884 + border-radius: 2px;
1.885 + margin: 0 3px;
1.886 +}
1.887 +
1.888 +#urlbar[focused],
1.889 +.searchbar-textbox[focused] {
1.890 + border-color: Highlight;
1.891 +}
1.892 +
1.893 +#urlbar {
1.894 + background-color: -moz-field;
1.895 +}
1.896 +
1.897 +.urlbar-textbox-container {
1.898 + -moz-appearance: none;
1.899 + -moz-box-align: stretch;
1.900 +}
1.901 +
1.902 +.urlbar-input-box {
1.903 + -moz-margin-start: 0;
1.904 +}
1.905 +
1.906 +.urlbar-history-dropmarker {
1.907 + -moz-appearance: toolbarbutton-dropdown;
1.908 +}
1.909 +
1.910 +#urlbar-container {
1.911 + -moz-box-align: center;
1.912 +}
1.913 +
1.914 +@conditionalForwardWithUrlbar@ > #urlbar {
1.915 + -moz-border-start: none;
1.916 + margin-left: 0;
1.917 +}
1.918 +
1.919 +@conditionalForwardWithUrlbar@ > #urlbar:-moz-locale-dir(ltr) {
1.920 + border-top-left-radius: 0;
1.921 + border-bottom-left-radius: 0;
1.922 +}
1.923 +
1.924 +@conditionalForwardWithUrlbar@ > #urlbar:-moz-locale-dir(rtl) {
1.925 + border-top-right-radius: 0;
1.926 + border-bottom-right-radius: 0;
1.927 +}
1.928 +
1.929 +@conditionalForwardWithUrlbar@ {
1.930 + clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");
1.931 + -moz-margin-start: -5px;
1.932 +}
1.933 +
1.934 +@conditionalForwardWithUrlbar@:-moz-locale-dir(rtl),
1.935 +@conditionalForwardWithUrlbar@ > #urlbar:-moz-locale-dir(rtl) {
1.936 + /* let urlbar-back-button-clip-path clip the urlbar's right side for RTL */
1.937 + transform: scaleX(-1);
1.938 +}
1.939 +
1.940 +@conditionalForwardWithUrlbar@:-moz-locale-dir(rtl) {
1.941 + -moz-box-direction: reverse;
1.942 +}
1.943 +
1.944 +#urlbar-icons {
1.945 + -moz-box-align: center;
1.946 +}
1.947 +
1.948 +.urlbar-icon {
1.949 + cursor: pointer;
1.950 + padding: 0 3px;
1.951 +}
1.952 +
1.953 +#urlbar-search-splitter {
1.954 + -moz-appearance: none;
1.955 + width: 8px;
1.956 + -moz-margin-start: -4px;
1.957 +}
1.958 +
1.959 +#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1.960 + -moz-margin-start: 0;
1.961 +}
1.962 +
1.963 +#urlbar-display-box {
1.964 + margin-top: -1px;
1.965 + margin-bottom: -1px;
1.966 + -moz-border-end: 1px solid #AAA;
1.967 + -moz-margin-end: 3px;
1.968 +}
1.969 +
1.970 +#urlbar-display {
1.971 + margin-top: 0;
1.972 + margin-bottom: 0;
1.973 + -moz-margin-start: 0;
1.974 + color: GrayText;
1.975 +}
1.976 +
1.977 +#search-container {
1.978 + min-width: calc(54px + 11ch);
1.979 +}
1.980 +
1.981 +/* identity box */
1.982 +
1.983 +#identity-box {
1.984 + padding: 1px;
1.985 + font-size: .9em;
1.986 +}
1.987 +
1.988 +#identity-box:-moz-locale-dir(ltr) {
1.989 + border-top-left-radius: 1.5px;
1.990 + border-bottom-left-radius: 1.5px;
1.991 +}
1.992 +
1.993 +#identity-box:-moz-locale-dir(rtl) {
1.994 + border-top-right-radius: 1.5px;
1.995 + border-bottom-right-radius: 1.5px;
1.996 +}
1.997 +
1.998 +#notification-popup-box:not([hidden]) + #identity-box {
1.999 + -moz-padding-start: 10px;
1.1000 + border-radius: 0;
1.1001 +}
1.1002 +
1.1003 +@conditionalForwardWithUrlbar@ > #urlbar > #identity-box {
1.1004 + border-radius: 0;
1.1005 +}
1.1006 +
1.1007 +@conditionalForwardWithUrlbar@:not([switchingtabs]) > #urlbar > #identity-box {
1.1008 + transition: padding-left, padding-right;
1.1009 +}
1.1010 +
1.1011 +@conditionalForwardWithUrlbar@ > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
1.1012 + padding-left: 5px;
1.1013 +}
1.1014 +
1.1015 +@conditionalForwardWithUrlbar@ > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
1.1016 + padding-right: 5px;
1.1017 +}
1.1018 +
1.1019 +@conditionalForwardWithUrlbar@:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box {
1.1020 + /* forward button hiding is delayed when hovered */
1.1021 + transition-delay: 100s;
1.1022 +}
1.1023 +
1.1024 +@conditionalForwardWithUrlbar@:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
1.1025 + /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1.1026 + padding-left: 5.01px;
1.1027 +}
1.1028 +
1.1029 +@conditionalForwardWithUrlbar@:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
1.1030 + /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1.1031 + padding-right: 5.01px;
1.1032 +}
1.1033 +
1.1034 +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1.1035 +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1.1036 + -moz-margin-end: 4px;
1.1037 +}
1.1038 +
1.1039 +#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
1.1040 + background-color: #fff;
1.1041 +}
1.1042 +
1.1043 +#identity-box:-moz-focusring {
1.1044 + outline: 1px dotted #000;
1.1045 + outline-offset: -3px;
1.1046 +}
1.1047 +
1.1048 +#identity-icon-labels {
1.1049 + -moz-padding-start: 2px;
1.1050 + -moz-padding-end: 5px;
1.1051 +}
1.1052 +
1.1053 +%include ../shared/identity-block.inc.css
1.1054 +
1.1055 +#page-proxy-favicon {
1.1056 + margin-top: 1px;
1.1057 + margin-bottom: 1px;
1.1058 + -moz-margin-start: 3px;
1.1059 + -moz-margin-end: 1px;
1.1060 + -moz-image-region: rect(0, 16px, 16px, 0);
1.1061 +}
1.1062 +
1.1063 +#identity-box:hover > #page-proxy-favicon {
1.1064 + -moz-image-region: rect(0, 32px, 16px, 16px);
1.1065 +}
1.1066 +
1.1067 +#identity-box:hover:active > #page-proxy-favicon,
1.1068 +#identity-box[open=true] > #page-proxy-favicon {
1.1069 + -moz-image-region: rect(0, 48px, 16px, 32px);
1.1070 +}
1.1071 +
1.1072 +/* Identity popup icons */
1.1073 +#identity-popup-icon {
1.1074 + height: 64px;
1.1075 + width: 64px;
1.1076 + padding: 0;
1.1077 + list-style-image: url("chrome://browser/skin/identity.png");
1.1078 + -moz-image-region: rect(0px, 64px, 64px, 0px);
1.1079 +}
1.1080 +
1.1081 +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
1.1082 + -moz-image-region: rect(64px, 64px, 128px, 0px);
1.1083 +}
1.1084 +
1.1085 +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
1.1086 + -moz-image-region: rect(128px, 64px, 192px, 0px);
1.1087 +}
1.1088 +
1.1089 +/* Identity popup body text */
1.1090 +.identity-popup-description {
1.1091 + white-space: pre-wrap;
1.1092 + -moz-padding-start: 15px;
1.1093 + margin: 2px 0 4px;
1.1094 +}
1.1095 +
1.1096 +.identity-popup-label {
1.1097 + white-space: pre-wrap;
1.1098 + -moz-padding-start: 15px;
1.1099 + margin: 0;
1.1100 +}
1.1101 +
1.1102 +#identity-popup-content-host ,
1.1103 +#identity-popup-content-owner {
1.1104 + font-weight: bold;
1.1105 + max-width: 300px;
1.1106 +}
1.1107 +
1.1108 +#identity-popup-content-host ,
1.1109 +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
1.1110 + font-size: 140%;
1.1111 +}
1.1112 +
1.1113 +#identity-popup-content-owner {
1.1114 + margin-bottom: 0 !important;
1.1115 +}
1.1116 +
1.1117 +#identity-popup-content-verifier {
1.1118 + margin: 4px 0 2px;
1.1119 +}
1.1120 +
1.1121 +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
1.1122 +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
1.1123 + margin-top: 10px;
1.1124 + -moz-margin-start: -18px;
1.1125 +}
1.1126 +
1.1127 +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
1.1128 +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
1.1129 + list-style-image: url("chrome://browser/skin/Secure.png");
1.1130 +}
1.1131 +
1.1132 +#identity-popup-help-icon {
1.1133 + -moz-appearance: none;
1.1134 + margin-left: 0px;
1.1135 + border: none;
1.1136 + background: none;
1.1137 + min-width: 0;
1.1138 + list-style-image: url("chrome://global/skin/icons/question-16.png");
1.1139 + cursor: pointer;
1.1140 +}
1.1141 +
1.1142 +#identity-popup-help-icon > .button-box > .button-text {
1.1143 + display: none;
1.1144 +}
1.1145 +
1.1146 +#identity-popup-help-icon > .button-box > .button-icon {
1.1147 + height: 16px;
1.1148 + width: 16px;
1.1149 +}
1.1150 +
1.1151 +#identity-popup-help-icon:-moz-focusring {
1.1152 + outline: 1px dotted;
1.1153 + outline-offset: 1px;
1.1154 +}
1.1155 +
1.1156 +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
1.1157 + padding: 0;
1.1158 +}
1.1159 +
1.1160 +#identity-popup-container {
1.1161 + min-width: 280px;
1.1162 + padding: 10px;
1.1163 +}
1.1164 +
1.1165 +#identity-popup-button-container {
1.1166 + background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);
1.1167 + padding: 10px;
1.1168 + margin-top: 5px;
1.1169 +}
1.1170 +
1.1171 +/* Notification popup */
1.1172 +#notification-popup {
1.1173 + min-width: 280px;
1.1174 +}
1.1175 +
1.1176 +.popup-notification-icon {
1.1177 + width: 64px;
1.1178 + height: 64px;
1.1179 + -moz-margin-end: 10px;
1.1180 +}
1.1181 +
1.1182 +.popup-notification-icon[popupid="geolocation"] {
1.1183 + list-style-image: url(chrome://browser/skin/Geolocation-64.png);
1.1184 +}
1.1185 +
1.1186 +.popup-notification-icon[popupid="xpinstall-disabled"],
1.1187 +.popup-notification-icon[popupid="addon-progress"],
1.1188 +.popup-notification-icon[popupid="addon-install-cancelled"],
1.1189 +.popup-notification-icon[popupid="addon-install-blocked"],
1.1190 +.popup-notification-icon[popupid="addon-install-failed"],
1.1191 +.popup-notification-icon[popupid="addon-install-complete"] {
1.1192 + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png);
1.1193 + width: 32px;
1.1194 + height: 32px;
1.1195 +}
1.1196 +
1.1197 +.popup-notification-icon[popupid="click-to-play-plugins"] {
1.1198 + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png);
1.1199 +}
1.1200 +
1.1201 +.popup-notification-icon[popupid="plugins-not-found"] {
1.1202 + list-style-image: url(chrome://browser/skin/pluginInstall-64.png);
1.1203 +}
1.1204 +
1.1205 +.popup-notification-icon[popupid="web-notifications"] {
1.1206 + list-style-image: url(chrome://browser/skin/notification-64.png);
1.1207 +}
1.1208 +
1.1209 +.addon-progress-description {
1.1210 + width: 350px;
1.1211 + max-width: 350px;
1.1212 +}
1.1213 +
1.1214 +.popup-progress-label,
1.1215 +.popup-progress-meter {
1.1216 + -moz-margin-start: 0;
1.1217 + -moz-margin-end: 0;
1.1218 +}
1.1219 +
1.1220 +.popup-progress-cancel {
1.1221 + -moz-appearance: none;
1.1222 + background: transparent;
1.1223 + border: none;
1.1224 + padding: 0;
1.1225 + margin: 0;
1.1226 + -moz-margin-start: 5px;
1.1227 + min-height: 0;
1.1228 + min-width: 0;
1.1229 + list-style-image: url("moz-icon://stock/gtk-cancel?size=menu");
1.1230 +}
1.1231 +
1.1232 +.popup-notification-icon[popupid="canvas-permissions-prompt"] {
1.1233 + list-style-image: url(chrome://browser/skin/canvas-popup.svg);
1.1234 +}
1.1235 +
1.1236 +.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
1.1237 +.popup-notification-icon[popupid="indexedDB-quota-prompt"],
1.1238 +.popup-notification-icon[popupid*="offline-app-requested"],
1.1239 +.popup-notification-icon[popupid="offline-app-usage"] {
1.1240 + list-style-image: url(chrome://global/skin/icons/question-64.png);
1.1241 +}
1.1242 +
1.1243 +.popup-notification-icon[popupid="password-save"],
1.1244 +.popup-notification-icon[popupid="password-change"] {
1.1245 + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png);
1.1246 +}
1.1247 +
1.1248 +.popup-notification-icon[popupid="webapps-install-progress"],
1.1249 +.popup-notification-icon[popupid="webapps-install"] {
1.1250 + list-style-image: url(chrome://global/skin/icons/webapps-64.png);
1.1251 +}
1.1252 +
1.1253 +.popup-notification-icon[popupid="mixed-content-blocked"] {
1.1254 + list-style-image: url(chrome://browser/skin/mixed-content-blocked-64.png);
1.1255 +}
1.1256 +
1.1257 +.popup-notification-icon[popupid="webRTC-sharingDevices"],
1.1258 +.popup-notification-icon[popupid="webRTC-shareDevices"] {
1.1259 + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png);
1.1260 +}
1.1261 +
1.1262 +.popup-notification-icon[popupid="webRTC-sharingMicrophone"],
1.1263 +.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
1.1264 + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png);
1.1265 +}
1.1266 +
1.1267 +.popup-notification-icon[popupid="pointerLock"] {
1.1268 + list-style-image: url(chrome://browser/skin/pointerLock-64.png);
1.1269 +}
1.1270 +
1.1271 +/* Notification icon box */
1.1272 +#notification-popup-box {
1.1273 + position: relative;
1.1274 + background-color: #fff;
1.1275 + background-clip: padding-box;
1.1276 + padding-left: 3px;
1.1277 + border-radius: 2.5px 0 0 2.5px;
1.1278 + border-width: 0 8px 0 0;
1.1279 + border-style: solid;
1.1280 + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill;
1.1281 + -moz-margin-end: -8px;
1.1282 + margin-top: -1px;
1.1283 + margin-bottom: -1px;
1.1284 +}
1.1285 +
1.1286 +@conditionalForwardWithUrlbar@ > #forward-button[disabled] + #urlbar > #notification-popup-box {
1.1287 + padding-left: 7px;
1.1288 +}
1.1289 +
1.1290 +#notification-popup-box:not([hidden]) + #identity-box {
1.1291 + -moz-padding-start: 10px;
1.1292 + border-radius: 0;
1.1293 +}
1.1294 +
1.1295 +#notification-popup-box:-moz-locale-dir(rtl),
1.1296 +.notification-anchor-icon:-moz-locale-dir(rtl) {
1.1297 + transform: scaleX(-1);
1.1298 +}
1.1299 +
1.1300 +.notification-anchor-icon {
1.1301 + width: 16px;
1.1302 + height: 16px;
1.1303 + margin: 0 2px;
1.1304 +}
1.1305 +
1.1306 +.notification-anchor-icon:-moz-focusring {
1.1307 + outline: 1px dotted -moz-DialogText;
1.1308 +}
1.1309 +
1.1310 +.default-notification-icon,
1.1311 +#default-notification-icon {
1.1312 + list-style-image: url(chrome://global/skin/icons/information-16.png);
1.1313 +}
1.1314 +
1.1315 +.identity-notification-icon,
1.1316 +#identity-notification-icon {
1.1317 + list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
1.1318 +}
1.1319 +
1.1320 +.geo-notification-icon,
1.1321 +#geo-notification-icon {
1.1322 + list-style-image: url(chrome://browser/skin/Geolocation-16.png);
1.1323 +}
1.1324 +
1.1325 +#addons-notification-icon {
1.1326 + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png);
1.1327 +}
1.1328 +
1.1329 +#canvas-notification-icon {
1.1330 + list-style-image: url(chrome://browser/skin/canvas-popup.svg);
1.1331 +}
1.1332 +
1.1333 +.indexedDB-notification-icon,
1.1334 +#indexedDB-notification-icon {
1.1335 + list-style-image: url(chrome://global/skin/icons/question-16.png);
1.1336 +}
1.1337 +
1.1338 +#password-notification-icon {
1.1339 + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png);
1.1340 +}
1.1341 +
1.1342 +#webapps-notification-icon {
1.1343 + list-style-image: url(chrome://global/skin/icons/webapps-16.png);
1.1344 +}
1.1345 +
1.1346 +#plugins-notification-icon {
1.1347 + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png);
1.1348 +}
1.1349 +#plugins-notification-icon.plugin-hidden {
1.1350 + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png);
1.1351 +}
1.1352 +#plugins-notification-icon.plugin-blocked {
1.1353 + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png);
1.1354 +}
1.1355 +
1.1356 +#plugins-notification-icon {
1.1357 + -moz-image-region: rect(0, 16px, 16px, 0);
1.1358 +}
1.1359 +
1.1360 +#plugins-notification-icon:hover {
1.1361 + -moz-image-region: rect(0, 32px, 16px, 16px);
1.1362 +}
1.1363 +
1.1364 +#plugins-notification-icon:active {
1.1365 + -moz-image-region: rect(0, 48px, 16px, 32px);
1.1366 +}
1.1367 +
1.1368 +#plugin-install-notification-icon {
1.1369 + list-style-image: url(chrome://browser/skin/pluginInstall-16.png);
1.1370 +}
1.1371 +
1.1372 +#notification-popup-box[hidden] {
1.1373 + /* Override display:none to make the pluginBlockedNotification animation work
1.1374 + when showing the notification repeatedly. */
1.1375 + display: -moz-box;
1.1376 + visibility: collapse;
1.1377 +}
1.1378 +
1.1379 +#plugins-notification-icon.plugin-blocked[showing] {
1.1380 + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
1.1381 +}
1.1382 +
1.1383 +@keyframes pluginBlockedNotification {
1.1384 + from {
1.1385 + opacity: 0;
1.1386 + }
1.1387 + to {
1.1388 + opacity: 1;
1.1389 + }
1.1390 +}
1.1391 +
1.1392 +.mixed-content-blocked-notification-icon,
1.1393 +#mixed-content-blocked-notification-icon {
1.1394 + list-style-image: url(chrome://browser/skin/mixed-content-blocked-16.png);
1.1395 +}
1.1396 +
1.1397 +.webRTC-shareDevices-notification-icon,
1.1398 +#webRTC-shareDevices-notification-icon {
1.1399 + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png);
1.1400 +}
1.1401 +
1.1402 +.webRTC-sharingDevices-notification-icon,
1.1403 +#webRTC-sharingDevices-notification-icon {
1.1404 + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png);
1.1405 +}
1.1406 +
1.1407 +.webRTC-shareMicrophone-notification-icon,
1.1408 +#webRTC-shareMicrophone-notification-icon {
1.1409 + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png);
1.1410 +}
1.1411 +
1.1412 +.webRTC-sharingMicrophone-notification-icon,
1.1413 +#webRTC-sharingMicrophone-notification-icon {
1.1414 + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png);
1.1415 +}
1.1416 +
1.1417 +.web-notifications-notification-icon,
1.1418 +#web-notifications-notification-icon {
1.1419 + list-style-image: url(chrome://browser/skin/notification-16.png);
1.1420 +}
1.1421 +
1.1422 +#pointerLock-notification-icon {
1.1423 + list-style-image: url(chrome://browser/skin/pointerLock-16.png);
1.1424 +}
1.1425 +#pointerLock-cancel {
1.1426 + margin: 0px;
1.1427 +}
1.1428 +
1.1429 +.translate-notification-icon,
1.1430 +#translate-notification-icon {
1.1431 + list-style-image: url(chrome://browser/skin/translation-16.png);
1.1432 + -moz-image-region: rect(0px, 16px, 16px, 0px);
1.1433 +}
1.1434 +
1.1435 +.translated-notification-icon,
1.1436 +#translated-notification-icon {
1.1437 + list-style-image: url(chrome://browser/skin/translation-16.png);
1.1438 + -moz-image-region: rect(0px, 32px, 16px, 16px);
1.1439 +}
1.1440 +
1.1441 +#treecolAutoCompleteImage {
1.1442 + max-width : 36px;
1.1443 +}
1.1444 +
1.1445 +.ac-result-type-bookmark,
1.1446 +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1.1447 + list-style-image: url("chrome://browser/skin/places/star-icons.png");
1.1448 + -moz-image-region: rect(0px 32px 16px 16px);
1.1449 + width: 16px;
1.1450 + height: 16px;
1.1451 +}
1.1452 +
1.1453 +.ac-result-type-keyword,
1.1454 +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1.1455 + list-style-image: url(moz-icon://stock/gtk-find?size=menu);
1.1456 + width: 16px;
1.1457 + height: 16px;
1.1458 +}
1.1459 +
1.1460 +.ac-result-type-tag,
1.1461 +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1.1462 + list-style-image: url("chrome://browser/skin/places/tag.png");
1.1463 + width: 16px;
1.1464 + height: 16px;
1.1465 +}
1.1466 +
1.1467 +.ac-comment {
1.1468 + font-size: 1.05em;
1.1469 +}
1.1470 +
1.1471 +.ac-extra > .ac-comment {
1.1472 + font-size: inherit;
1.1473 +}
1.1474 +
1.1475 +.ac-url-text,
1.1476 +.ac-action-text {
1.1477 + color: -moz-nativehyperlinktext;
1.1478 + font-size: 0.9em;
1.1479 +}
1.1480 +
1.1481 +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1.1482 + list-style-image: url("chrome://browser/skin/actionicon-tab.png");
1.1483 + padding: 0 3px;
1.1484 +}
1.1485 +
1.1486 +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1.1487 + color: GrayText;
1.1488 +}
1.1489 +
1.1490 +.ac-comment[selected="true"],
1.1491 +.ac-url-text[selected="true"],
1.1492 +.ac-action-text[selected="true"] {
1.1493 + color: inherit !important;
1.1494 +}
1.1495 +
1.1496 +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1.1497 +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) {
1.1498 + color: GrayText;
1.1499 + font-size: smaller;
1.1500 +}
1.1501 +
1.1502 +.autocomplete-treebody::-moz-tree-cell(suggesthint) {
1.1503 + border-top: 1px solid GrayText;
1.1504 +}
1.1505 +
1.1506 +/* Combined go/reload/stop button in location bar */
1.1507 +
1.1508 +#urlbar > toolbarbutton {
1.1509 + -moz-appearance: none;
1.1510 + padding: 0 2px;
1.1511 + cursor: pointer;
1.1512 + list-style-image: url("chrome://browser/skin/reload-stop-go.png");
1.1513 +}
1.1514 +
1.1515 +#urlbar-reload-button {
1.1516 + -moz-image-region: rect(0, 14px, 14px, 0);
1.1517 +}
1.1518 +
1.1519 +#urlbar-reload-button:not([disabled]):hover {
1.1520 + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), hsla(200,100%,70%,0));
1.1521 + -moz-image-region: rect(14px, 14px, 28px, 0);
1.1522 +}
1.1523 +
1.1524 +#urlbar-reload-button:not([disabled]):hover:active {
1.1525 + background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), hsla(200,100%,60%,0));
1.1526 + -moz-image-region: rect(28px, 14px, 42px, 0);
1.1527 +}
1.1528 +
1.1529 +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1.1530 + transform: scaleX(-1);
1.1531 +}
1.1532 +
1.1533 +#urlbar-go-button {
1.1534 + -moz-image-region: rect(0, 42px, 14px, 28px);
1.1535 +}
1.1536 +
1.1537 +#urlbar-go-button:hover {
1.1538 + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), hsla(110,70%,50%,0));
1.1539 + -moz-image-region: rect(14px, 42px, 28px, 28px);
1.1540 +}
1.1541 +
1.1542 +#urlbar-go-button:hover:active {
1.1543 + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), hsla(110,70%,50%,0));
1.1544 + -moz-image-region: rect(28px, 42px, 42px, 28px);
1.1545 +}
1.1546 +
1.1547 +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1.1548 + transform: scaleX(-1);
1.1549 +}
1.1550 +
1.1551 +#urlbar-stop-button {
1.1552 + -moz-image-region: rect(0, 28px, 14px, 14px);
1.1553 +}
1.1554 +
1.1555 +#urlbar-stop-button:not([disabled]):hover {
1.1556 + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), hsla(5,100%,75%,0));
1.1557 + -moz-image-region: rect(14px, 28px, 28px, 14px);
1.1558 +}
1.1559 +
1.1560 +#urlbar-stop-button:hover:active {
1.1561 + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), hsla(5,100%,75%,0));
1.1562 + -moz-image-region: rect(28px, 28px, 42px, 14px);
1.1563 +}
1.1564 +
1.1565 +/* Popup blocker button */
1.1566 +#page-report-button {
1.1567 + list-style-image: url("chrome://browser/skin/Info.png");
1.1568 +}
1.1569 +
1.1570 +
1.1571 +/* social share panel */
1.1572 +
1.1573 +.social-share-frame {
1.1574 + background: linear-gradient(to bottom, rgba(242,242,242,.99), rgba(242,242,242,.95));
1.1575 + border-left: 1px solid #f8f8f8;
1.1576 + width: 330px;
1.1577 + height: 150px;
1.1578 + /* we resize our panels dynamically, make it look nice */
1.1579 + transition: height 100ms ease-out, width 100ms ease-out;
1.1580 +}
1.1581 +
1.1582 +.social-share-toolbar {
1.1583 + border-right: 1px solid #dedede;
1.1584 + background: linear-gradient(to bottom, rgba(247,247,247,.99), rgba(247,247,247,.95));
1.1585 +}
1.1586 +
1.1587 +#social-share-provider-buttons {
1.1588 + border-right: 1px solid #fbfbfb;
1.1589 + padding: 6px;
1.1590 +}
1.1591 +
1.1592 +#social-share-provider-buttons > .share-provider-button {
1.1593 + padding: 6px;
1.1594 + margin: 0;
1.1595 + border: none;
1.1596 + border-radius: 2px;
1.1597 +}
1.1598 +
1.1599 +#social-share-provider-buttons > .share-provider-button[checked],
1.1600 +#social-share-provider-buttons > .share-provider-button:active {
1.1601 + padding: 5px;
1.1602 + border: 1px solid #b5b5b8;
1.1603 + box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
1.1604 +}
1.1605 +
1.1606 +#social-share-provider-buttons > .share-provider-button[checked] {
1.1607 + background: linear-gradient(to bottom, #d9d9d9, #e3e3e3);
1.1608 +}
1.1609 +
1.1610 +#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
1.1611 + display: none;
1.1612 +}
1.1613 +#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
1.1614 + width: 16px;
1.1615 + min-height: 16px;
1.1616 + max-height: 16px;
1.1617 +}
1.1618 +
1.1619 +/* social recommending panel */
1.1620 +
1.1621 +#social-mark-button {
1.1622 + -moz-image-region: rect(0, 16px, 16px, 0);
1.1623 +}
1.1624 +
1.1625 +/* bookmarks menu-button */
1.1626 +
1.1627 +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
1.1628 + -moz-appearance: none !important;
1.1629 + -moz-box-align: center;
1.1630 +}
1.1631 +
1.1632 +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
1.1633 + margin-top: 3px;
1.1634 + margin-bottom: 3px;
1.1635 +}
1.1636 +
1.1637 +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon,
1.1638 +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker,
1.1639 +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker,
1.1640 +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1.1641 +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon {
1.1642 + opacity: .4;
1.1643 +}
1.1644 +
1.1645 +#BMB_bookmarksPopup[side="top"],
1.1646 +#BMB_bookmarksPopup[side="bottom"] {
1.1647 + margin-left: -16px;
1.1648 + margin-right: -16px;
1.1649 +}
1.1650 +
1.1651 +#BMB_bookmarksPopup[side="left"],
1.1652 +#BMB_bookmarksPopup[side="right"] {
1.1653 + margin-top: -16px;
1.1654 + margin-bottom: -16px;
1.1655 +}
1.1656 +
1.1657 +#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel,
1.1658 +#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel {
1.1659 + margin-top: -4px;
1.1660 +}
1.1661 +
1.1662 +/* Bookmarking panel */
1.1663 +#editBookmarkPanelStarIcon {
1.1664 + list-style-image: url("chrome://browser/skin/places/starred48.png");
1.1665 + width: 48px;
1.1666 + height: 48px;
1.1667 +}
1.1668 +
1.1669 +#editBookmarkPanelStarIcon[unstarred] {
1.1670 + list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1.1671 +}
1.1672 +
1.1673 +#editBookmarkPanelTitle {
1.1674 + font-size: 130%;
1.1675 +}
1.1676 +
1.1677 +#editBookmarkPanelHeader,
1.1678 +#editBookmarkPanelContent {
1.1679 + margin-bottom: .5em;
1.1680 +}
1.1681 +
1.1682 +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1.1683 +#editBMPanel_folderTree {
1.1684 + min-width: 27em;
1.1685 +}
1.1686 +
1.1687 +.panel-promo-box {
1.1688 + margin: 8px -10px -10px -10px;
1.1689 + padding: 8px 10px;
1.1690 + border-top: 1px solid ThreeDShadow;
1.1691 + background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px);
1.1692 +}
1.1693 +
1.1694 +.panel-promo-icon {
1.1695 + list-style-image: url("chrome://browser/skin/sync-notification-24.png");
1.1696 + -moz-margin-end: 10px;
1.1697 + vertical-align: middle;
1.1698 +}
1.1699 +
1.1700 +.panel-promo-closebutton {
1.1701 + -moz-appearance: none;
1.1702 + height: 16px;
1.1703 + width: 16px;
1.1704 +}
1.1705 +
1.1706 +.panel-promo-closebutton > .toolbarbutton-text {
1.1707 + padding: 0;
1.1708 + margin: 0;
1.1709 +}
1.1710 +
1.1711 +/* Content area */
1.1712 +#sidebar {
1.1713 + background-color: Window;
1.1714 +}
1.1715 +
1.1716 +.browserContainer > findbar {
1.1717 + background-color: -moz-dialog;
1.1718 + color: -moz-DialogText;
1.1719 + text-shadow: none;
1.1720 +}
1.1721 +
1.1722 +/* Tabstrip */
1.1723 +
1.1724 +%include ../shared/tabs.inc.css
1.1725 +
1.1726 +#tabbrowser-tabs {
1.1727 + /* override the global style to allow the selected tab to be above the nav-bar */
1.1728 + z-index: auto;
1.1729 +}
1.1730 +
1.1731 +#TabsToolbar {
1.1732 + min-height: 0;
1.1733 + padding: 0;
1.1734 + position: relative;
1.1735 +}
1.1736 +
1.1737 +/*
1.1738 + * Draw the bottom border of the tabstrip:
1.1739 + */
1.1740 +#TabsToolbar::after {
1.1741 + content: "";
1.1742 + position: absolute;
1.1743 + bottom: @tabToolbarNavbarOverlap@;
1.1744 + left: 0;
1.1745 + right: 0;
1.1746 + z-index: 0;
1.1747 + border-bottom: 1px solid hsla(0,0%,0%,.3);
1.1748 +}
1.1749 +
1.1750 +#TabsToolbar:not(:-moz-lwtheme) {
1.1751 + -moz-appearance: menubar;
1.1752 + color: -moz-menubartext;
1.1753 +}
1.1754 +
1.1755 +#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
1.1756 +#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
1.1757 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag");
1.1758 +}
1.1759 +
1.1760 +.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
1.1761 + outline: 1px dotted;
1.1762 +}
1.1763 +
1.1764 +#context_reloadTab {
1.1765 + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
1.1766 +}
1.1767 +
1.1768 +#context_closeOtherTabs {
1.1769 + list-style-image: url("moz-icon://stock/gtk-clear?size=menu");
1.1770 +}
1.1771 +
1.1772 +#context_closeOtherTabs[disabled] {
1.1773 + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled");
1.1774 +}
1.1775 +
1.1776 +#context_undoCloseTab {
1.1777 + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu");
1.1778 +}
1.1779 +
1.1780 +#context_closeTab {
1.1781 + list-style-image: url("moz-icon://stock/gtk-close?size=menu");
1.1782 +}
1.1783 +
1.1784 +/* Tab drag and drop */
1.1785 +.tab-drop-indicator {
1.1786 + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png);
1.1787 + margin-bottom: -9px;
1.1788 + z-index: 3;
1.1789 +}
1.1790 +
1.1791 +/* Tab close button */
1.1792 +.tab-close-button:not([selected]):not(:hover) {
1.1793 + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 64, 16, 48);
1.1794 +}
1.1795 +
1.1796 +.tab-close-button:not([selected]):not(:hover):-moz-lwtheme-brighttext {
1.1797 + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 80, 16, 64);
1.1798 +}
1.1799 +
1.1800 +.tab-close-button:not([selected]):not(:hover):-moz-lwtheme-darktext {
1.1801 + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 96, 16, 80);
1.1802 +}
1.1803 +
1.1804 +/* Tabstrip new tab button */
1.1805 +.tabs-newtab-button,
1.1806 +#TabsToolbar > #new-tab-button ,
1.1807 +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button {
1.1808 + list-style-image: url("moz-icon://stock/gtk-add?size=menu");
1.1809 + -moz-image-region: auto;
1.1810 +}
1.1811 +
1.1812 +/* Tabbrowser arrowscrollbox arrows */
1.1813 +.tabbrowser-arrowscrollbox > .scrollbutton-up,
1.1814 +.tabbrowser-arrowscrollbox > .scrollbutton-down {
1.1815 + -moz-appearance: none;
1.1816 + margin: 0 0 @tabToolbarNavbarOverlap@;
1.1817 +}
1.1818 +
1.1819 +.tabbrowser-arrowscrollbox > .scrollbutton-up {
1.1820 + -moz-border-start: 0;
1.1821 + -moz-border-end: 2px solid transparent;
1.1822 +}
1.1823 +
1.1824 +.tabbrowser-arrowscrollbox > .scrollbutton-down {
1.1825 + -moz-border-start: 2px solid transparent;
1.1826 + -moz-border-end: 0;
1.1827 + transition: 1s box-shadow ease-out;
1.1828 + border-radius: 4px;
1.1829 +}
1.1830 +
1.1831 +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
1.1832 + box-shadow: 0 0 5px 5px Highlight inset;
1.1833 + transition: none;
1.1834 +}
1.1835 +
1.1836 +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr),
1.1837 +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(rtl) {
1.1838 + border-width: 0 2px 0 0;
1.1839 + border-style: solid;
1.1840 + border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
1.1841 +}
1.1842 +
1.1843 +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(ltr),
1.1844 +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(rtl) {
1.1845 + border-width: 0 0 0 2px;
1.1846 + border-style: solid;
1.1847 + border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;
1.1848 +}
1.1849 +
1.1850 +#TabsToolbar .toolbarbutton-1 {
1.1851 + margin-bottom: @tabToolbarNavbarOverlap@;
1.1852 +}
1.1853 +
1.1854 +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
1.1855 +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
1.1856 +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
1.1857 + margin-top: -2px;
1.1858 + margin-bottom: -2px;
1.1859 +}
1.1860 +
1.1861 +#alltabs-button > .toolbarbutton-menu-dropmarker {
1.1862 + margin-bottom: -2px;
1.1863 +}
1.1864 +
1.1865 +#alltabs-button > .toolbarbutton-icon {
1.1866 + display: none;
1.1867 +}
1.1868 +
1.1869 +/* All tabs menupopup */
1.1870 +.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
1.1871 + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1.1872 +}
1.1873 +
1.1874 +.alltabs-item[selected="true"] {
1.1875 + font-weight: bold;
1.1876 +}
1.1877 +
1.1878 +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
1.1879 + list-style-image: url("chrome://global/skin/icons/loading_16.png");
1.1880 +}
1.1881 +
1.1882 +.alltabs-item[tabIsVisible] {
1.1883 + /* box-shadow instead of background-color to work around native styling */
1.1884 + box-shadow: inset -5px 0 ThreeDShadow;
1.1885 +}
1.1886 +
1.1887 +/* Sidebar */
1.1888 +#sidebar-throbber[loading="true"] {
1.1889 + list-style-image: url("chrome://global/skin/icons/loading_16.png");
1.1890 + -moz-margin-end: 4px;
1.1891 +}
1.1892 +
1.1893 +toolbarbutton.chevron {
1.1894 + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
1.1895 +}
1.1896 +
1.1897 +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1.1898 + transform: scaleX(-1);
1.1899 +}
1.1900 +
1.1901 +toolbarbutton.chevron > .toolbarbutton-text,
1.1902 +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1.1903 + display: none;
1.1904 +}
1.1905 +
1.1906 +toolbarbutton.chevron > .toolbarbutton-icon {
1.1907 + margin: 0;
1.1908 +}
1.1909 +
1.1910 +/* Ctrl-Tab */
1.1911 +
1.1912 +.ctrlTab-preview {
1.1913 + -moz-appearance: toolbarbutton;
1.1914 +}
1.1915 +
1.1916 +.tabPreview-canvas {
1.1917 + box-shadow: 0 0 5px ThreeDShadow;
1.1918 +}
1.1919 +
1.1920 +.ctrlTab-preview:focus .tabPreview-canvas,
1.1921 +.ctrlTab-preview:hover .tabPreview-canvas {
1.1922 + box-shadow: none;
1.1923 +}
1.1924 +
1.1925 +.ctrlTab-favicon[src] {
1.1926 + background-color: white;
1.1927 + width: 20px;
1.1928 + height: 20px;
1.1929 + padding: 2px;
1.1930 +}
1.1931 +
1.1932 +#ctrlTab-panel {
1.1933 + padding: 10px;
1.1934 +}
1.1935 +
1.1936 +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas {
1.1937 + margin-bottom: 2px;
1.1938 +}
1.1939 +
1.1940 +#ctrlTab-showAll {
1.1941 + -moz-appearance: button;
1.1942 + color: ButtonText;
1.1943 + padding: 0 3px;
1.1944 + margin-top: 10px;
1.1945 +}
1.1946 +
1.1947 +/* Sync Panel */
1.1948 +
1.1949 +.sync-panel-icon {
1.1950 + height:32px;
1.1951 + width: 32px;
1.1952 + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat;
1.1953 +}
1.1954 +
1.1955 +.sync-panel-inner {
1.1956 + width: 0;
1.1957 + padding-left: 10px;
1.1958 +}
1.1959 +
1.1960 +.sync-panel-button-box {
1.1961 + margin-top: 1em;
1.1962 +}
1.1963 +
1.1964 +#sync-error-panel-title,
1.1965 +#sync-start-panel-title {
1.1966 + font-size: 120%;
1.1967 + font-weight: bold;
1.1968 + margin-bottom: 5px;
1.1969 +}
1.1970 +
1.1971 +#sync-start-panel-subtitle,
1.1972 +#sync-error-panel-subtitle {
1.1973 + margin: 0;
1.1974 +}
1.1975 +
1.1976 +/* Status panel */
1.1977 +
1.1978 +.statuspanel-label {
1.1979 + margin: 0;
1.1980 + padding: 2px 4px;
1.1981 + background: linear-gradient(#fff, #ddd);
1.1982 + border: 1px none #ccc;
1.1983 + border-top-style: solid;
1.1984 + color: #333;
1.1985 + text-shadow: none;
1.1986 +}
1.1987 +
1.1988 +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
1.1989 +.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
1.1990 + border-right-style: solid;
1.1991 + border-top-right-radius: .3em;
1.1992 + margin-right: 1em;
1.1993 +}
1.1994 +
1.1995 +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
1.1996 +.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
1.1997 + border-left-style: solid;
1.1998 + border-top-left-radius: .3em;
1.1999 + margin-left: 1em;
1.2000 +}
1.2001 +
1.2002 +#full-screen-warning-message {
1.2003 + background-image: url("chrome://browser/skin/fullscreen-darknoise.png");
1.2004 + color: white;
1.2005 + border-radius: 4px;
1.2006 + margin-top: 30px;
1.2007 + padding: 30px 50px;
1.2008 + box-shadow: 0 0 2px white;
1.2009 +}
1.2010 +
1.2011 +#full-screen-warning-container[obscure-browser] {
1.2012 + background-color: rgba(0,0,0,0.3);
1.2013 +}
1.2014 +
1.2015 +.full-screen-description {
1.2016 + font-size: 150%;
1.2017 +}
1.2018 +
1.2019 +#full-screen-domain-text {
1.2020 + font-size: 300%;
1.2021 +}
1.2022 +
1.2023 +.full-screen-approval-button,
1.2024 +#full-screen-remember-decision {
1.2025 + font-size: 120%;
1.2026 +}
1.2027 +
1.2028 +%include ../shared/devtools/responsivedesign.inc.css
1.2029 +%include ../shared/devtools/highlighter.inc.css
1.2030 +%include ../shared/devtools/commandline.inc.css
1.2031 +%include ../shared/plugin-doorhanger.inc.css
1.2032 +
1.2033 +%include downloads/indicator.css
1.2034 +
1.2035 +.gcli-panel {
1.2036 + padding: 0;
1.2037 +}
1.2038 +
1.2039 +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
1.2040 + color: hsl(210,11%,16%);
1.2041 +}
1.2042 +
1.2043 +/* Error counter */
1.2044 +
1.2045 +#developer-toolbar-toolbox-button[error-count]:before {
1.2046 + color: #FDF3DE;
1.2047 + min-width: 16px;
1.2048 + text-shadow: none;
1.2049 + background-image: linear-gradient(#B4211B, #8A1915);
1.2050 + border-radius: 1px;
1.2051 + -moz-margin-end: 2px;
1.2052 +}
1.2053 +
1.2054 +/* Social toolbar item */
1.2055 +
1.2056 +#social-provider-button {
1.2057 + -moz-image-region: rect(0, 16px, 16px, 0);
1.2058 + list-style-image: url(chrome://browser/skin/social/services-16.png);
1.2059 +}
1.2060 +
1.2061 +#social-provider-button > .toolbarbutton-menu-dropmarker {
1.2062 + display: none;
1.2063 +}
1.2064 +
1.2065 +.toolbarbutton-badge-container {
1.2066 + margin: 5px 3px;
1.2067 + position: relative;
1.2068 +}
1.2069 +
1.2070 +toolbar[iconsize="small"] .toolbarbutton-badge-container {
1.2071 + margin: 0;
1.2072 +}
1.2073 +
1.2074 +.toolbarbutton-badge[badge]:not([badge=""])::after {
1.2075 + /* The |content| property is set in the content stylesheet. */
1.2076 + font-size: 9px;
1.2077 + font-weight: bold;
1.2078 + padding: 0 1px;
1.2079 + color: #fff;
1.2080 + background-color: rgb(240,61,37);
1.2081 + border: 1px solid rgb(216,55,34);
1.2082 + border-radius: 2px;
1.2083 + box-shadow: 0 1px 0 rgba(0,39,121,0.77);
1.2084 + position: absolute;
1.2085 + top: 0;
1.2086 + right: 0;
1.2087 +}
1.2088 +
1.2089 +.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
1.2090 + left: 2px;
1.2091 + right: auto;
1.2092 +}
1.2093 +
1.2094 +.popup-notification-icon[popupid="servicesInstall"] {
1.2095 + list-style-image: url(chrome://browser/skin/social/services-64.png);
1.2096 +}
1.2097 +#servicesInstall-notification-icon {
1.2098 + list-style-image: url(chrome://browser/skin/social/services-16.png);
1.2099 +}
1.2100 +#social-undoactivation-button {
1.2101 + -moz-margin-start: 0; /* override default label margin to match description margin */
1.2102 +}
1.2103 +
1.2104 +.social-activation-icon {
1.2105 + width: auto;
1.2106 + height: auto;
1.2107 + max-height: 64px;
1.2108 + max-width: 64px;
1.2109 +}
1.2110 +
1.2111 +#social-activation-message {
1.2112 + max-width: 250px;
1.2113 +}
1.2114 +
1.2115 +#social-activation-message > label {
1.2116 + margin: 0;
1.2117 +}
1.2118 +
1.2119 +/* social toolbar provider menu */
1.2120 +#social-statusarea-popup {
1.2121 + margin-top: 0;
1.2122 + margin-left: -12px;
1.2123 + margin-right: -12px;
1.2124 +}
1.2125 +
1.2126 +.social-statusarea-user {
1.2127 + list-style-image:url("chrome://global/skin/icons/information-32.png");
1.2128 +}
1.2129 +
1.2130 +.social-statusarea-user-portrait {
1.2131 + width: 32px;
1.2132 + height: 32px;
1.2133 + border-radius: 2px;
1.2134 + margin: 10px;
1.2135 +}
1.2136 +
1.2137 +.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
1.2138 + padding: 0;
1.2139 +}
1.2140 +
1.2141 +%include ../shared/social/chat.inc.css
1.2142 +
1.2143 +.chat-titlebar {
1.2144 + background-color: #d9d9d9;
1.2145 + background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0));
1.2146 +}
1.2147 +
1.2148 +.chat-titlebar[selected] {
1.2149 + background-color: #f0f0f0;
1.2150 +}
1.2151 +
1.2152 +.chatbar-button {
1.2153 + -moz-appearance: none;
1.2154 + background-color: #d9d9d9;
1.2155 + background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0));
1.2156 +}
1.2157 +
1.2158 +.chatbar-button > .toolbarbutton-icon {
1.2159 + -moz-margin-end: 0;
1.2160 +}
1.2161 +
1.2162 +.chatbar-button:hover,
1.2163 +.chatbar-button[open="true"] {
1.2164 + background-color: #f0f0f0;
1.2165 +}
1.2166 +
1.2167 +.chatbar-button[activity] {
1.2168 + background-image: radial-gradient(circle farthest-corner at center 3px, rgb(233,242,252) 3%, rgba(172,206,255,0.75) 40%, rgba(87,151,201,0.5) 80%, rgba(87,151,201,0));
1.2169 +}
1.2170 +
1.2171 +chatbox {
1.2172 + border-top-left-radius: 2.5px;
1.2173 + border-top-right-radius: 2.5px;
1.2174 +}
1.2175 +
1.2176 +/* Customization mode */
1.2177 +
1.2178 +%include ../shared/customizableui/customizeMode.inc.css
1.2179 +
1.2180 +#main-window[customizing] > #tab-view-deck {
1.2181 + background: linear-gradient(to bottom, #bcbcbc, #b5b5b5);
1.2182 +}
1.2183 +
1.2184 +#main-window[customize-entered] > #tab-view-deck {
1.2185 + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
1.2186 + url("chrome://browser/skin/customizableui/background-noise-toolbar.png"),
1.2187 + linear-gradient(to bottom, #bcbcbc, #b5b5b5);
1.2188 + background-attachment: fixed;
1.2189 +}
1.2190 +
1.2191 +#main-window[customize-entered] #browser-bottombox,
1.2192 +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
1.2193 +#main-window[customize-entered] #customization-container {
1.2194 + border: 3px solid hsla(0,0%,0%,.1);
1.2195 + border-top-width: 0;
1.2196 + background-clip: padding-box;
1.2197 + background-origin: padding-box;
1.2198 + -moz-border-right-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2);
1.2199 + -moz-border-bottom-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2);
1.2200 + -moz-border-left-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2);
1.2201 +}
1.2202 +
1.2203 +#main-window[customize-entered] #customization-container,
1.2204 +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
1.2205 + border-bottom-width: 0;
1.2206 +}
1.2207 +
1.2208 +#main-window[customize-entered] #TabsToolbar {
1.2209 + -moz-appearance: none;
1.2210 + background-clip: padding-box;
1.2211 + border-right: 3px solid transparent;
1.2212 + border-left: 3px solid transparent;
1.2213 +}
1.2214 +
1.2215 +/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */
1.2216 +.customization-tipPanel-closeBox > .close-icon:active {
1.2217 + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
1.2218 +}
1.2219 +
1.2220 +/* End customization mode */
1.2221 +
1.2222 +
1.2223 +#main-window[privatebrowsingmode=temporary] #private-browsing-indicator {
1.2224 + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat;
1.2225 + width: 40px;
1.2226 +}
1.2227 +
1.2228 +%include ../shared/UITour.inc.css
1.2229 +
1.2230 +#UITourHighlight {
1.2231 + /* Below are some fixes for people without an X compositor on Linux.
1.2232 + This is why we can't have nice things: */
1.2233 + /* Animations don't repaint properly without an X compositor. */
1.2234 + animation-name: none !important;
1.2235 + /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the
1.2236 + background be transparent in that case by having all alpha values < 0.5 */
1.2237 + background-image: radial-gradient(50% 100%, rgba(0,149,220,0.3) 50%, rgba(0,149,220,0.49) 100%);
1.2238 + /* The highlight isn't anti-aliased without an X compositor so make it thicker.
1.2239 + Make it a darker color since we don't have the box-shadow in this case. */
1.2240 + border: 4px solid rgb(0,149,220);
1.2241 +}
1.2242 +
1.2243 +#UITourTooltipDescription {
1.2244 + font-size: 1.05rem;
1.2245 +}
1.2246 +
1.2247 +#UITourTooltipClose {
1.2248 + -moz-margin-end: -4px;
1.2249 + height: 16px;
1.2250 + width: 16px;
1.2251 +}
1.2252 +
1.2253 +#UITourTooltipButtons {
1.2254 + margin-bottom: -10px;
1.2255 +}
