home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / PixelZilla.jar / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-11-11  |  22.5 KB  |  864 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.  *   Roman Joost (romanjoost@gmx.de)
  27.  *   Victor Nilsson (vervex@home.se)
  28.  *
  29.  * Alternatively, the contents of this file may be used under the terms of
  30.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  31.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  32.  * in which case the provisions of the GPL or the LGPL are applicable instead
  33.  * of those above. If you wish to allow use of your version of this file only
  34.  * under the terms of either the GPL or the LGPL, and not to allow others to
  35.  * use your version of this file under the terms of the NPL, indicate your
  36.  * decision by deleting the provisions above and replace them with the notice
  37.  * and other provisions required by the GPL or the LGPL. If you do not delete
  38.  * the provisions above, a recipient may use your version of this file under
  39.  * the terms of any one of the NPL, the GPL or the LGPL.
  40.  *
  41.  * ***** END LICENSE BLOCK ***** */
  42.  
  43. @import url("chrome://global/skin/");
  44.  
  45. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  46.  
  47. #PersonalToolbar {
  48.   min-height: 26px;
  49. }
  50.  
  51. /* ::::: bookmark buttons ::::: */
  52.  
  53. toolbarbutton.bookmark-item {
  54.   margin: 0;
  55.   min-width: 0;
  56.   max-width: 13em;
  57.   padding: 2px 3px;
  58.   color: -moz-DialogText !important;
  59. }
  60.  
  61. toolbarbutton.bookmark-item:hover:active,
  62. toolbarbutton.bookmark-item[open="true"] {
  63.   padding: 3px 2px 1px 4px;
  64. }
  65.  
  66. .bookmark-item > .toolbarbutton-icon {
  67.   width: 16px;
  68.   height: 16px;
  69. }
  70.  
  71. /* Prevent [mode="icons"] from hiding the label */
  72. .bookmark-item > .toolbarbutton-text {
  73.   display: -moz-box !important;
  74. }
  75.  
  76. .bookmark-item > .toolbarbutton-menu-dropmarker {
  77.   display: none;
  78. }
  79.  
  80. .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] {
  81.   width: 32px;
  82.   height: 32px;
  83.   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat;
  84. }
  85.  
  86. .bookmarks-toolbar-customize {
  87.   display: none;
  88.   max-width: 15em !important;
  89. }
  90.  
  91. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  92.   display: -moz-box;
  93. }
  94.  
  95. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  96.   visibility: hidden;
  97. }
  98.  
  99. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  100.   visibility: hidden;
  101. }
  102.  
  103. /* ::::: bookmark menus ::::: */
  104.  
  105. menu.bookmark-item,
  106. menuitem.bookmark-item {
  107.   min-width: 0;
  108.   max-width: 26em;
  109.   border-top: 1px solid transparent !important;
  110.   border-bottom: 1px solid transparent !important;
  111.   padding: 1px 3px 1px 2px;
  112.   margin-top: 1px;
  113. }
  114.  
  115. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  116.   width: 16px;
  117.   height: 16px;
  118. }
  119.  
  120. /* ..... drag and drop styles ..... */
  121.  
  122. .bookmark-item[dragover-left="true"] {
  123.   -moz-border-left-colors: #000000;
  124. }
  125. .bookmark-item[dragover-right="true"] {
  126.   -moz-border-right-colors: #000000;
  127. }
  128. .bookmark-item[dragover-top="true"] {
  129.   -moz-border-top-colors: #000000;
  130. }
  131. .bookmark-item[dragover-bottom="true"] {
  132.   -moz-border-bottom-colors: #000000;
  133. }
  134.  
  135. /* ::::: bookmark items ::::: */
  136.  
  137. .bookmark-item  {
  138.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  139.   -moz-image-region: rect(0px, 16px, 16px, 0px)
  140. }
  141.  
  142. .bookmark-item[container="true"] {
  143.   -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  144. }
  145. .bookmark-item[open="true"],
  146. .bookmark-item[container="true"][open="true"] {
  147.   -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
  148. }
  149.  
  150. /* ::::: primary toolbar buttons ::::: */
  151.  
  152. .toolbarbutton-1 {
  153.   -moz-box-orient: vertical;
  154.   min-width: 0px;
  155.   list-style-image: url("chrome://browser/skin/toolbar.png");
  156. }
  157.  
  158. .toolbarbutton-1, .toolbarbutton-menubutton-button  {
  159.   padding: 8px 4px 8px 4px;
  160. }
  161.  
  162. .toolbarbutton-1:hover:active,
  163. .toolbarbutton-1[open="true"],
  164. .toolbarbutton-menubutton-button:hover:active,
  165. .toolbarbutton-menubutton-button[open="true"] {
  166.   padding: 9px 3px 7px 5px
  167. }
  168.  
  169. .toolbarbutton-1[disabled="true"],
  170. .toolbarbutton-1[disabled="true"]:hover,
  171. .toolbarbutton-1[disabled="true"]:hover:active,
  172. .toolbarbutton-1[disabled="true"][open="true"],
  173. .toolbarbutton-menubutton-button[disabled="true"],
  174. .toolbarbutton-menubutton-button[disabled="true"]:hover,
  175. .toolbarbutton-menubutton-button[disabled="true"]:hover:active,
  176. .toolbarbutton-menubutton-button[disabled="true"][open="true"] {
  177.   padding: 8px 4px 8px 4px;
  178. }
  179.  
  180. .toolbarbutton-1[checked="true"],
  181. .toolbarbutton-menubutton-button[checked="true"] {
  182.   padding: 9px 3px 7px 5px !important;
  183. }
  184.  
  185. .toolbarbutton-menubutton-button,
  186. .toolbarbutton-menubutton-button:hover,
  187. .toolbarbutton-menubutton-button[buttonover="true"] {
  188.   padding-left: 8px;
  189. }
  190.  
  191. .toolbarbutton-menubutton-button:hover:active,
  192. .toolbarbutton-menubutton-button[open="true"],
  193. .toolbarbutton-menubutton-button[checked="true"] {
  194.   padding-left: 9px;
  195. }
  196.  
  197.  
  198. .toolbarbutton-menubutton-button[disabled="true"],
  199. .toolbarbutton-menubutton-button[disabled="true"]:hover,
  200. .toolbarbutton-menubutton-button[disabled="true"]:hover:active,
  201. .toolbarbutton-menubutton-button[disabled="true"][open="true"] {
  202.   padding-left: 8px;
  203. }
  204.  
  205. toolbarbutton:not([disabled="true"]):hover,
  206. menubutton:not([disabled="true"]):hover,
  207. toolbarbutton:not([disabled="true"]):hover:active,
  208. menubutton:not([disabled="true"]):hover:active {
  209.   color: ButtonText !important;
  210. }
  211.  
  212. .toolbarbutton-menubutton-stack,
  213. .toolbarbutton-menubutton-button,
  214. .toolbarbutton-menubutton-stack:hover,
  215. .toolbarbutton-menubutton-button:hover,
  216. .toolbarbutton-menubutton-stack:hover:active,
  217. .toolbarbutton-menubutton-button:hover:active {
  218.   margin: 0 !important;
  219.   display: -moz-box;
  220. }
  221.  
  222. toolbar[mode="icons"] .toolbarbutton-text {
  223.   display: none;
  224. }
  225.  
  226. toolbar[mode="text"] .toolbarbutton-icon {
  227.   display: none;
  228. }
  229.  
  230. toolbar[mode="text"] .toolbarbutton-text {
  231.   padding: 0 !important;
  232.   margin: 3px 5px !important;
  233. }
  234.  
  235. /* workaround */
  236. toolbar[mode="text"] toolbarbutton[type="menu"] .toolbarbutton-text {
  237.   margin: 2px 5px 4px 5px !important;
  238. }
  239.  
  240. /* Smaller padding on toolbar buttons in text mode */
  241.  
  242. toolbar[mode="text"] .toolbarbutton-1,
  243. toolbar[mode="text"] .toolbarbutton-menubutton-button  {
  244.   padding: 3px;
  245. }
  246.  
  247. toolbar[mode="text"] .toolbarbutton-1:hover:active,
  248. toolbar[mode="text"] .toolbarbutton-1[open="true"],
  249. toolbar[mode="text"] .toolbarbutton-menubutton-button:hover:active,
  250. toolbar[mode="text"] .toolbarbutton-menubutton-button[open="true"] {
  251.   padding: 4px 2px 2px 4px;
  252. }
  253.  
  254. toolbar[mode="text"] .toolbarbutton-1[disabled="true"],
  255. toolbar[mode="text"] .toolbarbutton-1[disabled="true"]:hover,
  256. toolbar[mode="text"] .toolbarbutton-1[disabled="true"]:hover:active,
  257. toolbar[mode="text"] .toolbarbutton-1[disabled="true"][open="true"],
  258. toolbar[mode="text"] .toolbarbutton-menubutton-button[disabled="true"],
  259. toolbar[mode="text"] .toolbarbutton-menubutton-button[disabled="true"]:hover,
  260. toolbar[mode="text"] .toolbarbutton-menubutton-button[disabled="true"]:hover:active,
  261. toolbar[mode="text"] .toolbarbutton-menubutton-button[disabled="true"][open="true"] {
  262.   padding: 3px;
  263. }
  264.  
  265. toolbar[mode="text"] .toolbarbutton-1[checked="true"],
  266. toolbar[mode="text"] .toolbarbutton-menubutton-button[checked="true"] {
  267.   padding: 4px 2px 2px 4px !important;
  268. }
  269.  
  270. #back-button {
  271.   -moz-image-region: rect(0px 20px 20px 0px);
  272. }
  273. #back-button[buttonover="true"] {
  274.   -moz-image-region: rect(20px 20px 40px 0px);
  275. }
  276. #back-button[disabled="true"] {
  277.   -moz-image-region: rect(40px 20px 60px 0px);
  278. }
  279.  
  280. #forward-button {
  281.   -moz-image-region: rect(0px 40px 20px 20px);
  282. }
  283. #forward-button[buttonover="true"] {
  284.   -moz-image-region: rect(20px 40px 40px 20px);
  285. }
  286.  #forward-button[disabled="true"] {
  287.   -moz-image-region: rect(40px 40px 60px 20px) !important;
  288. }
  289.  
  290.  #reload-button {
  291.   -moz-image-region: rect(0px 80px 20px 60px);
  292. }
  293.  #reload-button:hover {
  294.   -moz-image-region: rect(20px 80px 40px 60px);
  295. }
  296. #reload-button[disabled="true"] {
  297.   -moz-image-region: rect(40px 80px 60px 60px) !important;
  298. }
  299.  
  300. #stop-button {
  301.   -moz-image-region: rect(0px 60px 20px 40px);
  302. }
  303. #stop-button:hover {
  304.   -moz-image-region: rect(20px 60px 40px 40px);
  305. }
  306. #stop-button[disabled="true"] {
  307.   -moz-image-region: rect(40px 60px 60px 40px) !important;
  308. }
  309.  
  310. #home-button {
  311.   -moz-image-region: rect(0px 100px 20px 80px);
  312. }
  313. #home-button:hover {
  314.   -moz-image-region: rect(20px 100px 40px 80px);
  315. }
  316.  
  317. #print-button {
  318.   -moz-image-region: rect(0px 180px 20px 160px);
  319. }
  320. #print-button:hover {
  321.   -moz-image-region: rect(20px 180px 40px 160px);
  322. }
  323. #print-button[disabled="true"] {
  324.   -moz-image-region: rect(40px 180px 60px 160px);
  325. }
  326.  
  327. #downloads-button {
  328.   -moz-image-region: rect(0px 120px 20px 100px);
  329. }
  330. #downloads-button:hover,
  331. #downloads-button[checked="true"] {
  332.   -moz-image-region: rect(20px 120px 40px 100px);
  333. }
  334. #downloads-button[disabled="true"] {
  335.   -moz-image-region: rect(40px 120px 60px 100px) !important;
  336. }
  337.  
  338. #new-tab-button {
  339.   -moz-image-region: rect(0px 200px 20px 180px);
  340. }
  341. #new-tab-button:hover,
  342. #new-tab-button[checked="true"] {
  343.   -moz-image-region: rect(20px 200px 40px 180px);
  344. }
  345. #new-tab-button[disabled="true"] {
  346.   -moz-image-region: rect(40px 200px 60px 180px) !important;
  347. }
  348.  
  349. #new-window-button {
  350.   -moz-image-region: rect(0px 220px 20px 200px);
  351. }
  352. #new-window-button:hover,
  353. #new-window-button[checked="true"] {
  354.   -moz-image-region: rect(20px 220px 40px 200px);
  355. }
  356. #new-window-button[disabled="true"] {
  357.   -moz-image-region: rect(40px 220px 60px 200px) !important;
  358. }
  359.  
  360. #bookmarks-button {
  361.   -moz-image-region: rect(0px 160px 20px 140px);
  362. }
  363. #bookmarks-button:hover,
  364. #bookmarks-button[checked="true"] {
  365.   -moz-image-region: rect(20px 160px 40px 140px);
  366. }
  367. #bookmarks-button[disabled="true"] {
  368.   -moz-image-region: rect(40px 160px 60px 140px) !important;
  369. }
  370.  
  371. #history-button {
  372.   -moz-image-region: rect(0px 140px 20px 120px);
  373. }
  374. #history-button:hover,
  375. #history-button[checked="true"] {
  376.   -moz-image-region: rect(20px 140px 40px 120px);
  377. }
  378. #history-button[disabled="true"] {
  379.   -moz-image-region: rect(40px 140px 60px 120px) !important;
  380. }
  381.  
  382. #cut-button {
  383.   -moz-image-region: rect(0px 240px 20px 220px);
  384. }
  385. #cut-button:hover,
  386. #cut-button[checked="true"] {
  387.   -moz-image-region: rect(20px 240px 40px 220px);
  388. }
  389. #cut-button[disabled="true"] {
  390.   -moz-image-region: rect(40px 240px 60px 220px) !important;
  391. }
  392.  
  393. #copy-button {
  394.   -moz-image-region: rect(0px 260px 20px 240px);
  395. }
  396. #copy-button:hover,
  397. #copy-button[checked="true"] {
  398.   -moz-image-region: rect(20px 260px 40px 240px);
  399. }
  400. #copy-button[disabled="true"] {
  401.   -moz-image-region: rect(40px 260px 60px 240px) !important;
  402. }
  403.  
  404. #paste-button {
  405.   -moz-image-region: rect(0px 280px 20px 260px);
  406. }
  407. #paste-button:hover,
  408. #paste-button[checked="true"] {
  409.   -moz-image-region: rect(20px 280px 40px 260px);
  410. }
  411. #paste-button[disabled="true"] {
  412.   -moz-image-region: rect(40px 280px 60px 260px) !important;
  413. }
  414.  
  415. #mail-button {
  416.   -moz-image-region: rect(0px 300px 20px 280px);
  417. }
  418. #mail-button:hover,
  419. #mail-button[checked="true"] {
  420.   -moz-image-region: rect(20px 300px 40px 280px);
  421. }
  422. #mail-button[disabled="true"] {
  423.   -moz-image-region: rect(40px 300px 60px 280px);
  424. }
  425.  
  426. /* ::::: small primary toolbar buttons ::::: */
  427.  
  428. /* Smaller padding on small toolbar buttons */
  429.  
  430. toolbar[iconsize="small"] .toolbarbutton-1,
  431. toolbar[iconsize="small"] .toolbarbutton-menubutton-button  {
  432.   padding: 1px;
  433. }
  434.  
  435. toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
  436. toolbar[iconsize="small"] .toolbarbutton-1[open="true"],
  437. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active,
  438. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[open="true"] {
  439.   padding: 4px 2px 2px 4px;
  440. }
  441.  
  442. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
  443. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
  444. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
  445. toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"],
  446. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[disabled="true"],
  447. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[disabled="true"]:hover,
  448. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[disabled="true"]:hover:active,
  449. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[disabled="true"][open="true"] {
  450.   padding: 1px;
  451. }
  452.  
  453. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"],
  454. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[checked="true"] {
  455.   padding: 4px 2px 2px 4px !important;
  456. }
  457.  
  458. .toolbarbutton-1[type="menu-button"],
  459. .toolbarbutton-1[type="menu-button"]:hover,
  460. .toolbarbutton-1[type="menu-button"]:hover:active,
  461. .toolbarbutton-1[type="menu-button"][open="true"],
  462. .toolbarbutton-1[type="menu-button"][disabled="true"],
  463. .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
  464. .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
  465.   padding: 0 !important;
  466. }
  467.  
  468. /* ::::: fullscreen window controls ::::: */
  469.  
  470. #window-controls {
  471.   -moz-box-align: center;
  472.   padding: 0 2px 0 4px;
  473.   border-left: 2px solid;
  474.   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
  475. }
  476.  
  477. #minimize-button {
  478.   list-style-image: url("chrome://global/skin/icons/window-controls.gif");
  479.   -moz-image-region: rect(0px, 10px, 9px, 0px);
  480. } 
  481. #restore-button {
  482.   list-style-image: url("chrome://global/skin/icons/window-controls.gif");
  483.   -moz-image-region: rect(0px, 20px, 9px, 10px);
  484. } 
  485. #close-button {
  486.   list-style-image: url("chrome://global/skin/icons/window-controls.gif");
  487.   -moz-image-region: rect(0px, 30px, 9px, 20px);
  488. }
  489.  
  490. /* ::::: nav-bar-inner ::::: */
  491.  
  492. #urlbar {
  493.   margin: 2px 3px;
  494. }
  495.  
  496. #search-bar {
  497.   width: 12em;
  498. }
  499.  
  500. /* ::::: page proxy icon ::::: */
  501.  
  502. #page-proxy-deck,
  503. #page-proxy-favicon,
  504. #page-proxy-button {
  505.   width: 16px;
  506.   height: 16px;
  507. }
  508.  
  509. #page-proxy-deck {
  510.   cursor: -moz-grab;
  511.   margin: 2px 3px;
  512. }
  513.  
  514. #page-proxy-favicon {
  515.   list-style-image: none;
  516. }
  517.  
  518. #page-proxy-button {
  519.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  520.   -moz-image-region: rect(0px, 16px, 16px, 0px);}
  521.  
  522. #page-proxy-button[pageproxystate="invalid"] {
  523.   cursor: default;
  524.   -moz-image-region: rect(32px, 16px, 48px, 0px) !important;
  525. }
  526.  
  527.  
  528. statusbarpanel#statusbar-display {
  529.   padding-left: 0;
  530. }
  531.  
  532. /* ::::: search-bar :::::
  533.  * Only for 0.8-0.9.1+ back compatibility, searchbar.css is now used instead */
  534.  
  535. #search-proxy-button {
  536.   margin-top: 2px;
  537.   margin-bottom: 1px;
  538. }
  539.  
  540. .search-proxy-button-image {
  541.   margin: 0px;
  542.   list-style-image: url("chrome://browser/skin/search-bar.png");
  543. }
  544.  
  545. .search-proxy-button-dropmarker {
  546.   margin-left: 12px;
  547.   margin-top: 8px;
  548.   list-style-image: url("chrome://browser/skin/search-arrow.gif");
  549. }
  550.  
  551. /* for 0.8-0.9 back compatibility */
  552. #__PhoenixFindInPage {
  553.   list-style-image: url("chrome://browser/skin/search-bar.png");
  554. }
  555.  
  556. /* ::::: autocomplete ::::: */
  557.  
  558. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  559.   color: #555566;
  560. }
  561.  
  562.  
  563. /* ::::: go button ::::: */
  564.  
  565. /* In Firefox 0.9.1+ the go button became a "toolbarbutton" (instead of a 
  566.    "button"), which makes most of this code unnecessary, but it's still there
  567.      for back compatibility */
  568.  
  569. #go-button,
  570. #go-container {
  571.   -moz-appearance: none;
  572.   background-color: transparent;
  573.   margin: 0;
  574.   padding: 2px;
  575.   min-width: 0;
  576.   list-style-image: url("chrome://browser/skin/Go.png");
  577.   -moz-image-region: rect(0px, 20px, 20px, 0px);
  578. }
  579.  
  580. #go-button {
  581.   -moz-appearance: toolbarbutton;
  582.   border-width: 1px !important;
  583.   -moz-border-top-colors: transparent;
  584.   -moz-border-right-colors: transparent;
  585.   -moz-border-bottom-colors: transparent;
  586.   -moz-border-left-colors: transparent;
  587.   -moz-appearance: toolbarbutton;
  588. }
  589.  
  590. #go-button:hover {
  591.   -moz-border-top-colors: ThreeDHighlight;
  592.   -moz-border-right-colors: ThreeDShadow;
  593.   -moz-border-bottom-colors: ThreeDShadow;
  594.   -moz-border-left-colors: ThreeDHighlight;
  595.   -moz-image-region: rect(0px, 40px, 20px, 20px);
  596. }
  597.  
  598. #go-button:hover:active {
  599.   -moz-border-top-colors: ThreeDShadow;
  600.   -moz-border-right-colors: ThreeDHighlight;
  601.   -moz-border-bottom-colors: ThreeDHighlight;
  602.   -moz-border-left-colors: ThreeDShadow;
  603. }
  604.  
  605. #go-button[disabled="true"] {
  606.   -moz-image-region: rect(0px, 60px, 20px, 40px);
  607.   border-color: transparent;
  608. }
  609.  
  610. #go-button > .button-box > .button-text {
  611.   margin-left: 5px !important;
  612.     display: inline !important;
  613. }
  614.  
  615. #go-button > .button-box {
  616.   border: none;
  617. }
  618.  
  619. #go-button > .toolbarbutton-text {
  620.   display: -moz-box !important;
  621. }
  622.  
  623. #sidebar {
  624.   background-color: Window;
  625. }
  626.  
  627. /* ::::: content area ::::: */
  628.  
  629. #status-bar {
  630.   border-top: none;
  631. }
  632.  
  633. #security-button {
  634.   display: none;
  635. }
  636.  
  637. #security-button[level="high"], #security-button[level="low"] {
  638.   list-style-image: url("chrome://browser/skin/lock-secure.png");
  639.   display: -moz-box;
  640.     padding: 0px 3px 0px 3px;
  641. }
  642.  
  643. #security-button[level="broken"] {
  644.   list-style-image: url("chrome://browser/skin/lock-broken.png");
  645.   display: -moz-box;
  646.     padding: 0px 3px 0px 3px;
  647. }
  648.  
  649. #page-report-button {
  650.   display: none;
  651. }
  652.  
  653. #page-report-button[blocked] {
  654.   list-style-image: url("chrome://browser/skin/popup-blocked.png");
  655.     display: -moz-box;
  656.   padding: 0px 3px 0px 3px;
  657. }
  658.  
  659. #page-theme-button {
  660.   display: none;
  661. }
  662.  
  663. #page-theme-button[themes] {
  664.   display: -moz-box;
  665.     padding: 0px 3px 0px 3px;
  666.   list-style-image: url("chrome://browser/skin/page-themes.png");
  667. }
  668.  
  669. #livemark-button {
  670.   display: none;
  671. }
  672.  
  673. #livemark-button[livemarks] {
  674.   display: -moz-box;
  675.   list-style-image: url("chrome://browser/skin/page-livemarks.png");
  676.   padding: 0px 3px 0px 3px;
  677. }
  678.  
  679.  
  680. /* ::::: throbber ::::: */
  681.  
  682. #navigator-throbber {
  683.   -moz-appearance: none;
  684.   -moz-user-focus: ignore;
  685.   margin: 0 !important;
  686.   border: none !important;
  687.   padding: 0px !important;
  688.   min-width: 0;
  689.   background-color: transparent;
  690.   list-style-image: url("chrome://browser/skin/throbber16-single.gif");
  691. }
  692.  
  693. #navigator-throbber[busy="true"] {
  694.   list-style-image: url("chrome://browser/skin/throbber16-anim.gif");
  695. }
  696.  
  697. toolbar[iconsize="small"] #navigator-throbber,
  698. toolbar[mode="text"] #navigator-throbber {
  699.   list-style-image: url("chrome://browser/skin/throbber16-single.gif");
  700. }
  701. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  702. toolbar[mode="text"] #navigator-throbber[busy="true"] {
  703.   list-style-image: url("chrome://browser/skin/throbber16-anim.gif");
  704. }
  705.  
  706. .tabs-closebutton {
  707.   list-style-image: url("chrome://global/skin/icons/close-button.gif");
  708. }
  709.  
  710. #content .tabs-closebutton {
  711.   list-style-image: url("chrome://browser/skin/tab-close.png");
  712.   -moz-image-region: rect(0px, 16px, 14px, 0px);
  713. }
  714. #content .tabs-closebutton:hover {
  715.   -moz-image-region: rect(0px, 32px, 14px, 16px);
  716. }
  717.  
  718. .tabs-newbutton {
  719.   list-style-image: url("chrome://browser/skin/tab-new.png") !important;
  720.     -moz-image-region: rect(0px, 16px, 14px, 0px) !important;
  721.     margin: 2px 3px 2px 3px;
  722. }
  723. .tabs-newbutton:hover {
  724.   -moz-image-region: rect(0px, 32px, 14px, 16px) !important;
  725. }
  726.  
  727. toolbarbutton.chevron {
  728.   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  729. }
  730.  
  731. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  732.   display: none;
  733. }
  734.  
  735. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  736.   display: -moz-box;
  737. }
  738.  
  739. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  740.    display: none;
  741. }
  742.  
  743. #sidebar-throbber[loading="true"] {
  744.   list-style-image: url(chrome://global/skin/icons/loading.gif);
  745. }
  746.  
  747.  
  748. #find-previous 
  749. {
  750.   list-style-image: url("chrome://browser/skin/find.png");
  751.   -moz-image-region: rect(0px 16px 16px 0px);
  752. }
  753.  
  754. #find-previous[disabled="true"]
  755. {
  756.   -moz-image-region: rect(0px 48px 16px 32px) !important;
  757. }
  758.     
  759. #find-previous:hover
  760. {
  761.   -moz-image-region: rect(0px 32px 16px 16px);
  762. }
  763.  
  764. #find-next 
  765. {
  766.   list-style-image: url("chrome://browser/skin/find.png");
  767.   -moz-image-region: rect(16px 16px 32px 0px);
  768. }
  769.  
  770. #find-next[disabled="true"]
  771. {
  772.   -moz-image-region: rect(16px 48px 32px 32px) !important;
  773. }
  774.  
  775. #find-next:hover
  776. {
  777.   -moz-image-region: rect(16px 32px 32px 16px);
  778. }
  779.  
  780. #find-status-icon
  781. {
  782.   list-style-image: none;
  783.   margin: 1px 0px 0px 12px;
  784.   width: 16px;
  785.   height: 16px;
  786. }
  787.  
  788. #find-status
  789. {
  790.   margin: 1px 0px 0px 5px;
  791. }
  792.  
  793. #find-status-icon[status="notfound"]
  794. {
  795.   list-style-image: url("chrome://mozapps/skin/shared/extensionalert.png");
  796.   -moz-image-region: rect(0px 48px 16px 32px);
  797. }
  798.  
  799. #find-field {
  800.   -moz-appearance: none;
  801.   border: none;
  802.   margin: 0px;
  803. }
  804.  
  805. #find-field[status="notfound"]
  806. {
  807.   background-color: #FF6666;
  808.   color: #FFFFFF;
  809. }
  810.  
  811. #find-status-icon[status="wrapped"]
  812. {
  813.   list-style-image: url("chrome://mozapps/skin/shared/extensionalert.png");
  814.   -moz-image-region: rect(0px 32px 16px 16px);
  815. }
  816.  
  817. #highlight
  818. {
  819.   list-style-image: url("chrome://browser/skin/highlight.png");
  820.   -moz-image-region: rect(0px 16px 16px 0px);
  821. }
  822.  
  823. #highlight:hover
  824. {
  825.   -moz-image-region: rect(0px 32px 16px 16px);
  826. }
  827.  
  828. #highlight[disabled="true"]
  829. {
  830.   -moz-image-region: rect(0px 48px 16px 32px) !important;
  831. }
  832.  
  833. #highlight:active, #highlight[checked="true"] {
  834.     -moz-image-region: rect(0px 32px 16px 16px);
  835. }
  836.  
  837. #FindToolbar {
  838.   border: none;
  839.   border-top: 1px solid ThreeDShadow;
  840. }
  841.  
  842. #find-field-container {
  843.   -moz-appearance: textfield;
  844. }
  845.  
  846. #FindToolbar[flash="true"] > #find-field-container > #find-field {
  847.   background-color: yellow;
  848. }
  849.  
  850. /* ::::: web developer toolbar ::::: */
  851. .webdeveloper-toolbar-button
  852. {
  853.   list-style-image: url("chrome://mozapps/skin/webdeveloper/webdev-toolbar.png") !important;
  854. }
  855. .webdeveloper-statusbar-button
  856. { 
  857.   list-style-image: url("chrome://mozapps/skin/webdeveloper/webdev-statusbar.png") !important; 
  858. }
  859. .webdeveloper-sidebar-button
  860. {
  861.  list-style-image: url("chrome://mozapps/skin/webdeveloper/webdev-sidebar.png") !important;
  862. }
  863.  
  864.