EarlyBlue/global/browser.css

   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
   7 /**
   8  * Tabbrowser Tabs
   9  */
  10
  11 .tabbrowser-tabs {
  12   /* XXX: Firefox rules - look into those when we support FF
  13   -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important;
  14   padding-top: 0px;
  15   background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important;
  16   -moz-padding-start: 0px;
  17   */
  18 }
  19
  20 .tabbrowser-tabs[overflow="true"] {
  21   -moz-padding-start: 0px;
  22 }
  23
  24 /**
  25  * Tab
  26  */
  27
  28 .tabbrowser-tab {
  29   /* XXX: Firefox rules - look into those when we support FF
  30   -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
  31   background: transparent !important;
  32   margin: 0px 0px 1px !important;
  33   padding: 0px !important;
  34   border: none !important;
  35   height: 22px !important;
  36   */
  37 }
  38
  39 .tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
  40   list-style-image: url("chrome://global/skin/icons/loading.gif") !important;
  41 }
  42
  43 .tabbrowser-tab[selected="true"] {
  44   font-weight: bold;
  45 }
  46
  47 .tab-icon-image {
  48   margin-top: 1px;
  49   -moz-margin-end: 3px;
  50   width: 16px;
  51   height: 16px;
  52   /* XXX: Firefox rules - look into those when we support FF
  53   list-style-image: url("chrome://global/skin/icons/folder-item.png");
  54   -moz-image-region: rect(0px, 16px, 16px, 0px);
  55   */
  56 }
  57
  58 .tabs-bottom {
  59 }
  60
  61 tabpanels {
  62 }
  63
  64 .tabs-left,
  65 .tabs-right {
  66   width: 3px;
  67   border-bottom-width: 0px;
  68 }
  69
  70 /* tabbrowser-tab focus ring */
  71 .tabbrowser-tab >  .tab-image-middle > .tab-text {
  72   border: 1px dotted transparent;
  73 }
  74
  75 .tabbrowser-tab:-moz-focusring > .tab-image-middle > .tab-text {
  76   border: 1px dotted #666699;
  77 }
  78
  79 /**
  80  * Tab Drag and Drop
  81  */
  82
  83 .tab-drop-indicator-bar {
  84     visibility: hidden;
  85     height: 9px;
  86     margin-top: -9px;
  87     position: relative;
  88 }
  89
  90 .tab-drop-indicator {
  91     height: 11px;
  92     width: 11px;
  93     margin-bottom: -5px;
  94     position: relative;
  95     background: url('chrome://global/skin/icons/tab-drag-indicator.gif') 50% 50% no-repeat;
  96 }
  97
  98 .tab-drop-indicator-bar[dragging="true"] {
  99     visibility: visible;
 100 }
 101
 102 /**
 103  * In-tab close button
 104  */
 105 .tab-close-button > .toolbarbutton-icon {
 106   -moz-margin-end: 0px !important;
 107   margin-top: 1px;
 108 }
 109
 110 .tab-close-button {
 111   border: none !important;
 112   padding: 0px;
 113   cursor: default;
 114   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 115 }
 116
 117
 118 .tab-close-button:focus {
 119   outline: none !important;
 120 }
 121
 122 /**
 123  * Tab Scrollbox Arrow Buttons
 124  */
 125
 126 /* XXX: Firefox rules - look into those when we support FF */
 127
 128 /**
 129  * All Tabs Button
 130  */
 131
 132 /* XXX: Firefox rules - look into those when we support FF
 133 .tabs-alltabs-box {
 134 }
 135
 136 .tabs-alltabs-button {
 137 }
 138
 139 .tabs-alltabs-box-animate {
 140 }
 141 */
 142
 143 /**
 144  * All Tabs Menupopup
 145  */
 146
 147 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
 148   /* XXX: Firefox rules - look into those when we support FF
 149   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 150   -moz-image-region: rect(0px, 16px, 16px, 0px);
 151   */
 152 }
 153
 154 .alltabs-item[selected="true"] {
 155   font-weight: bold;
 156 }
 157
 158 .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
 159   list-style-image: url("chrome://global/skin/icons/loading.gif");
 160 }