LCARStrek/navigator/skin/navigator.css

   1 /** Contains style definitions for the navigator application
   2  **/
   3
   4 @import url(chrome://communicator/skin/);
   5 @import url(chrome://navigator/skin/personalToolbar.css);
   6 @import url(chrome://communicator/skin/sidebar/sidebar.css);
   7
   8 #sidebar-parent
   9   {
  10           margin-right          : 2px;
  11   }
  12
  13 /*
  14  * Rules for 'hiding' portions of the chrome for special
  15  * kinds of browser windows.
  16  */
  17 window[chromehidden~="menubar"] .chromeclass-menubar {
  18         display: none;
  19 }
  20
  21 window[chromehidden~="toolbar"] .chromeclass-toolbar {
  22         display: none;
  23 }
  24
  25 window[chromehidden~="location"] .chromeclass-location {
  26         display: none;
  27 }
  28
  29 window[chromehidden~="directories"] .chromeclass-directories {
  30         display: none;
  31 }
  32
  33 window[chromehidden~="status"] .chromeclass-status {
  34         display: none;
  35 }
  36
  37 window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
  38         display: none;
  39 }
  40
  41 /*
  42  * Images for the main buttons
  43  */
  44 .menubutton-dual-button > .button-internal-box > .button-text-container,
  45 .menubutton-dual-ex-button > .button-internal-box > .button-text-container
  46   {
  47     display             : none;
  48   }
  49
  50 .menubutton-dual-button,
  51 .menubutton-dual-ex-button
  52   {
  53     min-width           : 32px;
  54     min-height          : 32px;
  55   }
  56
  57 #back-button
  58   {
  59           list-style-image      : url("chrome://navigator/skin/back.gif");
  60   }
  61
  62 #back-button:hover,
  63 #back-button:hover:active,
  64 #back-button[buttonover="true"],
  65 #back-button[open="true"]
  66   {
  67           list-style-image      : url("chrome://navigator/skin/back-hover.gif");
  68   }
  69
  70 #back-button[disabled="true"],
  71 #back-button[disabled="true"]:hover,
  72 #back-button[disabled="true"]:hover:active,
  73 #back-button[disabled="true"][buttonover="true"]
  74   {
  75           list-style-image      : url("chrome://navigator/skin/back_dis.gif");
  76   }
  77
  78 #forward-button
  79   {
  80           list-style-image      : url("chrome://navigator/skin/forward.gif");
  81   }
  82
  83 #forward-button:hover,
  84 #forward-button:hover:active,
  85 #forward-button[buttonover="true"],
  86 #forward-button[open="true"]
  87   {
  88           list-style-image      : url("chrome://navigator/skin/forward-hover.gif");
  89   }
  90
  91 #forward-button[disabled="true"],
  92 #forward-button[disabled="true"]:hover,
  93 #forward-button[disabled="true"]:hover:active,
  94 #forward-button[disabled="true"][buttonover="true"]
  95   {
  96           list-style-image      : url("chrome://navigator/skin/forward_dis.gif");
  97   }
  98
  99 #stop-button
 100   {
 101           list-style-image      : url("chrome://navigator/skin/stop.gif");
 102   }
 103
 104
 105 #stop-button:hover
 106   {
 107           list-style-image      : url("chrome://navigator/skin/stop-hover.gif");
 108   }
 109
 110 #stop-button[disabled="true"]
 111   {
 112           list-style-image      : url("chrome://navigator/skin/stop_dis.gif");
 113   }
 114
 115 #reload-button
 116   {
 117           list-style-image      : url("chrome://navigator/skin/reload.gif");
 118   }
 119
 120 #reload-button:hover
 121   {
 122           list-style-image      : url("chrome://navigator/skin/reload-hover.gif");
 123   }
 124
 125 #content-frame
 126   {
 127     min-width             : 0px;
 128     min-height            : 0px;
 129   }
 130
 131 #statusbar-icon
 132   {
 133     width                 : 100px;
 134   }
 135
 136 #statusbar-display
 137   {
 138     list-style-image      : url("chrome://communicator/skin/document.gif"):
 139   }
 140
 141 #statusbar-display[error="true"]
 142   {
 143     list-style-image      : url("chrome://communicator/skin/document-error.gif");
 144   }
 145
 146 #nav-bar-inner
 147   {
 148     padding-left          : 0px;
 149     padding-top           : 11px;
 150     padding-bottom        : 11px;
 151     -moz-box-align        : center;
 152   }
 153
 154 #search-button
 155   {
 156     margin                : 0px 3px 0px 0px;
 157   }
 158
 159 #go-button
 160   {
 161     margin                : 0px 3px 0px 0px;
 162   }
 163
 164 #homebutton
 165   {
 166     list-style-image      : url("chrome://communicator/skin/bookmarks/home.gif");
 167   }
 168
 169 #print-button
 170   {
 171     list-style-image      : url("chrome://global/skin/print.gif");
 172     margin                : 0px 3px 0px 3px;
 173   }
 174
 175 #print-button:hover,
 176 #print-button:hover:active,
 177 #print-button[buttonover="true"],
 178 #print-button[open="true"]
 179   {
 180     list-style-image      : url("chrome://global/skin/print-hover.gif");
 181   }
 182
 183 #print-button[disabled="true"],
 184 #print-button[disabled="true"]:hover,
 185 #print-button[disabled="true"]:hover:active,
 186 #print-button[disabled="true"][buttonover="true"]
 187   {
 188     list-style-image      : url("chrome://global/skin/print_dis.gif");
 189   }
 190
 191 #print-button > .menubutton-dual-button
 192   {
 193     padding               : 0px;
 194   }
 195
 196 /* all the urlbar stuff */
 197
 198 #page-proxy-button
 199   {
 200           list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 201           cursor                : grab;
 202           margin-right          : 3px;
 203           margin-left           : 2px;
 204   }
 205
 206 #action-popup
 207   {
 208     list-style-image      : url("chrome://global/skin/scroll-down.gif");
 209           margin                : 0px;
 210           -moz-border-radius    : 5px;
 211   }
 212
 213 /*
 214 .autocomplete-textbox-container
 215   {
 216   }
 217 */
 218
 219 #urlbar-container
 220   {
 221     -moz-border-radius    : 5px;
 222     border                : 1px solid #9C9CFF;
 223     background-color      : #000000;
 224     padding               : 0px;
 225   }
 226
 227 #urlbar-group
 228   {
 229     margin-left           : 3px;
 230     margin-right          : 5px;
 231   }