browser/base/content/browser.css

   1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2 @namespace html url("http://www.w3.org/1999/xhtml");
   3
   4 searchbar {
   5   -moz-binding: url("chrome://browser/content/search/search.xml#searchbar");
   6 }
   7
   8 tabbrowser {
   9   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser");
  10 }
  11
  12 .tabbrowser-tabs {
  13   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabs");
  14 }
  15
  16 #tabbrowser-tabs:not([overflow="true"]) + #new-tab-button,
  17 #tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
  18 #TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
  19 #navigator-toolbox[customizing="true"] > #TabsToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
  20   visibility: collapse;
  21 }
  22
  23 .tabbrowser-tab {
  24   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tab");
  25 }
  26
  27 .tabbrowser-tab:not([pinned]) {
  28   -moz-box-flex: 100;
  29   max-width: 250px;
  30   min-width: 100px;
  31   width: 0;
  32 }
  33
  34 .tabbrowser-tab:not([fadein]) {
  35   max-width: 1px;
  36   min-width: 1px;
  37 }
  38
  39 .tabbrowser-tab[fadein]:not([pinned]) {
  40   -moz-transition: min-width .2s ease-out, max-width .25s ease-out;
  41 }
  42
  43 .tabbrowser-tab:not([fadein]) > .tab-text,
  44 .tabbrowser-tab:not([fadein]) > .tab-icon-image,
  45 .tabbrowser-tab:not([fadein]) > .tab-close-button {
  46   opacity: 0 !important;
  47 }
  48
  49 .tabbrowser-tab[fadein] > .tab-text,
  50 .tabbrowser-tab[fadein] > .tab-icon-image,
  51 .tabbrowser-tab[fadein] > .tab-close-button {
  52   -moz-transition: opacity .25s;
  53 }
  54
  55 .tabbrowser-tab[pinned] {
  56   position: fixed;
  57 }
  58
  59 .tabbrowser-tab[pinned] > .tab-text {
  60   display: none;
  61 }
  62
  63 #alltabs-popup {
  64   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-alltabs-popup");
  65 }
  66
  67 toolbar[printpreview="true"] {
  68   -moz-binding: url("chrome://global/content/printPreviewBindings.xml#printpreviewtoolbar");
  69 }
  70
  71 #toolbar-menubar {
  72   -moz-box-ordinal-group: 5;
  73 }
  74
  75 #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
  76   -moz-box-ordinal-group: 50;
  77 }
  78
  79 #TabsToolbar {
  80   -moz-box-ordinal-group: 100;
  81 }
  82
  83 #navigator-toolbox[tabsontop="true"] > #TabsToolbar {
  84   -moz-box-ordinal-group: 10;
  85 }
  86
  87 %ifdef MENUBAR_CAN_AUTOHIDE
  88 #main-window[inFullscreen] > #appmenu-button-container {
  89   display: none;
  90 }
  91 %endif
  92
  93 toolbarpaletteitem[place="palette"] > toolbaritem > hbox[type="places"] {
  94   display: none;
  95 }
  96
  97 toolbar[mode="icons"] > #reload-button:not([displaystop]) + #stop-button,
  98 toolbar[mode="icons"] > #reload-button[displaystop] {
  99   visibility: collapse;
 100 }
 101
 102 #main-window:-moz-lwtheme {
 103   background-repeat: no-repeat;
 104   background-position: top right;
 105 }
 106
 107 %ifdef XP_MACOSX
 108 #main-window[inFullscreen="true"] {
 109   padding-top: 0; /* override drawintitlebar="true" */
 110 }
 111 %endif
 112
 113 #browser-bottombox[lwthemefooter="true"] {
 114   background-repeat: no-repeat;
 115   background-position: bottom left;
 116 }
 117
 118 .split-menuitem-menu > .menu-text,
 119 .split-menuitem-menu > .menu-accel-container {
 120   display: none;
 121 }
 122
 123 /* ::::: location bar ::::: */
 124 #urlbar {
 125   -moz-binding: url(chrome://browser/content/urlbarBindings.xml#urlbar);
 126 }
 127
 128 /* Some child nodes want to be ordered based on the locale's direction, while
 129    everything else should be ltr. */
 130 #urlbar:-moz-locale-dir(rtl) > .autocomplete-textbox-container > .textbox-input-box {
 131   direction: rtl;
 132 }
 133
 134 #urlbar html|*.autocomplete-textbox {
 135   direction: ltr;
 136 }
 137
 138 /* For results that are actions, their description text is shown instead of
 139    the URL - this needs to follow the locale's direction, unlike URLs. */
 140 richlistitem[type="action"]:-moz-locale-dir(rtl) > .ac-url-box {
 141   direction: rtl;
 142 }
 143
 144 #urlbar:not([actiontype]) > #urlbar-display {
 145   display: none;
 146 }
 147
 148 #wrapper-urlbar-container > #urlbar-container > #urlbar {
 149   -moz-user-input: disabled;
 150   cursor: -moz-grab;
 151 }
 152
 153 #PopupAutoComplete {
 154   -moz-binding: url("chrome://browser/content/urlbarBindings.xml#browser-autocomplete-result-popup");
 155 }
 156
 157 #PopupAutoCompleteRichResult {
 158   -moz-binding: url("chrome://browser/content/urlbarBindings.xml#urlbar-rich-result-popup");
 159 }
 160
 161 #urlbar-throbber:not([busy="true"]),
 162 #urlbar-throbber[busy="true"] + #page-proxy-favicon {
 163   display: none;
 164 }
 165
 166 #feed-button > .button-box > .box-inherit > .button-text,
 167 #feed-button > .button-box > .button-menu-dropmarker {
 168   display: none;
 169 }
 170
 171 #feed-menu > .feed-menuitem:-moz-locale-dir(rtl) {
 172   direction: rtl;
 173 }
 174
 175 #urlbar[pageproxystate="invalid"] > #urlbar-icons > .urlbar-icon:not(#go-button),
 176 #urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button {
 177   visibility: collapse;
 178 }
 179
 180 #identity-icon-labels {
 181   max-width: 18em;
 182 }
 183
 184 #identity-icon-country-label {
 185   direction: ltr;
 186 }
 187
 188 #identity-box.verifiedIdentity > #identity-box-inner > #identity-icon-labels > #identity-icon-label {
 189   -moz-margin-end: 0.25em !important;
 190 }
 191
 192 #wrapper-search-container > #search-container > #searchbar > .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input {
 193   visibility: hidden;
 194 }
 195
 196 /* ::::: Unified Back-/Forward Button ::::: */
 197 #back-button > .toolbarbutton-menu-dropmarker,
 198 #forward-button > .toolbarbutton-menu-dropmarker,
 199 #back-forward-dropmarker > .toolbarbutton-icon,
 200 #back-forward-dropmarker > .toolbarbutton-text {
 201   display: none;
 202 }
 203 .unified-nav-current {
 204   font-weight: bold;
 205 }
 206
 207 toolbarbutton.bookmark-item {
 208   max-width: 13em;
 209 }
 210
 211 %ifdef MENUBAR_CAN_AUTOHIDE
 212 #toolbar-menubar:not([autohide="true"]) ~ #nav-bar > #bookmarks-menu-button-container,
 213 #toolbar-menubar:not([autohide="true"]) ~ toolbar > #personal-bookmarks > #bookmarks-menu-button,
 214 #toolbar-menubar:not([autohide="true"]) > #personal-bookmarks > #bookmarks-menu-button {
 215   display: none;
 216 }
 217 %endif
 218
 219 #editBMPanel_tagsSelector {
 220   /* override default listbox width from xul.css */
 221   width: auto;
 222 }
 223
 224 menupopup[emptyplacesresult="true"] > .hide-if-empty-places-result {
 225   display: none;
 226 }
 227
 228 menuitem.spell-suggestion {
 229   font-weight: bold;
 230 }
 231
 232 #sidebar-header > .tabs-closebutton {
 233   -moz-user-focus: normal;
 234 }
 235
 236 /* apply Fitts' law to the notification bar's close button */
 237 window[sizemode="maximized"] #content .notification-inner {
 238   border-right: 0px !important;
 239 }
 240
 241 /* Hide extension toolbars that neglected to set the proper class */
 242 window[chromehidden~="location"][chromehidden~="toolbar"] toolbar:not(.chromeclass-menubar),
 243 window[chromehidden~="toolbar"] toolbar:not(.toolbar-primary):not(.chromeclass-menubar) {
 244   display: none;
 245 }
 246
 247 #navigator-toolbox ,
 248 #status-bar ,
 249 #mainPopupSet {
 250   min-width: 1px;
 251 }
 252
 253 /* Identity UI */
 254 #identity-popup-content-box.unknownIdentity > #identity-popup-connectedToLabel ,
 255 #identity-popup-content-box.unknownIdentity > #identity-popup-runByLabel ,
 256 #identity-popup-content-box.unknownIdentity > #identity-popup-content-host ,
 257 #identity-popup-content-box.unknownIdentity > #identity-popup-content-owner ,
 258 #identity-popup-content-box.verifiedIdentity > #identity-popup-connectedToLabel2 ,
 259 #identity-popup-content-box.verifiedDomain > #identity-popup-connectedToLabel2 {
 260   display: none;
 261 }
 262
 263 /*  Full Screen UI */
 264
 265 #fullscr-toggler {
 266   height: 1px;
 267   background: black;
 268 }
 269
 270 #nav-bar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
 271   display: -moz-box;
 272 }
 273
 274 #nav-bar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
 275   display: none;
 276 }
 277
 278 /* ::::: Keyboard UI Panel ::::: */
 279 .KUI-panel-closebutton {
 280   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
 281 }
 282
 283 .ctrlTab-preview > html|canvas,
 284 .allTabs-preview > html|canvas {
 285   min-width: inherit;
 286   max-width: inherit;
 287   min-height: inherit;
 288   max-height: inherit;
 289 }
 290
 291 .ctrlTab-favicon-container,
 292 .allTabs-favicon-container {
 293   -moz-box-align: start;
 294 %ifdef XP_MACOSX
 295   -moz-box-pack: end;
 296 %else
 297   -moz-box-pack: start;
 298 %endif
 299 }
 300
 301 .ctrlTab-favicon,
 302 .allTabs-favicon {
 303   width: 16px;
 304   height: 16px;
 305 }
 306
 307 /* ::::: Ctrl-Tab Panel ::::: */
 308 .ctrlTab-preview {
 309   -moz-binding: url("chrome://browser/content/browser-tabPreviews.xml#ctrlTab-preview");
 310 }
 311
 312 /* ::::: All Tabs Panel ::::: */
 313 .allTabs-preview {
 314   -moz-binding: url("chrome://browser/content/browser-tabPreviews.xml#allTabs-preview");
 315 }
 316
 317 #allTabs-tab-close-button {
 318   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
 319   margin: 0;
 320 }
 321
 322 /* Inspector / Highlighter */
 323
 324 #highlighter-panel {
 325   -moz-appearance: none;
 326   -moz-window-shadow: none;
 327 }
 328
 329 /* notification anchors should only be visible when their associated
 330    notifications are */
 331 .notification-anchor-icon {
 332   display: none;
 333 }
 334
 335 #notification-popup-box[anchorid="geo-notification-icon"] > #geo-notification-icon,
 336 #notification-popup-box[anchorid="addons-notification-icon"] > #addons-notification-icon {
 337   display: -moz-box;
 338 }