home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / Lure.jar / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-11-18  |  22.7 KB  |  884 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.  *   Marcus Campbell (marcus.campbell@gmail.com)
  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. }
  59.  
  60. toolbarbutton.bookmark-item:hover:active,
  61. toolbarbutton.bookmark-item[open="true"] {
  62.   padding: 3px 2px 1px 4px;
  63. }
  64.  
  65. .bookmark-item > .toolbarbutton-icon {
  66.   width: 16px;
  67.   height: 16px;
  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 {
  80.   width: 16px;
  81.   height: 16px;
  82.   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !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 3px 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.  
  121. .bookmark-item[dragover-left="true"] {
  122.   -moz-border-left-colors: #000000;
  123. }
  124. .bookmark-item[dragover-right="true"] {
  125.   -moz-border-right-colors: #000000;
  126. }
  127. .bookmark-item[dragover-top="true"] {
  128.   -moz-border-top-colors: #000000;
  129. }
  130. .bookmark-item[dragover-bottom="true"] {
  131.   -moz-border-bottom-colors: #000000;
  132. }
  133.  
  134. /* ::::: bookmark items ::::: */
  135.  
  136. .bookmark-item  {
  137.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  138.   -moz-image-region: rect(0px, 16px, 16px, 0px)
  139. }
  140.  
  141. .bookmark-item[container="true"] {
  142.   -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  143. }
  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. /* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */
  151. /* only the folder icon has any effect for now, item icon is unused */
  152. .bookmark-item[livemark="true"] { 
  153.   list-style-image: url("chrome://browser/skin/livemark-item.png") !important;
  154. }
  155.  
  156. .bookmark-item[type="menu"][livemark="true"] { 
  157.   -moz-image-region: rect(0px, 48px, 16px, 32px) !important;
  158. }
  159.  
  160. .bookmark-item[type="menu"][livemark="true"][open="true"] { 
  161.   -moz-image-region: rect(16px, 48px, 32px, 32px) !important;
  162. }
  163.  
  164. /* ::::: primary toolbar buttons ::::: */
  165.  
  166. .toolbarbutton-1 {
  167.   -moz-box-orient: vertical;
  168.   min-width: 0px;
  169.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  170. }
  171.  
  172. .toolbarbutton-1 .toolbarbutton-icon {
  173.   margin-right: 0px;
  174. }
  175.  
  176. toolbar[mode="full"] .toolbarbutton-1,
  177. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  178.   min-width: 57px;
  179. }
  180.  
  181. .toolbarbutton-1, .toolbarbutton-menubutton-button {
  182.   padding: 5px;
  183. }
  184.  
  185. .toolbarbutton-1:hover:active:not([disabled]),
  186. .toolbarbutton-1[open="true"], 
  187. .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  188. .toolbarbutton-menubutton-button[open="true"] {
  189.   padding: 5px 4px 5px 6px;
  190. }
  191.  
  192. .toolbarbutton-1[checked="true"] {
  193.   padding: 5px 4px 5px 6px !important;
  194. }
  195.  
  196. .toolbarbutton-1[type="menu-button"] {
  197.   padding: 0px !important;
  198. }
  199.  
  200. .toolbarbutton-menubutton-stack,
  201. .toolbarbutton-menubutton-button,
  202. .toolbarbutton-menubutton-stack:hover,
  203. .toolbarbutton-menubutton-button:hover,
  204. .toolbarbutton-menubutton-stack:hover:active,
  205. .toolbarbutton-menubutton-button:hover:active {
  206.   margin: 0 !important;
  207.   display: -moz-box;
  208. }
  209.  
  210. toolbar[mode="icons"] .toolbarbutton-text {
  211.   display: none;
  212. }
  213.  
  214. toolbar[mode="text"] .toolbarbutton-icon {
  215.   display: none;
  216. }
  217.  
  218. toolbar[mode="text"] .toolbarbutton-text {
  219.   padding: 0 !important;
  220.   margin: 3px 5px !important;
  221. }
  222.  
  223. /* ::::: 24px primary toolbar buttons ::::: */
  224.  
  225. /* back button */
  226.  
  227. #back-button {
  228.   -moz-image-region: rect(0px 32px 32px 0px);
  229. }
  230. #back-button[buttonover="true"] {
  231.   -moz-image-region: rect(32px 32px 64px 0px);
  232. }
  233. #back-button[disabled="true"] {
  234.   -moz-image-region: rect(64px 32px 96px 0px) !important;
  235. }
  236.  
  237. /* forward button */
  238.  
  239. #forward-button {
  240.   -moz-image-region: rect(0px 64px 32px 32px);
  241.   padding-right: 2px;
  242. }
  243. #forward-button[buttonover="true"] {
  244.   -moz-image-region: rect(32px 64px 64px 32px);
  245. }
  246. #forward-button[disabled="true"] {
  247.    -moz-image-region: rect(64px 64px 96px 32px) !important;
  248. }
  249.  
  250. /* stop button */
  251.  
  252. #stop-button {
  253.   -moz-image-region: rect(0px 96px 32px 64px);
  254. }
  255. #stop-button:hover {
  256.   -moz-image-region: rect(32px 96px 64px 64px);
  257. }
  258. #stop-button[disabled="true"] {
  259.   -moz-image-region: rect(64px 96px 96px 64px) !important;
  260. }
  261.  
  262. /* reload button */
  263.  
  264. #reload-button {
  265.   -moz-image-region: rect(0px 128px 32px 96px);
  266. }
  267. #reload-button:hover {
  268.   -moz-image-region: rect(32px 128px 64px 96px);
  269. }
  270. #reload-button[disabled="true"] {
  271.   -moz-image-region: rect(64px 128px 96px 96px);
  272. }
  273.  
  274. /* home button */
  275.  
  276. #home-button {
  277.   -moz-image-region: rect(0px 160px 32px 128px);
  278. }
  279. #home-button:hover {
  280.   -moz-image-region: rect(32px 160px 64px 128px);
  281. }
  282.  
  283. /* download manager button */
  284.  
  285. #downloads-button {
  286.   -moz-image-region: rect(0px 192px 32px 160px);
  287. }
  288. #downloads-button:hover {
  289.   -moz-image-region: rect(32px 192px 64px 160px);
  290. }
  291. #downloads-button[disabled="true"] {
  292.   -moz-image-region: rect(64px 192px 96px 160px) !important;
  293. }
  294.  
  295. /* history sidebar button */
  296.  
  297. #history-button {
  298.   -moz-image-region: rect(0px 224px 32px 192px);
  299. }
  300. #history-button:hover {
  301.   -moz-image-region: rect(32px 224px 64px 192px);
  302. }
  303. #history-button[disabled="true"] {
  304.   -moz-image-region: rect(64px 224px 96px 192px) !important;
  305. }
  306.  
  307. /* bookmark sidebar button */
  308.  
  309. #bookmarks-button {
  310.   -moz-image-region: rect(0px 256px 32px 224px);
  311. }
  312. #bookmarks-button:hover {
  313.   -moz-image-region: rect(32px 256px 64px 224px);
  314. }
  315. #bookmarks-button[disabled="true"] {
  316.   -moz-image-region: rect(64px 256px 96px 224px) !important;
  317. }
  318. #bookmarks-button[checked="true"] {
  319.   -moz-image-region: rect(96px 256px 128px 224px) !important;
  320. }
  321.  
  322. /* print button */
  323.  
  324. #print-button {
  325.   -moz-image-region: rect(0px 288px 32px 256px);
  326. }
  327. #print-button:hover {
  328.   -moz-image-region: rect(32px 288px 64px 256px);
  329. }
  330. #print-button[disabled="true"] {
  331.   -moz-image-region: rect(64px 288px 96px 256px) !important;
  332. }
  333.  
  334. /* new tab button */
  335.  
  336. #new-tab-button {
  337.   -moz-image-region: rect(0px 320px 32px 288px);
  338. }
  339. #new-tab-button:hover {
  340.   -moz-image-region: rect(32px 320px 64px 288px);
  341. }
  342. #new-tab-button[disabled="true"] {
  343.   -moz-image-region: rect(64px 320px 96px 288px) !important;
  344. }
  345.  
  346. /* new window button */
  347.  
  348. #new-window-button {
  349.   -moz-image-region: rect(0px 352px 32px 320px);
  350. }
  351. #new-window-button:hover {
  352.   -moz-image-region: rect(43px 352px 64px 320px);
  353. }
  354. #new-window-button[disabled="true"] {
  355.   -moz-image-region: rect(53px 352px 96px 320px) !important;
  356. }
  357.  
  358. /* cut button */
  359.  
  360. #cut-button {
  361.   -moz-image-region: rect(0px 384px 32px 352px);
  362. }
  363. #cut-button:hover {
  364.   -moz-image-region: rect(32px 384px 64px 352px);
  365. }
  366. #cut-button[disabled="true"] {
  367.   -moz-image-region: rect(64px 384px 96px 352px) !important;
  368. }
  369.  
  370. /* copy button */
  371.  
  372. #copy-button {
  373.   -moz-image-region: rect(0px 416px 32px 384px);
  374. }
  375. #copy-button:hover {
  376.   -moz-image-region: rect(32px 416px 64px 384px);
  377. }
  378. #copy-button[disabled="true"] {
  379.   -moz-image-region: rect(64px 416px 96px 384px);
  380. }
  381.  
  382. /* paste button */
  383.  
  384. #paste-button {
  385.   -moz-image-region: rect(0px 448px 32px 416px);
  386. }
  387. #paste-button:hover {
  388.   -moz-image-region: rect(32px 448px 64px 416px);
  389. }
  390. #paste-button[disabled="true"] {
  391.   -moz-image-region: rect(64px 448px 96px 416px);
  392. }
  393.  
  394. /* mail button */
  395.  
  396. #mail-button {
  397.   -moz-image-region: rect(0px 480px 32px 448px);
  398. }
  399. #mail-button:hover {
  400.   -moz-image-region: rect(32px 480px 64px 448px);
  401. }
  402. #mail-button[disabled="true"] {
  403.   -moz-image-region: rect(64px 480px 96px 448px);
  404. }
  405.  
  406.  
  407. /* ::::: 16px primary toolbar buttons ::::: */
  408.  
  409. toolbar[iconsize="small"] .toolbarbutton-1 {
  410.   -moz-box-orient: vertical;
  411.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  412. }
  413.  
  414. toolbar[iconsize="small"] .toolbarbutton-1 .toolbarbutton-icon {
  415.   margin-right: 0px;
  416. }
  417.  
  418. toolbar[iconsize="small"] .toolbarbutton-1, toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
  419.   padding: 3px;
  420.     margin-right: 2px;
  421. }
  422.  
  423. toolbar[iconsize="small"] .toolbarbutton-1:hover:active:not([disabled]),
  424. toolbar[iconsize="small"] .toolbarbutton-1[open="true"], 
  425. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  426. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[open="true"] {
  427.   padding: 3px 2px 3px 4px;
  428. }
  429.  
  430. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
  431.   padding: 3px 2px 3px 4px !important;
  432. }
  433.  
  434. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
  435.   padding: 0px !important;
  436. }
  437.  
  438. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack,
  439. toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
  440. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover,
  441. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover,
  442. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active,
  443. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active {
  444.   margin: 0 !important;
  445.   display: -moz-box;
  446. }
  447.  
  448. /* back button-- */
  449.  
  450. toolbar[iconsize="small"] #back-button {
  451.   -moz-image-region: rect(0px 24px 24px 0px);
  452. }
  453. toolbar[iconsize="small"] #back-button[buttonover="true"] {
  454.   -moz-image-region: rect(24px 24px 48px 0px);
  455. }
  456. toolbar[iconsize="small"] #back-button[disabled="true"] {
  457.   -moz-image-region: rect(48px 24px 72px 0px) !important;
  458. }
  459.  
  460. /* forward button */
  461.  
  462. toolbar[iconsize="small"] #forward-button {
  463.   -moz-image-region: rect(0px 48px 24px 24px);
  464.   padding-right: 2px;
  465. }
  466. toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  467.   -moz-image-region: rect(24px 48px 48px 24px);
  468. }
  469. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  470.    -moz-image-region: rect(48px 48px 72px 24px) !important;
  471. }
  472.  
  473. /* stop button */
  474.  
  475. toolbar[iconsize="small"] #stop-button {
  476.   -moz-image-region: rect(0px 72px 24px 48px);
  477. }
  478. toolbar[iconsize="small"] #stop-button:hover {
  479.   -moz-image-region: rect(24px 72px 48px 48px);
  480. }
  481. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  482.   -moz-image-region: rect(48px 72px 72px 48px) !important;
  483. }
  484.  
  485. /* reload button */
  486.  
  487. toolbar[iconsize="small"] #reload-button {
  488.   -moz-image-region: rect(0px 96px 24px 72px);
  489. }
  490. toolbar[iconsize="small"] #reload-button:hover {
  491.   -moz-image-region: rect(24px 96px 48px 72px);
  492. }
  493. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  494.   -moz-image-region: rect(48px 96px 72px 72px);
  495. }
  496.  
  497. /* home button */
  498.  
  499. toolbar[iconsize="small"] #home-button {
  500.   -moz-image-region: rect(0px 120px 24px 96px);
  501. }
  502. toolbar[iconsize="small"] #home-button:hover {
  503.   -moz-image-region: rect(24px 120px 48px 96px);
  504. }
  505.  
  506. /* download manager button */
  507.  
  508. toolbar[iconsize="small"] #downloads-button {
  509.   -moz-image-region: rect(0px 144px 24px 120px);
  510. }
  511. toolbar[iconsize="small"] #downloads-button:hover {
  512.   -moz-image-region: rect(24px 144px 48px 120px);
  513. }
  514. toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  515.   -moz-image-region: rect(48px 144px 72px 120px) !important;
  516. }
  517.  
  518. /* history sidebar button */
  519.  
  520. toolbar[iconsize="small"] #history-button {
  521.   -moz-image-region: rect(0px 168px 24px 144px);
  522. }
  523. toolbar[iconsize="small"] #history-button:hover {
  524.   -moz-image-region: rect(24px 168px 48px 144px);
  525. }
  526. toolbar[iconsize="small"] #history-button[disabled="true"] {
  527.   -moz-image-region: rect(48px 168px 72px 144px) !important;
  528. }
  529.  
  530. /* bookmark sidebar button */
  531.  
  532. toolbar[iconsize="small"] #bookmarks-button {
  533.   -moz-image-region: rect(0px 192px 24px 168px);
  534. }
  535. toolbar[iconsize="small"] #bookmarks-button:hover {
  536.   -moz-image-region: rect(24px 192px 48px 168px);
  537. }
  538. toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  539.   -moz-image-region: rect(48px 192px 72px 168px) !important;
  540. }
  541. toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  542.   -moz-image-region: rect(72px 192px 96px 168px) !important;
  543. }
  544.  
  545. /* print button */
  546.  
  547. toolbar[iconsize="small"] #print-button {
  548.   -moz-image-region: rect(0px 216px 24px 192px);
  549. }
  550. toolbar[iconsize="small"] #print-button:hover {
  551.   -moz-image-region: rect(24px 216px 48px 192px);
  552. }
  553. toolbar[iconsize="small"] #print-button[disabled="true"] {
  554.   -moz-image-region: rect(48px 216px 72px 192px) !important;
  555. }
  556.  
  557. /* new tab button */
  558.  
  559. toolbar[iconsize="small"] #new-tab-button {
  560.   -moz-image-region: rect(0px 240px 24px 216px);
  561. }
  562. toolbar[iconsize="small"] #new-tab-button:hover {
  563.   -moz-image-region: rect(24px 240px 48px 216px);
  564. }
  565. toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  566.   -moz-image-region: rect(48px 240px 72px 216px) !important;
  567. }
  568.  
  569. /* new window button */
  570.  
  571. toolbar[iconsize="small"] #new-window-button {
  572.   -moz-image-region: rect(0px 264px 24px 240px);
  573. }
  574. toolbar[iconsize="small"] #new-window-button:hover {
  575.   -moz-image-region: rect(24px 264px 48px 240px);
  576. }
  577. toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  578.   -moz-image-region: rect(48px 264px 72px 240px) !important;
  579. }
  580.  
  581. /* cut button */
  582.  
  583. toolbar[iconsize="small"] #cut-button {
  584.   -moz-image-region: rect(0px 288px 24px 264px);
  585. }
  586. toolbar[iconsize="small"] #cut-button:hover {
  587.   -moz-image-region: rect(24px 288px 48px 264px);
  588. }
  589. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  590.   -moz-image-region: rect(48px 288px 72px 264px) !important;
  591. }
  592.  
  593. /* copy button */
  594.  
  595. toolbar[iconsize="small"] #copy-button {
  596.   -moz-image-region: rect(0px 312px 24px 288px);
  597. }
  598. toolbar[iconsize="small"] #copy-button:hover {
  599.   -moz-image-region: rect(24px 312px 48px 288px);
  600. }
  601. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  602.   -moz-image-region: rect(48px 312px 72px 288px);
  603. }
  604.  
  605. /* paste button */
  606.  
  607. toolbar[iconsize="small"] #paste-button {
  608.   -moz-image-region: rect(0px 336px 24px 312px);
  609. }
  610. toolbar[iconsize="small"] #paste-button:hover {
  611.   -moz-image-region: rect(24px 336px 48px 312px);
  612. }
  613. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  614.   -moz-image-region: rect(48px 336px 72px 312px);
  615. }
  616.  
  617. /* mail button */
  618.  
  619. toolbar[iconsize="small"] #mail-button {
  620.   -moz-image-region: rect(0px 360px 24px 336px);
  621. }
  622. toolbar[iconsize="small"] #mail-button:hover {
  623.   -moz-image-region: rect(24px 360px 48px 336px);
  624. }
  625. toolbar[iconsize="small"] #mail-button[disabled="true"] {
  626.   -moz-image-region: rect(48px 360px 72px 336px);
  627. }
  628.  
  629.  
  630. /* ::::: fullscreen window controls ::::: */
  631.  
  632. #window-controls {
  633.   -moz-box-align: center;
  634.   padding: 0 2px 0 4px;
  635.   border-left: 2px solid;
  636.   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
  637. }
  638.  
  639. #minimize-button {
  640.   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
  641. }
  642. #restore-button {
  643.   list-style-image: url("chrome://global/skin/icons/Restore.gif");
  644. }
  645. #close-button {
  646.   list-style-image: url("chrome://global/skin/icons/Close.gif");
  647. }
  648.  
  649. /* ::::: nav-bar-inner ::::: */
  650.  
  651. #urlbar {
  652.   margin: 2px 3px;
  653. }
  654.  
  655. /* ::::: page proxy icon ::::: */
  656.  
  657. #page-proxy-deck,
  658. #page-proxy-favicon,
  659. #page-proxy-button {
  660.   width: 16px;
  661.   height: 16px;
  662. }
  663.  
  664. #page-proxy-deck {
  665.   cursor: -moz-grab;
  666.   margin: 2px 3px;
  667. }
  668.  
  669. #page-proxy-favicon {
  670.   list-style-image: none;
  671. }
  672.  
  673. #page-proxy-button {
  674.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  675.   -moz-image-region: rect(0px, 16px, 16px, 0px);}
  676.  
  677. #page-proxy-button[pageproxystate="invalid"] {
  678.   cursor: default;
  679.   -moz-image-region: rect(32px, 16px, 48px, 0px) !important;
  680. }
  681.  
  682.  
  683. statusbarpanel#statusbar-display {
  684.   padding-left: 0;
  685. }
  686.  
  687. /* ::::: autocomplete ::::: */
  688.  
  689. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  690.   color: #555566;
  691. }
  692.     
  693. /* ::::: go button ::::: */
  694.  
  695. #go-button {
  696.   list-style-image: url("chrome://browser/skin/Go.png");
  697.   -moz-image-region: rect(0px 20px 20px 0px);
  698.   padding: 2px 5px 2px 3px;
  699. }
  700.  
  701. #go-button:hover {
  702.   -moz-image-region: rect(0px 40px 20px 20px);
  703. }
  704.  
  705. #go-button:hover:active {
  706.   padding: 3px 4px 1px 4px;
  707. }
  708.  
  709. #go-button[disabled="true"] {
  710.   -moz-image-region: rect(0px 60px 20px 40px);
  711. }
  712.  
  713. #go-button > .toolbarbutton-text {
  714.   display: -moz-box !important;
  715. }
  716.  
  717. #sidebar {
  718.   background-color: Window;
  719. }
  720.  
  721. /* ::::: content area ::::: */
  722.  
  723. #status-bar {
  724.   border-top: none;
  725. }
  726.  
  727. #security-button {
  728.   list-style-image: none;
  729.   min-width: 20px;
  730.   -moz-box-direction: reverse;
  731.   display: none;
  732. }
  733.  
  734. #security-button[level="high"] {
  735.   list-style-image: url("chrome://browser/skin/Secure.png");
  736.   display: -moz-box;
  737. }
  738.  
  739. #security-button[level="low"] {
  740.   list-style-image: url("chrome://browser/skin/Secure.png");
  741.   display: -moz-box;
  742. }
  743.  
  744. #security-button[level="broken"] {
  745.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  746.   display: -moz-box;
  747. }
  748.  
  749. /* XXXsw prevent margins of a value-less label from shifting the image */
  750. #security-button > label:not([value]) {
  751.   display: none;
  752. }
  753.  
  754. #page-report-button {
  755.   list-style-image: none;
  756.   width: 20px;
  757.   display: none;
  758. }
  759.  
  760. #page-report-button[blocked] {
  761.   list-style-image: url("chrome://browser/skin/Info.png");
  762.   display: -moz-box;
  763. }
  764.  
  765. #livemark-button {
  766.   list-style-image: none;
  767.   width: 20px;
  768.   display: none;
  769. }
  770.  
  771. #livemark-button[livemarks] {
  772.   list-style-image: url("chrome://browser/skin/page-livemarks.png");
  773.   display: -moz-box;
  774. }
  775.  
  776. /* ::::: throbber ::::: */
  777.  
  778. #navigator-throbber {
  779.   -moz-appearance: none;
  780.   -moz-user-focus: ignore;
  781.   margin: 0 !important;
  782.   border: none !important;
  783.   padding: 0px !important;
  784.   min-width: 0;
  785.   background-color: transparent;
  786.   list-style-image: url("chrome://browser/skin/Throbber-small.png");
  787. }
  788.  
  789. #navigator-throbber[busy="true"] {
  790.   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  791.   -moz-opacity: 0.5;
  792. }
  793.  
  794. toolbar[iconsize="small"] #navigator-throbber,
  795. toolbar[mode="text"] #navigator-throbber {
  796.   list-style-image: url("chrome://browser/skin/Throbber-small.png");
  797. }
  798. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  799. toolbar[mode="text"] #navigator-throbber[busy="true"] {
  800.   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  801.   -moz-opacity: 0.5;
  802. }
  803.  
  804. .tabs-closebutton > .toolbarbutton-icon {
  805.   margin-right: 0px !important;
  806.   padding-right: 2px !important;
  807.   padding-left: 2px !important;
  808. }
  809.  
  810. .tabs-closebutton {
  811.   list-style-image: url("chrome://global/skin/icons/close.png");
  812.   -moz-appearance: none;
  813.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  814.   padding: 4px 2px;
  815.   border: none !important;
  816. }
  817.  
  818. .tabs-closebutton:hover {
  819.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  820. }
  821.  
  822. .tabs-closebutton:hover:active {
  823.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  824. }
  825.  
  826. #sidebar-box .tabs-closebutton {
  827.   margin-bottom: 0px !important;
  828.   padding: 0px 2px 0px 2px !important;
  829. }
  830.  
  831. #FindToolbar > .tabs-closebutton {
  832.     border: 1px solid transparent;
  833.   padding: 3px 2px 4px 2px !important;
  834. }
  835.  
  836. toolbarbutton.chevron {
  837.   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  838. }
  839.  
  840. toolbarbutton.chevron > .toolbarbutton-text {
  841.   display: none; /* hide chevron label */
  842. }
  843.  
  844. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  845.   display: none;
  846. }
  847.  
  848. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  849.   display: -moz-box; /* display chevron icon in text mode */
  850. }
  851.  
  852. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  853.   display: -moz-box;
  854. }
  855.  
  856. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  857.    display: none;
  858. }
  859.  
  860. #sidebar-throbber[loading="true"] {
  861.   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  862.   -moz-opacity: 0.5;
  863.   margin-right: 4px;
  864. }
  865.  
  866. #urlbar[level="high"] > .autocomplete-textbox-container,
  867. #urlbar[level="low"] > .autocomplete-textbox-container,
  868. #urlbar[level="broken"] > .autocomplete-textbox-container {
  869.   background-color: #F5F6BE; /* #F7F898; */
  870.   color: #000000;
  871.   -moz-appearance: none;
  872. }
  873.  
  874. #urlbar[level="high"] > .autocomplete-textbox-container > .info-icon {
  875.   list-style-image: url("chrome://browser/skin/Secure.png");
  876. }
  877. #urlbar[level="low"] > .autocomplete-textbox-container > .info-icon {
  878.   list-style-image: url("chrome://browser/skin/Secure.png");
  879. }
  880. #urlbar[level="broken"] > .autocomplete-textbox-container > .info-icon {
  881.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  882. }
  883.  
  884.