| 1 | /** Contains style definitions for the navigator application |
| 2 | **/ |
| 3 | |
| 4 | @import url(chrome://navigator/content/navigator.css); |
| 5 | @import url(chrome://communicator/skin/); |
| 6 | @import url(chrome://navigator/skin/personalToolbar.css); |
| 7 | @import url(chrome://communicator/skin/sidebar/sidebar.css); |
| 8 | |
| 9 | /********** resource bundle binding **********/ |
| 10 | |
| 11 | #resource_bundle_navigator |
| 12 | { |
| 13 | -moz-binding : url('chrome://navigator/skin/resources.xml#resource_bundle_navigator') |
| 14 | } |
| 15 | |
| 16 | /* |
| 17 | #content |
| 18 | { |
| 19 | border-left : 1px solid ThreeDDarkShadow; |
| 20 | border-top : 1px solid ThreeDDarkShadow; |
| 21 | border-right : 1px solid ThreeDFace; |
| 22 | border-bottom : 1px solid ThreeDFace; |
| 23 | } |
| 24 | |
| 25 | #browser |
| 26 | { |
| 27 | border-left : 1px solid ThreeDShadow; |
| 28 | border-right : 1px solid ThreeDHighlight; |
| 29 | } |
| 30 | */ |
| 31 | |
| 32 | #bookmarks-button |
| 33 | { |
| 34 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif"); |
| 35 | } |
| 36 | |
| 37 | #bookmarks-button[open="true"] |
| 38 | { |
| 39 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); |
| 40 | } |
| 41 | |
| 42 | /* |
| 43 | * Images for the main buttons |
| 44 | */ |
| 45 | #back-button |
| 46 | { |
| 47 | list-style-image : url("chrome://navigator/skin/back.gif"); |
| 48 | } |
| 49 | |
| 50 | #back-button[disabled="true"] |
| 51 | { |
| 52 | list-style-image : url("chrome://navigator/skin/back-disabled.gif") !important; |
| 53 | } |
| 54 | |
| 55 | #back-button:hover, |
| 56 | #back-button[buttonover="true"], |
| 57 | #back-button[buttondown="true"], |
| 58 | #back-button[open="true"] |
| 59 | { |
| 60 | list-style-image : url("chrome://navigator/skin/back-hover.gif"); |
| 61 | } |
| 62 | #forward-button |
| 63 | { |
| 64 | list-style-image : url("chrome://navigator/skin/forward.gif"); |
| 65 | } |
| 66 | |
| 67 | #forward-button[disabled="true"] |
| 68 | { |
| 69 | list-style-image : url("chrome://navigator/skin/forward-disabled.gif") !important; |
| 70 | } |
| 71 | |
| 72 | #forward-button:hover, |
| 73 | #forward-button[buttonover="true"], |
| 74 | #forward-button[buttondown="true"], |
| 75 | #forward-button[open="true"] |
| 76 | { |
| 77 | list-style-image : url("chrome://navigator/skin/forward-hover.gif"); |
| 78 | } |
| 79 | |
| 80 | #reload-button |
| 81 | { |
| 82 | list-style-image : url("chrome://navigator/skin/reload.gif"); |
| 83 | } |
| 84 | |
| 85 | #reload-button:hover, |
| 86 | #reload-button:hover:active |
| 87 | { |
| 88 | list-style-image : url("chrome://navigator/skin/reload-hover.gif"); |
| 89 | } |
| 90 | |
| 91 | { |
| 92 | list-style-image : url("chrome://navigator/skin/reload-hover-active.gif"); |
| 93 | } |
| 94 | |
| 95 | #reload-button[disabled="true"] |
| 96 | { |
| 97 | list-style-image : url("chrome://navigator/skin/reload-disabled.gif") !important; |
| 98 | } |
| 99 | |
| 100 | #stop-button |
| 101 | { |
| 102 | list-style-image : url("chrome://navigator/skin/stop.gif"); |
| 103 | } |
| 104 | |
| 105 | #stop-button[disabled="true"] |
| 106 | { |
| 107 | list-style-image : url("chrome://navigator/skin/stop-disabled.gif") !important; |
| 108 | } |
| 109 | |
| 110 | #stop-button:hover, |
| 111 | #stop-button:hover:active |
| 112 | { |
| 113 | list-style-image : url("chrome://navigator/skin/stop-hover.gif"); |
| 114 | } |
| 115 | |
| 116 | #print-button |
| 117 | { |
| 118 | list-style-image : url("chrome://global/skin/print.gif"); |
| 119 | } |
| 120 | |
| 121 | #print-button[disabled="true"] { |
| 122 | list-style-image : url("chrome://global/skin/print-disabled.gif") !important; |
| 123 | } |
| 124 | |
| 125 | #print-button:hover, |
| 126 | #print-button[buttonover="true"], |
| 127 | #print-button[buttondown="true"], |
| 128 | #print-button[open="true"] |
| 129 | { |
| 130 | list-style-image : url("chrome://global/skin/print-hover.gif"); |
| 131 | } |
| 132 | |
| 133 | /* Hides text below the above buttons */ |
| 134 | .toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box > .toolbarbutton-text, |
| 135 | .toolbarbutton-1 > .toolbarbutton-box > .toolbarbutton-text { |
| 136 | display: none; |
| 137 | } |
| 138 | |
| 139 | |
| 140 | /*all the urlbar stuff*/ |
| 141 | #page-proxy-button |
| 142 | { |
| 143 | list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); |
| 144 | cursor : grab; |
| 145 | margin : 1px 1px 1px 2px; |
| 146 | } |
| 147 | |
| 148 | /* |
| 149 | #page-proxy-button[pageproxystate="valid"]:hover |
| 150 | { |
| 151 | list-style-image : url("chrome://communicator/skin/bookmarks/location-hover.gif"); |
| 152 | } |
| 153 | |
| 154 | #page-proxy-button[pageproxystate="valid"]:hover:active |
| 155 | { |
| 156 | list-style-image : url("chrome://communicator/skin/bookmarks/location-clicked.gif"); |
| 157 | } |
| 158 | |
| 159 | #page-proxy-button[pageproxystate="invalid"] |
| 160 | { |
| 161 | cursor : default; |
| 162 | list-style-image : url("chrome://communicator/skin/bookmarks/location-disabled.gif"); |
| 163 | } |
| 164 | */ |
| 165 | |
| 166 | #content-frame |
| 167 | { |
| 168 | min-width : 0px; |
| 169 | min-height : 0px; |
| 170 | } |
| 171 | |
| 172 | #nav-bar-inner { |
| 173 | padding-left : 0px; |
| 174 | min-width : 0px; |
| 175 | margin : 9px 4px; |
| 176 | } |
| 177 | |
| 178 | /* |
| 179 | #urlbar .autocomplete-icon-box { |
| 180 | border : 1px inset #CCD0DD; |
| 181 | border-right : none; |
| 182 | } |
| 183 | |
| 184 | #urlbar .autocomplete-textbox-container { |
| 185 | border : 1px inset #CCD0DD; |
| 186 | border-left : none; |
| 187 | } |
| 188 | */ |
| 189 | |
| 190 | #urlbar-group { |
| 191 | border : none; |
| 192 | margin : 0px 5px 0px 0px; |
| 193 | } |
| 194 | |
| 195 | #urlbar-container { |
| 196 | -moz-border-radius : 5px; |
| 197 | border : 1px solid #9C9CFF; |
| 198 | background-color : #000000; |
| 199 | padding : 0px; |
| 200 | } |
| 201 | |
| 202 | #search-button, |
| 203 | #go-button { |
| 204 | font-weight : bold; |
| 205 | margin : 0px 3px 0px 0px; |
| 206 | background-color : #000000; |
| 207 | } |
| 208 | |
| 209 | #search-button:hover, |
| 210 | #go-button:hover { |
| 211 | font-weight : bold; |
| 212 | margin : 0px 3px 0px 0px; |
| 213 | background-color : #FFCF00; |
| 214 | } |
| 215 | |
| 216 | #search-button |
| 217 | { |
| 218 | /* list-style-image : url("chrome://communicator/skin/search.gif"); */ |
| 219 | } |
| 220 | |
| 221 | /* |
| 222 | #search-button:hover |
| 223 | { |
| 224 | list-style-image : url("chrome://communicator/skin/search-hover.gif"); |
| 225 | } |
| 226 | |
| 227 | #search-button:hover:active |
| 228 | { |
| 229 | list-style-image : url("chrome://communicator/skin/search-active.gif"); |
| 230 | } |
| 231 | */ |
| 232 | |
| 233 | .menuitem-iconic |
| 234 | { |
| 235 | padding : 1px; |
| 236 | } |
| 237 | |
| 238 | /* ::::: urlbar autocomplete widget ::::: */ |
| 239 | |
| 240 | .autocomplete-outlinerbody:-moz-outliner-cell-text(value) |
| 241 | { |
| 242 | padding-left : 13px; |
| 243 | } |
| 244 | |
| 245 | .autocomplete-outlinerbody:-moz-outliner-cell-text(comment) |
| 246 | { |
| 247 | font-style : italic; |
| 248 | } |
| 249 | |
| 250 | .autocomplete-history-button:hover |
| 251 | { |
| 252 | background-color : #FFCF00; |
| 253 | } |
| 254 | |
| 255 | /* |
| 256 | .autocomplete-history-button |
| 257 | { |
| 258 | border : 1px outset -moz-Dialog; |
| 259 | } |
| 260 | |
| 261 | .autocomplete-history-button[open="true"] |
| 262 | { |
| 263 | border : 1px solid ThreeDShadow; |
| 264 | } |
| 265 | |
| 266 | .autocomplete-history-button-internal-box, |
| 267 | .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box |
| 268 | { |
| 269 | border : none; |
| 270 | } |
| 271 | */ |
| 272 | |
| 273 | .autocomplete-search-box |
| 274 | { |
| 275 | border-top : 1px solid #FF9F00; |
| 276 | background-color : #9C9CFF; |
| 277 | color : #000000; |
| 278 | } |
| 279 | |
| 280 | .autocomplete-result-popup[nomatch="true"] > .autocomplete-search-box |
| 281 | { |
| 282 | border-top : 1px solid #9C9CFF; |
| 283 | } |
| 284 | |
| 285 | .autocomplete-search-engine |
| 286 | { |
| 287 | padding : 2px; |
| 288 | } |
| 289 | |
| 290 | .autocomplete-search-engine[menuactive="true"] |
| 291 | { |
| 292 | background-color : #008484; |
| 293 | color : #FFCF00; |
| 294 | } |
| 295 | |
| 296 | .autocomplete-search-engine-img |
| 297 | { |
| 298 | margin-right : 4px; |
| 299 | } |