LCARStrek/navigator/skin/navigator.css

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