home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / Curacao.jar / browser / browser.css next >
Encoding:
Cascading Style Sheet File  |  2004-10-25  |  30.6 KB  |  1,192 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Netscape Public License
  5.  * Version 1.1 (the "License"); you may not use this file except in
  6.  * compliance with the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/NPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * Netscape Communications Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   Joe Hewitt (hewitt@netscape.com)
  23.  *   Jason Kersey (kerz@netscape.com)
  24.  *   Pierre Chanial (chanial@noos.fr)
  25.  *   Dean Tessman (dean_tessman@hotmail.com)
  26.  *   Blake Ross (blake@cs.stanford.edu)
  27.  *
  28.  * Alternatively, the contents of this file may be used under the terms of
  29.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  30.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  31.  * in which case the provisions of the GPL or the LGPL are applicable instead
  32.  * of those above. If you wish to allow use of your version of this file only
  33.  * under the terms of either the GPL or the LGPL, and not to allow others to
  34.  * use your version of this file under the terms of the NPL, indicate your
  35.  * decision by deleting the provisions above and replace them with the notice
  36.  * and other provisions required by the GPL or the LGPL. If you do not delete
  37.  * the provisions above, a recipient may use your version of this file under
  38.  * the terms of any one of the NPL, the GPL or the LGPL.
  39.  *
  40.  * ***** END LICENSE BLOCK ***** */    
  41.  
  42. @import url("chrome://global/skin/");    
  43.  
  44. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  45.  
  46. #PersonalToolbar {
  47.     min-height: 24px;
  48. }
  49.  
  50. /* ::::: bookmark buttons ::::: */
  51.  
  52. toolbarbutton.bookmark-item {
  53.     margin: 0;
  54.     min-width: 0;
  55.     max-width: 13em;
  56.     padding: 2px;
  57. }
  58.  
  59. toolbarbutton.bookmark-item:hover:active,
  60. toolbarbutton.bookmark-item[open="true"] {
  61.     padding: 2px;    
  62. }
  63.  
  64. .bookmark-item > .toolbarbutton-icon {
  65.     width: 16px;
  66.     height: 16px;
  67.     margin-right: 3px !important;
  68. }
  69.  
  70. /* Prevent [mode="icons"] from hiding the label */
  71. .bookmark-item > .toolbarbutton-text {
  72.     display: -moz-box !important;
  73. }
  74.  
  75. .bookmark-item > .toolbarbutton-menu-dropmarker {
  76.     display: none;
  77. }
  78.  
  79. #wrapper-personal-bookmarks .toolbarpaletteitem-box[place="palette"] {
  80.   width: 16px;
  81.   height: 16px;
  82.   list-style-image: url("chrome://browser/skin/icons/folder_closed.png") !important;
  83. }
  84.  
  85. .bookmarks-toolbar-customize {
  86.     display: none;
  87.     max-width: 15em !important;
  88. }
  89.  
  90. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  91.     display: -moz-box;
  92. }
  93.  
  94. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  95.     visibility: hidden;
  96. }
  97.  
  98. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  99.     visibility: hidden;
  100. }
  101.  
  102. /* ::::: bookmark menus ::::: */
  103.  
  104. menu.bookmark-item,
  105. menuitem.bookmark-item {
  106.     min-width: 0;
  107.     max-width: 26em;
  108.     border-top: 1px solid transparent !important;
  109.     border-bottom: 1px solid transparent !important;
  110.     padding: 1px 2px;
  111.     margin-top: -1px;
  112. }
  113.  
  114. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  115.     width: 16px;
  116.     height: 16px;
  117. }
  118.  
  119. /* ..... drag and drop styles ..... */
  120. .bookmark-item[dragover-left="true"] {
  121.     -moz-border-left-colors: #000000;
  122. }
  123.  
  124. .bookmark-item[dragover-right="true"] {
  125.     -moz-border-right-colors: #000000;
  126. }
  127.  
  128. .bookmark-item[dragover-top="true"] {
  129.     -moz-border-top-colors: #000000;
  130. }
  131.  
  132. .bookmark-item[dragover-bottom="true"] {
  133.     -moz-border-bottom-colors: #000000;
  134. }
  135.  
  136. /* ::::: bookmark items ::::: */
  137.  
  138. .bookmark-item {
  139.     list-style-image: url("chrome://browser/skin/icons/bookmark_item.png") !important;
  140. }
  141.  
  142. .bookmark-item:hover {
  143.     list-style-image: url("chrome://browser/skin/icons/bookmark_item-hov.png") !important;
  144.     background-color: #D4E0EB;
  145.     color: #976868;
  146. }
  147.  
  148. .bookmark-item[container="true"] {
  149.     list-style-image: url("chrome://browser/skin/icons/folder_closed.png") !important;
  150. }
  151.  
  152. .bookmark-item[open="true"],
  153. .bookmark-item[container="true"][open="true"] {
  154.     list-style-image: url("chrome://browser/skin/icons/folder_open.png") !important;
  155. }
  156.  
  157. /* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */
  158. /* only the folder icon has any effect for now, item icon is unused */
  159. .bookmark-item[livemark="true"] { 
  160.   list-style-image: url("chrome://browser/skin/icons/page-livemarks.png") !important;
  161. }
  162.  
  163. .bookmark-item[livemark="true"][open="true"] { 
  164.   list-style-image: url("chrome://browser/skin/icons/page-livemarks-hov.png") !important;
  165. }
  166.  
  167. .bookmark-item[type="menu"][livemark="true"][open="true"] { 
  168.   list-style-image: url("chrome://browser/skin/icons/livemark-item.png") !important;
  169. }
  170.  
  171. /* ::::: Primary toolbar buttons ::::: */    
  172.  
  173. .toolbarbutton-1 {
  174.     -moz-box-orient: vertical;
  175.     min-width: 0;
  176. }
  177.  
  178. .toolbarbutton-1 .toolbarbutton-icon {
  179.   margin-right: 3px;
  180. }
  181.  
  182. toolbar[mode="full"] .toolbarbutton-1,
  183. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  184.   min-width: 57px;
  185. }
  186.  
  187. .toolbarbutton-1, 
  188. .toolbarbutton-menubutton-button {
  189.   padding: 3px;
  190. }
  191.  
  192. .toolbarbutton-1:hover:active:not([disabled]),
  193. .toolbarbutton-1[open="true"], 
  194. .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  195. .toolbarbutton-menubutton-button[open="true"] {
  196.   padding: 3px;
  197. }
  198.  
  199. .toolbarbutton-1[checked="true"] {
  200.   padding: 3px;
  201. }
  202.  
  203. .toolbarbutton-1[type="menu-button"] {
  204.   padding: 0px !important;
  205. }
  206.  
  207. .toolbarbutton-menubutton-stack,
  208. .toolbarbutton-menubutton-button,
  209. .toolbarbutton-menubutton-stack:hover,
  210. .toolbarbutton-menubutton-button:hover,
  211. .toolbarbutton-menubutton-stack:hover:active,
  212. .toolbarbutton-menubutton-button:hover:active {
  213.     margin: 0 !important;
  214.     display: -moz-box;
  215. }
  216.  
  217. toolbar[mode="icons"] .toolbarbutton-text {
  218.     display: none;
  219. }
  220.  
  221. toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
  222. toolbar[mode="text"] .toolbarbutton-icon {
  223.     display: none;
  224. }
  225.  
  226. toolbar[mode="text"] .toolbarbutton-text {
  227.     padding-top: 3px !important;
  228.     margin: 0 3px !important;
  229. }
  230.  
  231. /* ::::: 32px primary toolbar buttons ::::: */
  232.  
  233. /* Back button */
  234.  
  235. #back-button {
  236.     list-style-image: url("chrome://browser/skin/icons/back.png");
  237.     -moz-image-region: rect(0px 32px 32px 0px);
  238. }
  239.  
  240. #back-button:hover,
  241. #back-button[buttonover="true"] {    
  242.     -moz-image-region: rect(32px 32px 64px 0px); 
  243. }
  244.  
  245. #back-button[disabled="true"] {    
  246.     -moz-image-region: rect(64px 32px 96px 0px); 
  247. }
  248.  
  249. /* Forward button */
  250.  
  251. #forward-button {
  252.     list-style-image: url("chrome://browser/skin/icons/forward.png");
  253.     -moz-image-region: rect(0px 32px 32px 0px);
  254. }
  255.  
  256. #forward-button:hover,
  257. #forward-button[buttonover="true"] {
  258.     -moz-image-region: rect(32px 32px 64px 0px); 
  259. }
  260.  
  261. #forward-button[disabled="true"] { 
  262.     -moz-image-region: rect(64px 32px 96px 0px); 
  263. }
  264.  
  265. /* Stop button */
  266.  
  267. #stop-button {
  268.     list-style-image: url("chrome://browser/skin/icons/stop.png");
  269.     -moz-image-region: rect(0px 32px 32px 0px);
  270. }
  271.  
  272. #stop-button:hover,
  273. #stop-button[buttonover="true"] { 
  274.     -moz-image-region: rect(32px 32px 64px 0px); 
  275. }
  276.  
  277. #stop-button[disabled="true"] {    
  278.     -moz-image-region: rect(64px 32px 96px 0px); 
  279. }
  280.  
  281. /* Reload button */
  282.  
  283. #reload-button {
  284.     list-style-image: url("chrome://browser/skin/icons/reload.png");
  285.     -moz-image-region: rect(0px 32px 32px 0px);
  286. }
  287.  
  288. #reload-button:hover,
  289. #reload-button[buttonover="true"] {    
  290.     -moz-image-region: rect(32px 32px 64px 0px); 
  291. }
  292.  
  293. #reload-button[disabled="true"] {
  294.     -moz-image-region: rect(64px 32px 96px 0px); 
  295. }
  296.  
  297. /* Home button */
  298.  
  299. #home-button {
  300.     list-style-image: url("chrome://browser/skin/icons/home.png");
  301.     -moz-image-region: rect(0px 32px 32px 0px);
  302. }
  303.  
  304. #home-button:hover,
  305. #home-button[buttonover="true"] {  
  306.     -moz-image-region: rect(32px 32px 64px 0px); 
  307. }
  308.  
  309. /* Download manager button */    
  310.  
  311. #downloads-button {
  312.     list-style-image: url("chrome://browser/skin/icons/downloads.png");
  313.     -moz-image-region: rect(0px 32px 32px 0px);
  314. }
  315.  
  316. #downloads-button:hover,
  317. #downloads-button[buttonover="true"] {    
  318.     -moz-image-region: rect(32px 32px 64px 0px); 
  319. }
  320.  
  321. #downloads-button[disabled="true"] { 
  322.     -moz-image-region: rect(64px 32px 96px 0px); 
  323. }
  324.  
  325. /* History sidebar button */ 
  326.  
  327. #history-button {
  328.     list-style-image: url("chrome://browser/skin/icons/history.png");
  329.     -moz-image-region: rect(0px 32px 32px 0px);
  330. }
  331.  
  332. #history-button:hover,
  333. #history-button[buttonover="true"],
  334. #history-button[checked="true"],
  335. #history-button[buttondown="true"] {    
  336.     -moz-image-region: rect(32px 32px 64px 0px); 
  337. }
  338.  
  339. #history-button[disabled="true"] {
  340.     -moz-image-region: rect(64px 32px 96px 0px); 
  341. }
  342.  
  343. /* Bookmark sidebar button */
  344.  
  345. #bookmarks-button {
  346.     list-style-image: url("chrome://browser/skin/icons/bookmarks.png");
  347.     -moz-image-region: rect(0px 32px 32px 0px);
  348. }
  349.  
  350. #bookmarks-button:hover,
  351. #bookmarks-button[buttonover="true"],
  352. #bookmarks-button[checked="true"],
  353. #bookmarks-button[buttondown="true"]  {    
  354.     -moz-image-region: rect(32px 32px 64px 0px); 
  355. }
  356.  
  357. #bookmarks-button[disabled="true"] { 
  358.     -moz-image-region: rect(64px 32px 96px 0px); 
  359. }
  360.  
  361. /* Print button */
  362.  
  363. #print-button {
  364.     list-style-image: url("chrome://browser/skin/icons/print.png");
  365.     -moz-image-region: rect(0px 32px 32px 0px);
  366. }
  367.  
  368. #print-button:hover,
  369. #print-button[buttonover="true"] {    
  370.     -moz-image-region: rect(32px 32px 64px 0px); 
  371. }
  372.  
  373. #print-button[disabled="true"] { 
  374.     -moz-image-region: rect(64px 32px 96px 0px); 
  375. }
  376.  
  377. /* New Tab button */
  378.  
  379. #new-tab-button {
  380.  list-style-image: url("chrome://browser/skin/icons/new_tab.png");
  381.  -moz-image-region: rect(0px 32px 32px 0px);
  382. }
  383.  
  384. #new-tab-button:hover,
  385. #new-tab-button[buttonover="true"]  { 
  386.     -moz-image-region: rect(32px 32px 64px 0px); 
  387. }
  388.  
  389. #new-tab-button[disabled="true"] { 
  390.     -moz-image-region: rect(64px 32px 96px 0px);    
  391. }
  392.  
  393. /* New Window button */
  394.  
  395. #new-window-button {
  396.  list-style-image: url("chrome://browser/skin/icons/new_window.png");
  397.   -moz-image-region: rect(0px 32px 32px 0px);
  398. }
  399.  
  400. #new-window-button:hover,
  401. #new-window-button[buttonover="true"]  { 
  402.     -moz-image-region: rect(32px 32px 64px 0px);
  403. }
  404.  
  405. #new-window-button[disabled="true"] { 
  406.     -moz-image-region: rect(64px 32px 96px 0px); 
  407. }
  408.  
  409. /* Cut button */    
  410.  
  411. #cut-button {
  412.     list-style-image: url("chrome://browser/skin/icons/cut.png");
  413.     -moz-image-region: rect(0px 32px 32px 0px);
  414. }
  415.  
  416. #cut-button:hover,
  417. #cut-button[buttonover="true"] {    
  418.     -moz-image-region: rect(32px 32px 64px 0px); 
  419. }
  420.  
  421. #cut-button[disabled="true"] { 
  422.     -moz-image-region: rect(64px 32px 96px 0px); 
  423. }
  424.  
  425. /* Copy button */    
  426.  
  427. #copy-button {
  428.     list-style-image: url("chrome://browser/skin/icons/copy.png");
  429.     -moz-image-region: rect(0px 32px 32px 0px);
  430. }
  431.  
  432. #copy-button:hover,
  433. #copy-button[buttonover="true"] { 
  434.     -moz-image-region: rect(32px 32px 64px 0px); 
  435. }
  436.  
  437. #copy-button[disabled="true"] {    
  438.     -moz-image-region: rect(64px 32px 96px 0px); 
  439. }
  440.  
  441. /* Paste button */
  442.  
  443. #paste-button {
  444.     list-style-image: url("chrome://browser/skin/icons/paste.png");
  445.     -moz-image-region: rect(0px 32px 32px 0px);
  446. }
  447.  
  448. #paste-button:hover,
  449. #paste-button[buttonover="true"] {    
  450.     -moz-image-region: rect(32px 32px 64px 0px); 
  451. }
  452.  
  453. #paste-button[disabled="true"] { 
  454.     -moz-image-region: rect(64px 32px 96px 0px); 
  455. }
  456.  
  457. /* Mail button */
  458.  
  459. #mail-button {
  460.  list-style-image: url("chrome://browser/skin/icons/mails.png");
  461.   -moz-image-region: rect(0px 32px 32px 0px);
  462. }
  463.  
  464. #mail-button .toolbarbutton-menu-dropmarker {    
  465.     display: none;
  466. }
  467.  
  468. #mail-button:hover,
  469. #mail-button[buttonover="true"] { 
  470.     -moz-image-region: rect(32px 32px 64px 0px); 
  471. }
  472.  
  473. #mail-button[disabled="true"] { 
  474.     -moz-image-region: rect(64px 32px 96px 0px); 
  475. }
  476.  
  477.  
  478. /* ::::: 24px primary toolbar buttons ::::: */
  479.  
  480. toolbar[iconsize="small"] .toolbarbutton-1 {
  481.   -moz-box-orient: vertical;
  482. }
  483.  
  484. toolbar[iconsize="small"] .toolbarbutton-1 .toolbarbutton-icon {      
  485.     margin-right: 3px;
  486. }
  487.  
  488. toolbar[iconsize="small"] .toolbarbutton-1, 
  489. toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
  490.   padding: 2px;
  491. }
  492.  
  493. toolbar[iconsize="small"] .toolbarbutton-1:hover:active:not([disabled]),
  494. toolbar[iconsize="small"] .toolbarbutton-1[open="true"], 
  495. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  496. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[open="true"] {
  497.   padding: 2px;
  498. }
  499.  
  500. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
  501.   padding: 2px !important;
  502. }
  503.  
  504. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
  505.   padding: 0 !important;
  506. }
  507.  
  508. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack,
  509. toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
  510. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover,
  511. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover,
  512. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active,
  513. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active {
  514.   margin: 0 !important;
  515.   display: -moz-box;
  516. }
  517.  
  518. /* Back button */
  519.  
  520. toolbar[iconsize="small"] #back-button {
  521.     list-style-image: url("chrome://browser/skin/icons/back-small.png");
  522.     -moz-image-region: rect(0px 24px 24px 0px);
  523. }
  524.  
  525. toolbar[iconsize="small"] #back-button:hover,
  526. toolbar[iconsize="small"] #back-button[buttonover="true"] {
  527.     -moz-image-region: rect(24px 24px 48px 0px);
  528. }
  529.  
  530. toolbar[iconsize="small"] #back-button[disabled="true"] {
  531.     -moz-image-region: rect(48px 24px 72px 0px);
  532. }
  533.  
  534. /* Forward button */
  535.  
  536. toolbar[iconsize="small"] #forward-button {
  537.     list-style-image: url("chrome://browser/skin/icons/forward-small.png");
  538.     -moz-image-region: rect(0px 24px 24px 0px);
  539. }
  540.  
  541. toolbar[iconsize="small"] #forward-button:hover,
  542. toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  543.     -moz-image-region: rect(24px 24px 48px 0px);
  544. }
  545.  
  546. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  547.     -moz-image-region: rect(48px 24px 72px 0px);
  548. }
  549.  
  550. /* Stop button */
  551.  
  552. toolbar[iconsize="small"] #stop-button {
  553.     list-style-image: url("chrome://browser/skin/icons/stop-small.png");
  554.     -moz-image-region: rect(0px 24px 24px 0px);
  555. }
  556.  
  557. toolbar[iconsize="small"] #stop-button:hover,
  558. toolbar[iconsize="small"] #stop-button[buttonover="true"] {
  559.     -moz-image-region: rect(24px 24px 48px 0px);
  560. }
  561.  
  562. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  563.     -moz-image-region: rect(48px 24px 72px 0px);
  564. }
  565.  
  566. /* Reload button */
  567.  
  568. toolbar[iconsize="small"] #reload-button {
  569.     list-style-image: url("chrome://browser/skin/icons/reload-small.png");
  570.     -moz-image-region: rect(0px 24px 24px 0px);
  571. }
  572.  
  573. toolbar[iconsize="small"] #reload-button:hover,
  574. toolbar[iconsize="small"] #reload-button[buttonover="true"] {
  575.     -moz-image-region: rect(24px 24px 48px 0px);
  576. }
  577.  
  578. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  579.     -moz-image-region: rect(48px 24px 72px 0px);
  580. }
  581.  
  582. /* Home button */
  583.  
  584. toolbar[iconsize="small"] #home-button {
  585.     list-style-image: url("chrome://browser/skin/icons/home-small.png");
  586.     -moz-image-region: rect(0px 24px 24px 0px);
  587. }
  588.  
  589. toolbar[iconsize="small"] #home-button:hover,
  590. toolbar[iconsize="small"] #home-button[buttonover="true"] {
  591.   -moz-image-region: rect(24px 24px 48px 0px);
  592. }
  593.  
  594. /* Download Manager button */
  595.  
  596. toolbar[iconsize="small"] #downloads-button {
  597.     list-style-image: url("chrome://browser/skin/icons/downloads-small.png");
  598.     -moz-image-region: rect(0px 24px 24px 0px);
  599. }
  600.  
  601. toolbar[iconsize="small"] #downloads-button:hover,
  602. toolbar[iconsize="small"] #downloads-button[buttonover="true"] {
  603.     -moz-image-region: rect(24px 24px 48px 0px);
  604. }
  605.  
  606. toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  607.     -moz-image-region: rect(48px 24px 72px 0px);
  608. }
  609.  
  610. /* History Sidebar button */
  611.  
  612. toolbar[iconsize="small"] #history-button {
  613.     list-style-image: url("chrome://browser/skin/icons/history-small.png");
  614.     -moz-image-region: rect(0px 24px 24px 0px);
  615. }
  616.  
  617. toolbar[iconsize="small"] #history-button:hover,
  618. toolbar[iconsize="small"] #history-button[buttonover="true"],
  619. toolbar[iconsize="small"] #history-button[checked="true"],
  620. toolbar[iconsize="small"] #history-button[buttondown="true"] {
  621.     -moz-image-region: rect(24px 24px 48px 0px);
  622. }
  623.  
  624. toolbar[iconsize="small"] #history-button[disabled="true"] {
  625.     -moz-image-region: rect(48px 24px 72px 0px);
  626. }
  627.  
  628. /* Bookmark Sidebar button */
  629.  
  630. toolbar[iconsize="small"] #bookmarks-button {
  631.     list-style-image: url("chrome://browser/skin/icons/bookmarks-small.png");
  632.     -moz-image-region: rect(0px 24px 24px 0px);
  633. }
  634.  
  635. toolbar[iconsize="small"] #bookmarks-button:hover,
  636. toolbar[iconsize="small"] #bookmarks-button[buttonover="true"],
  637. toolbar[iconsize="small"] #bookmarks-button[checked="true"],
  638. toolbar[iconsize="small"] #bookmarks-button[buttondown="true"]  {
  639.   -moz-image-region: rect(24px 24px 48px 0px);
  640. }
  641.  
  642. toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  643.     -moz-image-region: rect(48px 24px 72px 0px);
  644. }
  645.  
  646. /* Print button */
  647.  
  648. toolbar[iconsize="small"] #print-button {
  649.     list-style-image: url("chrome://browser/skin/icons/print-small.png");
  650.     -moz-image-region: rect(0px 24px 24px 0px);
  651. }
  652.  
  653. toolbar[iconsize="small"] #print-button:hover,
  654. toolbar[iconsize="small"] #print-button[buttonover="true"] {
  655.     -moz-image-region: rect(24px 24px 48px 0px);
  656. }
  657.  
  658. toolbar[iconsize="small"] #print-button[disabled="true"] {
  659.     -moz-image-region: rect(48px 24px 72px 0px);
  660. }
  661.  
  662. /* New Tab button */
  663.  
  664. toolbar[iconsize="small"] #new-tab-button {
  665.     list-style-image: url("chrome://browser/skin/icons/new_tab-small.png");
  666.     -moz-image-region: rect(0px 24px 24px 0px);
  667. }
  668.  
  669. toolbar[iconsize="small"] #new-tab-button:hover,
  670. toolbar[iconsize="small"] #new-tab-button[buttonover="true"] {
  671.     -moz-image-region: rect(24px 24px 48px 0px);
  672. }
  673.  
  674. toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  675.     -moz-image-region: rect(48px 24px 72px 0px);
  676. }
  677.  
  678. /* New Window button */
  679.  
  680. toolbar[iconsize="small"] #new-window-button {
  681.     list-style-image: url("chrome://browser/skin/icons/new_window-small.png");
  682.     -moz-image-region: rect(0px 24px 24px 0px);
  683. }
  684.  
  685. toolbar[iconsize="small"] #new-window-button:hover,
  686. toolbar[iconsize="small"] #new-window-button[buttonover="true"] {
  687.     -moz-image-region: rect(24px 24px 48px 0px);
  688. }
  689.  
  690. toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  691.     -moz-image-region: rect(48px 24px 72px 0px);
  692. }
  693.  
  694. /* Cut button */
  695.  
  696. toolbar[iconsize="small"] #cut-button {
  697.     list-style-image: url("chrome://browser/skin/icons/cut-small.png");
  698.     -moz-image-region: rect(0px 24px 24px 0px);
  699. }
  700.  
  701. toolbar[iconsize="small"] #cut-button:hover,
  702. toolbar[iconsize="small"] #cut-button[buttonover="true"] {
  703.     -moz-image-region: rect(24px 24px 48px 0px);
  704. }
  705.  
  706. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  707.     -moz-image-region: rect(48px 24px 72px 0px);
  708. }
  709.  
  710. /* Copy button */
  711.  
  712. toolbar[iconsize="small"] #copy-button {
  713.     list-style-image: url("chrome://browser/skin/icons/copy-small.png");
  714.     -moz-image-region: rect(0px 24px 24px 0px);
  715. }
  716.  
  717. toolbar[iconsize="small"] #copy-button:hover,
  718. toolbar[iconsize="small"] #copy-button[buttonover="true"] {
  719.     -moz-image-region: rect(24px 24px 48px 0px);
  720. }
  721.  
  722. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  723.     -moz-image-region: rect(48px 24px 72px 0px);
  724. }
  725.  
  726. /* Paste button */
  727.  
  728. toolbar[iconsize="small"] #paste-button {
  729.     list-style-image: url("chrome://browser/skin/icons/paste-small.png");
  730.     -moz-image-region: rect(0px 24px 24px 0px);
  731. }
  732.  
  733. toolbar[iconsize="small"] #paste-button:hover,
  734. toolbar[iconsize="small"] #paste-button[buttonover="true"] {
  735.     -moz-image-region: rect(24px 24px 48px 0px);
  736. }
  737.  
  738. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  739.     -moz-image-region: rect(48px 24px 72px 0px);
  740. }
  741.  
  742. /* Mail button */
  743.  
  744. toolbar[iconsize="small"] #mail-button {
  745.     list-style-image: url("chrome://browser/skin/icons/mails-small.png");
  746.     -moz-image-region: rect(0px 24px 24px 0px);
  747. }
  748.  
  749. toolbar[iconsize="small"] #mail-button:hover,
  750. toolbar[iconsize="small"] #mail-button[buttonover="true"]  {
  751.     -moz-image-region: rect(24px 24px 48px 0px);
  752. }
  753.  
  754. toolbar[iconsize="small"] #mail-button[disabled="true"] {
  755.     -moz-image-region: rect(48px 24px 72px 0px);
  756. }
  757.  
  758.  
  759. /* ::::: fullscreen window controls ::::: */
  760.  
  761. #window-controls {
  762.     -moz-box-align: center;
  763.     padding: 0 2px 0 4px;
  764. }
  765.  
  766. #minimize-button {
  767.     list-style-image: url("chrome://global/skin/icons/Minimize.gif");
  768. }
  769.  
  770. #restore-button {
  771.     list-style-image: url("chrome://global/skin/icons/Restore.gif");
  772. }
  773.  
  774. #close-button {
  775.     list-style-image: url("chrome://browser/skin/icons/close-button.png");
  776. }    
  777.  
  778. #close-button:hover, #close-button:hover:active {
  779.     list-style-image: url("chrome://browser/skin/icons/close-button-hov.png") !important;
  780. }
  781.  
  782.  
  783. /* ::::: nav-bar-inner ::::: */
  784.  
  785. #urlbar {
  786.     -moz-appearance: none !important;
  787.     background: url("chrome://global/skin/menulist/searchbar-startcap.png") no-repeat left center;
  788.     border: none !important;
  789.     margin-left: 3px;
  790.     padding-left: 5px;
  791. }
  792.  
  793. /* urlbar endcap */
  794.  
  795. #urlbar>.autocomplete-history-dropmarker {
  796.     border: none;
  797.     width: 20px;
  798.     -moz-appearance: none !important;
  799.     -moz-box-align: center;
  800.     -moz-box-pack: center;
  801.     background: url("chrome://global/skin/menulist/searchbar-endcap.png") no-repeat right center;
  802.     list-style-image: url("chrome://browser/skin/icons/url_dropmarker.png");
  803.     -moz-image-region: rect(0px 16px 16px 0px);
  804.     background-color: transparent;
  805.     background-repeat: no-repeat;
  806.     margin: 0px;
  807.     min-height: 22px;
  808. }
  809.  
  810. /* urlbar body */    
  811.  
  812. #urlbar>.autocomplete-textbox-container {
  813.     -moz-appearance: none !important;
  814.     background: url("chrome://global/skin/menulist/searchbar-text.png") repeat-x left center;
  815.     padding: 2px 0px;
  816. }
  817.  
  818. #urlbar > .autocomplete-history-dropmarker:hover,
  819. #urlbar > .autocomplete-history-dropmarker:hover:active {
  820.     -moz-image-region: rect(16px 16px 32px 0px);
  821. }
  822.  
  823. /* Make the Search box flex wider */
  824.  
  825. #search-container {
  826.   -moz-box-flex: 350 !important;
  827. }
  828.  
  829. #searchbar {
  830.   -moz-box-flex: 350 !important;
  831.     height: 26px;
  832. }
  833.  
  834.  
  835. /* ::::: page proxy icon ::::: */
  836.  
  837. #page-proxy-deck,
  838. #page-proxy-favicon,
  839. #page-proxy-button {
  840.     width: 16px;
  841.     height: 16px;
  842. }
  843.  
  844. #page-proxy-deck {
  845.     cursor: -moz-grab;
  846.     margin-top: 1px;
  847.     margin-bottom: 1px;
  848.     margin-right: 1px;
  849. }
  850.  
  851. #page-proxy-favicon {
  852.     list-style-image: none;
  853. }
  854.  
  855. #page-proxy-button {
  856.     list-style-image: url("chrome://browser/skin/icons/bookmark_item.png") !important;
  857. }
  858.  
  859. #page-proxy-button[pageproxystate="invalid"] {
  860.     cursor: default;
  861.     list-style-image: url("chrome://browser/skin/icons/bookmark_item-hov.png") !important;
  862. }
  863.     
  864. statusbarpanel#statusbar-display {
  865.     padding-left: 0;
  866. }    
  867.  
  868. /* ::::: autocomplete ::::: */
  869. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  870.     color: #D4E0EB;
  871. }
  872.  
  873.  
  874. /* ::::: Go button ::::: */
  875.  
  876. #go-button {
  877.     list-style-image: url("chrome://browser/skin/icons/go.png");
  878.     -moz-image-region: rect(0px 24px 24px 0px);
  879. }
  880.  
  881. #go-button:hover,
  882. #go-button[buttonover="true"] {
  883.     -moz-image-region: rect(24px 24px 48px 0px);
  884. }
  885.  
  886. #go-button[disabled="true"] {
  887.     -moz-image-region: rect(48px 24px 72px 0px);
  888. }
  889.  
  890. toolbar[iconsize="small"] #go-button {
  891.     list-style-image: url("chrome://browser/skin/icons/go-small.png");
  892.     -moz-image-region: rect(0px 20px 16px 0px);
  893. }
  894.  
  895. toolbar[iconsize="small"] #go-button:hover,
  896. toolbar[iconsize="small"] #go-button[buttonover="true"] {
  897.     -moz-image-region: rect(16px 20px 32px 0px);
  898. }
  899.  
  900. toolbar[iconsize="small"] #go-button[disabled="true"] {
  901.     -moz-image-region: rect(32px 20px 48px 0px);
  902. }
  903.  
  904. #go-button > .toolbarbutton-text {
  905.   display: none !important;
  906. }
  907.  
  908. #sidebar {
  909.   background-color: #B1C4DA;    
  910. }
  911.  
  912.  
  913. /* ::::: content area ::::: */
  914.  
  915. #status-bar {
  916.     padding: 2px 0;
  917. }
  918.  
  919. #security-button {
  920.   list-style-image: url("chrome://browser/skin/icons/secure-dis.png");
  921.     width: 25px;
  922.     margin-left: 4px;
  923. }
  924.  
  925. #security-button[level="high"] {
  926.     list-style-image: url("chrome://browser/skin/icons/secure.png");
  927. }
  928.  
  929. #security-button[level="low"] {
  930.     list-style-image: url("chrome://browser/skin/secure_low.png");
  931. }
  932.  
  933. #security-button[level="broken"] {
  934.     list-style-image: url("chrome://browser/skin/security-broken.png");
  935. }
  936.  
  937. /* XXXsw prevent margins of a value-less label from shifting the image */
  938. #security-button > label:not([value]) {
  939.   display: none;
  940. }
  941.  
  942. #page-report-button {
  943.   list-style-image: url("chrome://browser/skin/icons/popup-blocked-dis.png");
  944.     width: 25px;
  945. }
  946.  
  947. #page-report-button[blocked] {
  948.     list-style-image: url("chrome://browser/skin/icons/popup-blocked.png");
  949. }
  950.  
  951. #page-theme-button {
  952.   list-style-image: url("chrome://browser/skin/icons/page-themes-dis.png"); 
  953.   width: 25px;
  954. }
  955.  
  956. #page-theme-button[themes] {
  957.     list-style-image: url("chrome://browser/skin/icons/page-themes.png");    
  958. }
  959.  
  960. #livemark-button {
  961.   list-style-image: url("chrome://browser/skin/icons/page-livemarks-dis.png");
  962.     width: 25px;
  963. }
  964.  
  965. #livemark-button[livemarks] {
  966.   list-style-image: url("chrome://browser/skin/icons/page-livemarks.png");  
  967. }
  968.  
  969.  
  970. /* ::::: throbber ::::: */
  971.  
  972. #navigator-throbber {
  973.     -moz-appearance: none !important;
  974.     -moz-user-focus: ignore;
  975.     -moz-box-pack: center;
  976.     list-style-image: url("chrome://browser/skin/icons/throbber.png");
  977.     min-width: 0;
  978.     height: 23px;
  979.     margin: 0 9px;
  980.     padding: 0 !important;
  981.     background: transparent !important;
  982.     border: none !important;    
  983. }
  984.  
  985. #navigator-throbber .button-box {
  986.     background: none !important;
  987.     padding: 0 !important;
  988. }
  989.  
  990. #navigator-throbber[busy="true"] {
  991.     list-style-image: url("chrome://browser/skin/icons/throbber.gif");
  992.     height: 23px;
  993. }
  994.  
  995. toolbar[iconsize="small"] #navigator-throbber,
  996. toolbar[mode="text"] #navigator-throbber {
  997.     list-style-image: url("chrome://browser/skin/icons/throbber-small.png");
  998.     height: 17px;
  999.     margin: 0 7px;
  1000. }
  1001.  
  1002. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  1003. toolbar[mode="text"] #navigator-throbber[busy="true"] {
  1004.     list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
  1005. }
  1006.  
  1007. .tabs-closebutton {
  1008.   -moz-appearance: none !important;    
  1009.     list-style-image: url("chrome://browser/skin/icons/close-button.png");
  1010.     border: none !important;
  1011.     margin: 0 3px 0 1px !important;
  1012.     padding: 0 !important;
  1013. }
  1014.  
  1015. .tabs-closebutton > .toolbarbutton-icon {
  1016.   margin: 0 !important;
  1017.   padding: 0 !important;
  1018. }
  1019.  
  1020. .tabs-closebutton:hover, 
  1021. .tabs-closebutton:hover:active {
  1022.     list-style-image: url("chrome://browser/skin/icons/close-button-hov.png")
  1023. }
  1024.  
  1025. #sidebar-box .tabs-closebutton {
  1026.   margin-right: 2px !important;
  1027.   padding: 0 !important;
  1028. }
  1029.  
  1030. #FindToolbar > .tabs-closebutton {
  1031.   padding-left: 3px !important;
  1032. }
  1033.  
  1034. toolbarbutton.chevron {
  1035.     list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  1036. }
  1037.  
  1038. toolbarbutton.chevron > .toolbarbutton-text {
  1039.   display: none; /* hide chevron label */
  1040. }
  1041.  
  1042. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  1043.   display: none;
  1044. }
  1045.  
  1046. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  1047.   display: -moz-box; /* display chevron icon in text mode */
  1048. }
  1049.  
  1050. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  1051.   display: -moz-box;
  1052. }
  1053.  
  1054. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  1055.    display: none;
  1056. }
  1057.  
  1058. #sidebar-throbber[loading="true"] {
  1059.     list-style-image: url("chrome://global/icons/loading.gif");
  1060. }
  1061.  
  1062. #urlbar[level="high"] > .autocomplete-textbox-container,
  1063. #urlbar[level="low"] > .autocomplete-textbox-container,
  1064. #urlbar[level="broken"] > .autocomplete-textbox-container {
  1065.   background-color: #F5F6BE;
  1066.   color: #000000;
  1067. }
  1068.  
  1069. #urlbar[level="high"] > .autocomplete-textbox-container > .info-icon {
  1070.   list-style-image: url("chrome://browser/skin/secure.png");
  1071. }
  1072. #urlbar[level="low"] > .autocomplete-textbox-container > .info-icon {
  1073.   list-style-image: url("chrome://browser/skin/secure-low.png");
  1074. }
  1075. #urlbar[level="broken"] > .autocomplete-textbox-container > .info-icon {
  1076.   list-style-image: url("chrome://browser/skin/security-broken.png");
  1077. }
  1078.  
  1079.  
  1080. /* ::::: Find Toolbar - to be deleted :::::  */
  1081.  
  1082. #FindToolbar {
  1083.     background-color: #C0D0E2;
  1084.     border: 2px solid;
  1085.     -moz-border-top-colors: #9EAFC3 #DBE4EF;
  1086.     -moz-border-right-colors: #DBE4EF #9EAFC3;
  1087.     -moz-border-bottom-colors: #DBE4EF #9EAFC3;
  1088.     -moz-border-left-colors: #9EAFC3 #DBE4EF;
  1089.     -moz-border-radius: 2px;
  1090.     padding: 2px 0;
  1091.     color: black;
  1092.     font: message-box;
  1093.   background: #C6D6E5 url("chrome://global/skin/toolbar/toolbar-bg.png") repeat top left !important;
  1094. }
  1095.  
  1096. /* Find-next button */
  1097. #find-next {
  1098.   list-style-image: url("chrome://browser/skin/icons/find-next.png");
  1099.   -moz-image-region: rect(0px 16px 16px 0px);
  1100.     padding: 0 5px;
  1101.     border-right: 1px solid #9EAFC3;
  1102. }
  1103.  
  1104. #find-next:hover {
  1105.   -moz-image-region: rect(16px 16px 32px 0px);
  1106. }
  1107.  
  1108. #find-next[disabled="true"] {
  1109.   -moz-image-region: rect(32px 16px 48px 0px) !important;
  1110. }
  1111.  
  1112. /* Find-previous button */
  1113. #find-previous {
  1114.   list-style-image: url("chrome://browser/skin/icons/find-prev.png");
  1115.   -moz-image-region: rect(0px 16px 16px 0px);
  1116.     padding: 0 5px;
  1117.     border-left: 1px solid #DBE4EF;
  1118.     border-right: 1px solid #9EAFC3;
  1119. }
  1120.  
  1121. #find-previous:hover {
  1122.   -moz-image-region: rect(16px 16px 32px 0px);
  1123. }
  1124.  
  1125. #find-previous[disabled="true"] {
  1126.   -moz-image-region: rect(32px 16px 48px 0px) !important;
  1127. }
  1128.  
  1129. /* Highlight button */
  1130. #highlight {
  1131.   list-style-image: url("chrome://browser/skin/icons/find-highlight.png");
  1132.   -moz-image-region: rect(0px 16px 16px 0px);
  1133.     padding: 0 5px;
  1134.     border-left: 1px solid #DBE4EF;
  1135. }
  1136.  
  1137. #highlight:hover, 
  1138. #highlight:active, 
  1139. #highlight[checked="true"],
  1140. #highlight[checked="true"]:hover {
  1141.   -moz-image-region: rect(16px 16px 32px 0px) !important;
  1142.     padding: 0 5px;
  1143. }
  1144.  
  1145. #highlight[disabled="true"] {
  1146.   -moz-image-region: rect(32px 16px 48px 0px) !important;
  1147. }
  1148.  
  1149. #find-status { margin: 0 3px; }
  1150.  
  1151. #find-status-icon {
  1152.     list-style-image: none;
  1153.   width: 16px;
  1154.   height: 16px;
  1155.     margin: 0 1px 0 20px;
  1156. }
  1157.  
  1158. #find-status-icon[status="notfound"] {
  1159.   list-style-image: url("chrome://browser/skin/icons/find-notfound.png");
  1160. }
  1161.  
  1162. #find-field {
  1163.   -moz-appearance: none;
  1164.   border: none;
  1165.   margin: 0;
  1166. }
  1167.  
  1168. #find-field[status="notfound"] {
  1169.   background-color: #C13333;
  1170.   color: white;
  1171. }
  1172.  
  1173. #FindToolbar[flash="true"]  > #find-field-container > #find-field {
  1174.   background-color: #FFFFFF;
  1175. }
  1176.  
  1177. #find-status-icon[status="wrapped"] {
  1178.   list-style-image: url("chrome://browser/skin/icons/find-wrap.png");
  1179. }
  1180.  
  1181. #find-field-container { 
  1182.     -moz-appearance: none;
  1183.   border: 1px solid;
  1184.     -moz-border-top-colors: #9EAFC3;
  1185.     -moz-border-right-colors: #DBE4EF;
  1186.     -moz-border-bottom-colors: #DBE4EF;
  1187.     -moz-border-left-colors: #9EAFC3;
  1188.   -moz-border-radius: 1px;
  1189.     margin: 1px 0;
  1190. }
  1191.  
  1192.