home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 October / Gamestar_77_2005-10_dvd.iso / Programy / nsb-install-8-0.exe / chrome / winscape.jar / skin / winscape / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-07-29  |  74.2 KB  |  2,558 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 i
  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. /* ::::: Main window and titlebar ::::: */
  47.  
  48. #topbox {
  49.         
  50. }
  51.  
  52. #titlebar {
  53.     display: none;
  54. }
  55. window[chromehidden~="toolbar"] #titlebar {
  56.     padding-left: 20px;
  57. }
  58.  
  59. #throbber-box {
  60.     list-style-image: url("chrome://browser/skin/throbber16-single.gif");
  61. }
  62. window[chromehidden~="toolbar"] #throbber-box {
  63.     display: none;
  64. }
  65. #throbber-box titlebar {
  66.     -moz-box-orient: vertical;
  67. }
  68.  
  69. /*window[chromehidden~="toolbar"] #throbber-button {
  70.     list-style-image: url("chrome://browser/skin/throbber16-single.gif");
  71. }
  72.  
  73. window[chromehidden~="toolbar"] #throbber-button[busy="true"] {
  74.     list-style-image: url("chrome://browser/skin/throbber16-anim.gif");
  75. }
  76. */
  77.  
  78. #titlebar #titlebar-title {
  79.     font-family: "Trebuchet MS", Arial, sans-serif;
  80.     font-weight: bold;
  81.     font-size: 10pt;
  82.     color: #026b86;
  83.     margin: 2px 4px 0px 5px;
  84. }
  85. #titlebar .titlebar-menu-stack {
  86.     background: black;
  87.     border-bottom: 2px solid;
  88.     
  89. }
  90.  
  91. .toolbar-primary {
  92.   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-overflow");
  93. }
  94.  
  95. *[toolbaroverflow="true"] {
  96.     visibility: hidden !important;
  97. }
  98.  
  99. *[toolbaroverflow="true"] * {
  100.     visibility: hidden !important;
  101. }
  102.  
  103.  /*#nav-bar {
  104.      border-bottom: 2px solid  border-color: ThreeDHighlight ThreeDShadow;
  105.  }*/
  106.  
  107. .toolbarbutton-1, 
  108. .toolbarbutton-1 toolbarbutton,
  109.  toolbarbutton.bookmark-item,
  110.  #search-button,
  111.  #go-button {
  112.   -moz-appearance: toolbarbutton;
  113.   -moz-box-align: center;
  114.   -moz-box-pack: center;
  115.   margin: 0;
  116.   border: 1px solid transparent;
  117.   padding: 2px;
  118.   background-color: transparent;
  119.   color: -moz-DialogText;
  120. }
  121.  
  122. .toolbarbutton-1 .toolbarbutton-icon {
  123.   margin-right: 5px;
  124. }
  125.  
  126. .toolbarbutton-1 .toolbarbutton-text {
  127.   margin: 0 !important;
  128.   text-align: center;
  129. }
  130.  
  131. .toolbarbutton-1:hover,
  132. .toolbarbutton-1 toolbarbutton:hover,
  133. .toolbarbutton-1  toolbarbutton[buttonover="true"] {
  134.   border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
  135. }
  136.  
  137. .toolbarbutton-1  toolbarbutton:hover:active,
  138. .toolbarbutton-1  toolbarbutton[open="true"] {
  139.   border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
  140.   padding: 3px 1px 1px 3px;
  141.   /*padding: 5px 3px 3px 5px;*/
  142. }
  143.  
  144. .toolbarbutton-1 toolbarbutton[disabled="true"],
  145. .toolbarbutton-1 toolbarbutton[disabled="true"]:hover,
  146. .toolbarbutton-1 toolbarbutton[disabled="true"]:hover:active,
  147. .toolbarbutton-1 toolbarbutton[disabled="true"][open="true"] {
  148.   border-color: transparent;
  149.   padding: 2px;
  150.   color: GrayText !important;
  151. }
  152.  
  153. /* Special case for stop/reload button in text mode so that it does not cause
  154.    the other toolbar items to shift when the text changes from stop to reload */
  155.    
  156. toolbar[mode="text"] #stop-reload-button,
  157. toolbar[mode="full"][iconsize="small"] #stop-reload-button{
  158.     min-width: 45px !important;
  159. }
  160.  
  161. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  162.   display: -moz-box; /* display chevron icon in text mode */
  163. }
  164.  
  165.  
  166. #toolbar[mode="full"] #stop-reload-button {
  167.     min-width: 65px !important;
  168. }
  169.  
  170. /*
  171. #nav-bar[mode="text"] toolbarbutton[disabled="true"] .toolbarbutton-text {
  172.     padding-top: 5px !important;
  173.  
  174. }
  175. */
  176.  
  177. toolbar[mode="text"] {
  178.     -moz-box-align: center !important;
  179. }
  180.  
  181. [mode="text"] .toolbarbutton-icon {
  182.     display: none;
  183. }
  184.  
  185. /*#nav-bar .toolbarbutton-menubutton-dropmarker {
  186.     -moz-box-align: center !important;
  187. }*/
  188.  
  189. [mode="text"] .toolbarbutton-menubutton-dropmarker {
  190.     -moz-box-align: center !important;
  191. } 
  192.  
  193. #nav-bar[mode="text"] .toolbarbutton-text {
  194.   padding: 0 !important;
  195.   margin: 3px 5px !important;
  196. }
  197.  
  198.  
  199. /* ..... end toolbar buttons ..... */
  200.  
  201.  
  202. toolbox .titlebar-menu-stack {
  203.     /* use standard windows menu background */
  204. }
  205.  
  206. .titlebar-left-margin {
  207.     width: 60px !important;
  208. }
  209.  
  210. .toolbar-left-margin {
  211.     padding-left: 0px !important;
  212. }
  213.  
  214. .chromeclass-toolbar[ordinal="1"] .toolbar-left-margin,
  215. .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[ordinal="2"] .toolbar-left-margin,
  216. .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[ordinal="3"] .toolbar-left-margin,
  217. .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[ordinal="4"] .toolbar-left-margin,
  218. .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[hidden="true"] + .chromeclass-toolbar[ordinal="5"] .toolbar-left-margin {
  219.     padding-left: 0px !important;
  220. }
  221.  
  222. #titlebar #menu-label {
  223.     /*RP
  224.     color: #999999;
  225.     */
  226. }
  227. #titlebar #titlebar-separator {
  228.     width: 153px;
  229. }
  230.  
  231. #titlebar menubar > menu {
  232.  
  233. }
  234.  
  235. #titlebar .toolbar-overflow-button {
  236.     display: none !important;
  237. }
  238.  
  239. browser {
  240.     background-color: white;
  241. }
  242.  
  243.  
  244. #PersonalToolbar {
  245.   min-height: 26px;
  246. }
  247.  
  248. /* ::::: bookmark buttons ::::: */
  249.  
  250. /*
  251. toolbarbutton.bookmark-item {
  252.   margin: 0;
  253.   min-width: 0;
  254.   max-width: 13em;
  255.   padding: 2px 3px;
  256. }
  257.  
  258. toolbarbutton.bookmark-item:hover {
  259.     text-decoration: underline;
  260.     cursor: pointer;
  261. }
  262.  
  263. toolbarbutton.bookmark-item:hover:active,
  264. toolbarbutton.bookmark-item[open="true"] {
  265.   padding: 3px 2px 1px 4px;
  266. }
  267. */
  268. .bookmark-item > .toolbarbutton-icon {
  269.   width: 16px;
  270.   height: 16px;
  271. }
  272.  
  273. /* Prevent [mode="icons"] from hiding the label */
  274. .bookmark-item > .toolbarbutton-text {
  275.   display: -moz-box !important;
  276. }
  277.  
  278. .bookmark-item > .toolbarbutton-menu-dropmarker {
  279.   display: none;
  280. }
  281.  
  282. #wrapper-personal-bookmarks .toolbarpaletteitem-box {
  283.   width: 16px;
  284.   height: 16px;
  285.   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important;
  286. }
  287.  
  288. .bookmarks-toolbar-customize {
  289.   display: none;
  290.   max-width: 15em !important;
  291. }
  292.  
  293. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  294.   display: -moz-box;
  295. }
  296.  
  297. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  298.   visibility: hidden;
  299. }
  300.  
  301. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  302.   visibility: hidden;
  303. }
  304.  
  305.  
  306. /* ::::: Navigation buttons ::::: */
  307.  
  308.  
  309. /* Back button */
  310.  
  311. [iconsize="large"] #back-button {
  312.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  313.     -moz-image-region: rect(32px, 32px, 64px, 0px);
  314. }
  315. [iconsize="large"] #back-button:hover {
  316.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  317.     -moz-image-region: rect(64px, 32px, 96px, 0px);
  318. }
  319. [iconsize="large"] #back-button:hover :active {
  320.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  321.     -moz-image-region: rect(96px, 32px, 128px, 0px);
  322. }
  323. [iconsize="large"] #back-button[disabled="true"],
  324. [iconsize="large"] #back-button[disabled="true"] :active {
  325.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  326.     -moz-image-region: rect(0px, 32px, 32px, 0px) !important;
  327. }
  328. [mode="full"][iconsize="small"] #back-button .toolbarbutton-text {
  329.     /*display: none;*/
  330. }
  331. #back-button .toolbarbutton-menubutton-dropmarker {
  332.     /*margin-left: -8px;*/
  333. }
  334. [iconsize="small"] #back-button {
  335.     list-style-image: url("chrome://browser/skin/icons/nav_small.png");
  336.     -moz-image-region: rect(23px, 23px, 46px, 0px);
  337. }
  338. [iconsize="small"] #back-button:hover {
  339.     -moz-image-region: rect(46px, 23px, 69px, 0px);
  340. }
  341. [iconsize="small"] #back-button:hover :active {
  342.     -moz-image-region: rect(69px, 23px, 92px, 0px);
  343. }
  344. [iconsize="small"] #back-button[disabled="true"] {
  345.     -moz-image-region: rect(0px, 23px, 23px, 0px);
  346. }
  347. toolbarpaletteitem[place="palette"] #back-button {
  348.     list-style-image: url("chrome://browser/skin/icons/nav_large.png") !important;
  349.     -moz-image-region: rect(32px, 32px, 64px, 0px) !important;
  350. }
  351.  
  352.  
  353. /* Forward button */
  354.  
  355. [iconsize="large"] #forward-button {
  356.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  357.     -moz-image-region: rect(32px, 64px, 64px, 32px);
  358. }
  359. [iconsize="large"] #forward-button:hover {
  360.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  361.     -moz-image-region: rect(64px, 64px, 96px, 32px);
  362. }
  363. [iconsize="large"] #forward-button:hover :active {
  364.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  365.     -moz-image-region: rect(96px, 64px, 128px, 32px);
  366. }
  367. [iconsize="large"] #forward-button[disabled="true"],
  368. [iconsize="large"] #forward-button[disabled="true"] :active {
  369.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  370.     -moz-image-region: rect(0px, 64px, 32px, 32px);
  371. }
  372. [mode="full"][iconsize="small"] #forward-button .toolbarbutton-text {
  373.     /*display: none;*/
  374. }
  375. [mode="icons"] #forward-button .toolbarbutton-menubutton-dropmarker {
  376.     /*margin-left: -8px;*/
  377. }
  378. [iconsize="small"] #forward-button {
  379.     list-style-image: url("chrome://browser/skin/icons/nav_small.png");
  380.     -moz-image-region: rect(23px, 46px, 46px, 23px);
  381. }
  382. [iconsize="small"] #forward-button:hover {
  383.     -moz-image-region: rect(46px, 46px, 69px, 23px);
  384. }
  385. [iconsize="small"] #forward-button:hover :active {
  386.     -moz-image-region: rect(69px, 46px, 92px, 23px);
  387. }
  388. [iconsize="small"] #forward-button[disabled="true"] {
  389.     -moz-image-region: rect(0px, 46px, 23px, 23px);
  390. }
  391. toolbarpaletteitem[place="palette"] #forward-button {
  392.     list-style-image: url("chrome://browser/skin/icons/nav_large.png") !important;
  393.     -moz-image-region: rect(32px, 64px, 64px, 32px) !important;
  394. }
  395.  
  396.  
  397. /* Stop-Reload button */
  398.  
  399. #stop-reload-button,
  400. [mode="full"][iconsize="small"] #stop-reload-button {
  401.     /*margin-left: -3px;
  402.     margin-right: 5px;
  403. }
  404. [mode="full"][iconsize="small"] #stop-reload-button .toolbarbutton-text {
  405.     /*display: none;*/
  406. }
  407. toolbarpaletteitem[place="palette"] #stop-reload-button {
  408.     list-style-image: url("chrome://browser/skin/icons/nav_large.png") !important;
  409.     -moz-image-region: rect(32px, 128px, 64px, 96px) !important;
  410. }
  411.  
  412. /* JCH: Modify position of text */
  413. [mode="text"] #stop-reload-button {
  414.     /*padding-top: 16px !important;*/
  415. }
  416.  
  417. /* Reload button */
  418.  
  419. [iconsize="large"] #reload-button,
  420. [iconsize="large"] #stop-reload-button {
  421.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  422.     -moz-image-region: rect(32px, 128px, 64px, 96px);
  423. }
  424. [iconsize="large"] #reload-button:hover,
  425. [iconsize="large"] #stop-reload-button:hover {
  426.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  427.     -moz-image-region: rect(64px, 128px, 96px, 96px);
  428. }
  429. [iconsize="large"] #reload-button:hover :active,
  430. [iconsize="large"] #stop-reload-button:hover :active {
  431.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  432.     -moz-image-region: rect(96px, 128px, 128px, 96px);
  433. }
  434. [iconsize="small"] #reload-button,
  435. [iconsize="small"] #stop-reload-button {
  436.     list-style-image: url("chrome://browser/skin/icons/nav_small.png");
  437.     -moz-image-region: rect(23px, 92px, 46px, 69px);
  438. }
  439. [iconsize="small"] #reload-button:hover,
  440. [iconsize="small"] #stop-reload-button:hover {
  441.     -moz-image-region: rect(46px, 92px, 69px, 69px);
  442. }
  443. [iconsize="small"] #reload-button:hover :active,
  444. [iconsize="small"] #stop-reload-button:hover :active {
  445.     -moz-image-region: rect(69px, 92px, 92px, 69px);
  446. }
  447.  
  448.  
  449. /* Stop button */
  450.  
  451. [iconsize="large"] #stop-button,
  452. [iconsize="large"] #stop-reload-button[state="stop"] {
  453.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  454.     -moz-image-region: rect(32px, 96px, 64px, 64px);
  455. }
  456. [iconsize="large"] #stop-button:hover,
  457. [iconsize="large"] #stop-reload-button:hover[state="stop"] {
  458.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  459.     -moz-image-region: rect(64px, 96px, 96px, 64px);
  460. }
  461. [iconsize="large"] #stop-button:hover :active,
  462. [iconsize="large"] #stop-reload-button:hover :active[state="stop"] {
  463.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  464.     -moz-image-region: rect(96px, 96px, 128px, 64px);
  465. }
  466. [iconsize="large"] #stop-button[disabled="true"],
  467. [iconsize="large"] #stop-reload-button[disabled="true"][state="stop"] {
  468.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  469.     -moz-image-region: rect(0px, 96px, 32px, 64px);
  470. }
  471. [iconsize="small"] #stop-button,
  472. [iconsize="small"] #stop-reload-button[state="stop"] {
  473.     list-style-image: url("chrome://browser/skin/icons/nav_small.png");
  474.     -moz-image-region: rect(23px, 69px, 46px, 46px);
  475. }
  476. [iconsize="small"] #stop-button:hover,
  477. [iconsize="small"] #stop-reload-button:hover[state="stop"] {
  478.     -moz-image-region: rect(46px, 69px, 69px, 46px);
  479. }
  480. [iconsize="small"] #stop-button:hover :active,
  481. [iconsize="small"] #stop-reload-button:hover :active[state="stop"] {
  482.     -moz-image-region: rect(69px, 69px, 92px, 46px);
  483. }
  484. [iconsize="small"] #stop-button[disabled="true"],
  485. [iconsize="small"] #stop-reload-button[disabled="true"][state="stop"] {
  486.     -moz-image-region: rect(0px, 69px, 23px, 46px);
  487. }
  488.  
  489.  
  490. /* Home button */
  491.  
  492. [iconsize="large"] #home-button  {
  493.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  494.     -moz-image-region: rect(32px, 160px, 64px, 128px);
  495. }
  496. [iconsize="large"] #home-button:hover {
  497.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  498.     -moz-image-region: rect(64px, 160px, 96px, 128px);
  499. }
  500. [iconsize="large"] #home-button:hover :active {
  501.     list-style-image: url("chrome://browser/skin/icons/nav_large.png");
  502.     -moz-image-region: rect(96px, 160px, 128px, 128px);
  503. }
  504. [mode="full"][iconsize="small"] #home-button .toolbarbutton-text {
  505.     /*display: none;*/
  506. }
  507. [mode="icons"] #home-button .toolbarbutton-menubutton-dropmarker {
  508.     /*margin-left: -8px;*/
  509. }
  510. [mode="full"] #home-button .toolbarbutton-menubutton-dropmarker {
  511.     /*margin-left: -2px;*/
  512. }
  513. [iconsize="small"] #home-button {
  514.     list-style-image: url("chrome://browser/skin/icons/nav_small.png");
  515.     -moz-image-region: rect(23px, 115px, 46px, 92px);
  516. }
  517. [iconsize="small"] #home-button:hover {
  518.     -moz-image-region: rect(46px, 115px, 69px, 92px);
  519. }
  520. [iconsize="small"] #home-button:hover:active {
  521.     -moz-image-region: rect(69px, 115px, 92px, 92px);
  522. }
  523. toolbarpaletteitem[place="palette"] #home-button {
  524.     list-style-image: url("chrome://browser/skin/icons/nav_large.png") !important;
  525.     -moz-image-region: rect(32px, 160px, 64px, 128px) !important;
  526. }
  527.  
  528.  
  529. /* Form fill button */
  530.  
  531. [iconsize="large"] #autofill-button {
  532.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  533.     -moz-image-region: rect(32px, 96px, 64px, 64px);
  534. }
  535. [iconsize="large"] #autofill-button:hover {
  536.     -moz-image-region: rect(64px, 96px, 96px, 64px);
  537. }
  538. [iconsize="large"] #autofill-button:hover toolbarbutton:active {
  539.     -moz-image-region: rect(96px, 96px, 128px, 64px);
  540. }
  541. [iconsize="large"] #autofill-button[disabled="true"] {
  542.     -moz-image-region: rect(0px, 96px, 32px, 64px);
  543. }
  544. [mode="icons"] #autofill-button .toolbarbutton-menubutton-dropmarker {
  545.     /*margin-left: -6px;*/
  546. }
  547. [iconsize="small"] #autofill-button {
  548.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  549.     -moz-image-region: rect(23px, 69px, 46px, 46px);
  550. }
  551. [iconsize="small"] #autofill-button:hover {
  552.     -moz-image-region: rect(46px, 69px, 69px, 46px);
  553. }
  554. [iconsize="small"] #autofill-button:hover toolbarbutton:active {
  555.     -moz-image-region: rect(69px, 69px, 92px, 46px);
  556. }
  557. [iconsize="small"] #autofill-button[disabled="true"] {
  558.     -moz-image-region: rect(0px, 69px, 23px, 46px);
  559. }
  560. toolbarpaletteitem[place="palette"] #autofill-button {
  561.     list-style-image: url("chrome://browser/skin/icons/functional_large.png") !important;
  562.     -moz-image-region: rect(32px, 96px, 64px, 64px) !important;
  563. }
  564.  
  565. #autofill-button {
  566.     margin-right: 3px;
  567. }
  568.  
  569. /* Passcard button */
  570.  
  571. [iconsize="large"] #passcard-button {
  572.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  573.     -moz-image-region: rect(32px, 128px, 64px, 96px);
  574. }
  575. [iconsize="large"] #passcard-button[match="true"] toolbarbutton {
  576.     background-color: #c8e3eb;
  577.     -moz-border-radius: 5px;
  578. }
  579. [iconsize="large"] #passcard-button:hover {
  580.     -moz-image-region: rect(64px, 128px, 96px, 96px);
  581. }
  582. [iconsize="large"] #passcard-button:hover toolbarbutton:active {
  583.     -moz-image-region: rect(96px, 128px, 128px, 96px);
  584. }
  585. [iconsize="large"] #passcard-button[disabled="true"] {
  586.     -moz-image-region: rect(0px, 128px, 32px, 96px);
  587. }
  588. [mode="icons"] #passcard-button .toolbarbutton-menubutton-dropmarker {
  589.     /*margin-left: -6px;*/
  590. }
  591. [iconsize="small"] #passcard-button {
  592.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  593.     -moz-image-region: rect(23px, 92px, 46px, 69px);
  594. }
  595. [iconsize="small"] #passcard-button:hover {
  596.     -moz-image-region: rect(46px, 92px, 69px, 69px);
  597. }
  598. [iconsize="small"] #passcard-button:hover toolbarbutton:active {
  599.     -moz-image-region: rect(69px, 92px, 92px, 69px);
  600. }
  601. [iconsize="small"] #passcard-button[disabled="true"] {
  602.     -moz-image-region: rect(0px, 92px, 23px, 69px);
  603. }
  604. toolbarpaletteitem[place="palette"] #passcard-button {
  605.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  606.     -moz-image-region: rect(32px, 128px, 64px, 96px);
  607. }
  608.  
  609.  
  610. /* Combined Passcard-Datacard button */
  611.  
  612. [iconsize="large"] #combined-autofill-button {
  613.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  614.     -moz-image-region: rect(32px, 96px, 64px, 64px);
  615. }
  616. [iconsize="large"] #combined-autofill-button:hover {
  617.     -moz-image-region: rect(64px, 96px, 96px, 64px);
  618. }
  619. [iconsize="large"] #combined-autofill-button:hover toolbarbutton:active {
  620.     -moz-image-region: rect(96px, 96px, 128px, 64px);
  621. }
  622. [iconsize="large"] #combined-autofill-button[disabled="true"] {
  623.     -moz-image-region: rect(0px, 96px, 32px, 64px);
  624. }
  625. [mode="icons"] #combined-autofill-button .toolbarbutton-menubutton-dropmarker {
  626.     /*margin-left: -6px;*/
  627. }
  628. [iconsize="small"] #combined-autofill-button {
  629.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  630.     -moz-image-region: rect(23px, 69px, 46px, 46px);
  631. }
  632. [iconsize="small"] #combined-autofill-button:hover {
  633.     -moz-image-region: rect(46px, 69px, 69px, 46px);
  634. }
  635. [iconsize="small"] #combined-autofill-button:hover toolbarbutton:active {
  636.     -moz-image-region: rect(69px, 69px, 92px, 46px);
  637. }
  638. [iconsize="small"] #combined-autofill-button[disabled="true"] {
  639.     -moz-image-region: rect(0px, 69px, 23px, 46px);
  640. }
  641. toolbarpaletteitem[place="palette"] #combined-autofill-button {
  642.     list-style-image: url("chrome://browser/skin/icons/functional_large.png") !important;
  643.     -moz-image-region: rect(32px, 96px, 64px, 64px) !important;
  644. }
  645.  
  646. #combined-autofill-button {
  647.     margin-right: 3px;
  648. }
  649.  
  650.  
  651. /********** Popup-blocker button **********/
  652.  
  653. /***** Align button elements vertically *****/
  654.  
  655. #popupblocker-button toolbarbutton {
  656.     -moz-box-orient: vertical !important;
  657.     -moz-box-align:  center      !important;
  658.     -moz-box-pack:   center      !important;
  659. }
  660.  
  661. /***** Handle functionality when large icon is used *****/
  662.  
  663. [iconsize="large"] #popupblocker-button {
  664.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  665.     -moz-image-region: rect(32px, 32px, 64px, 0px);
  666. }
  667. [iconsize="large"] #popupblocker-button:hover {
  668.     -moz-image-region: rect(64px, 32px, 96px, 0px);
  669. }
  670.  
  671. [iconsize="large"] #popupblocker-button:hover toolbarbutton:active {
  672.     -moz-image-region: rect(96px, 32px, 128px, 0px);
  673. }
  674. [iconsize="large"] #popupblocker-button[popupblocking="on"] {
  675.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  676.     -moz-image-region: rect(32px, 64px, 64px, 32px);
  677. }
  678. [iconsize="large"] #popupblocker-button[popupblocking="on"]:hover {
  679.     -moz-image-region: rect(64px, 64px, 96px, 32px);
  680. }
  681.  
  682. [iconsize="large"] #popupblocker-button[popupblocking="on"]:hover toolbarbutton:active {
  683.     -moz-image-region: rect(96px, 64px, 128px, 32px);
  684. }
  685.  
  686. /***** Handle functionality when small icon is used *****/
  687.  
  688. [iconsize="small"] #popupblocker-button {
  689.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  690.     -moz-image-region: rect(23px, 23px, 46px, 0px);
  691. }
  692. [iconsize="small"] #popupblocker-button:hover {
  693.     -moz-image-region: rect(46px, 23px, 69px, 0px);
  694. }
  695. [iconsize="small"] #popupblocker-button:hover toolbarbutton:active {
  696.     -moz-image-region: rect(69px, 23px, 92px, 0px);
  697. }
  698. [iconsize="small"] #popupblocker-button[popupblocking="on"] {
  699.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  700.     -moz-image-region: rect(23px, 46px, 46px, 23px);
  701. }
  702. [iconsize="small"] #popupblocker-button[popupblocking="on"]:hover {
  703.     -moz-image-region: rect(46px, 46px, 69px, 23px);
  704. }
  705. [iconsize="small"] #popupblocker-button[popupblocking="on"]:hover toolbarbutton:active {
  706.     -moz-image-region: rect(69px, 46px, 92px, 23px);
  707. }
  708.  
  709. /***** Case: Icons + large + count -> use small icon *****/
  710.  
  711. toolbar[mode="icons"][iconsize="large"] #popupblocker-button[showCount="true"] {
  712.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  713.     -moz-image-region: rect(23px, 23px, 46px, 0px);
  714. }
  715.  
  716. toolbar[mode="icons"][iconsize="large"] #popupblocker-button[showCount="true"]:hover {
  717.     -moz-image-region: rect(46px, 23px, 69px, 0px);
  718. }
  719. toolbar[mode="icons"][iconsize="large"] #popupblocker-button[showCount="true"]:hover toolbarbutton:active {
  720.     -moz-image-region: rect(69px, 23px, 92px, 0px);
  721. }
  722.  
  723. toolbar[mode="icons"][iconsize="large"] #popupblocker-button[popupblocking="on"][showCount="true"] {
  724.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  725.     -moz-image-region: rect(23px, 46px, 46px, 23px);
  726. }
  727. toolbar[mode="icons"][iconsize="large"] #popupblocker-button[popupblocking="on"][showCount="true"]:hover {
  728.     -moz-image-region: rect(46px, 46px, 69px, 23px);
  729. }
  730. toolbar[mode="icons"][iconsize="large"] #popupblocker-button[popupblocking="on"][showCount="true"]:hover toolbarbutton:active {
  731.     -moz-image-region: rect(69px, 46px, 92px, 23px);
  732. }
  733.  
  734. /***** Case: Show text *****/
  735.  
  736. [mode="full"] #popupblocker-button .toolbarbutton-text,
  737. [mode="text"] #popupblocker-button .toolbarbutton-text {
  738.     display: -moz-box !important;
  739. }
  740.  
  741. #popupblocker-button[showCount="true"] .toolbarbutton-text {
  742.     display: -moz-box !important;
  743. }
  744.  
  745. /***** Case: Handle palette behaviour *****/
  746.  
  747. toolbarpaletteitem[place="palette"] #popupblocker-button {
  748.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  749.     -moz-image-region: rect(32px, 32px, 64px, 0px);
  750. }
  751.  
  752. /***** ICONS + LARGE *****/
  753.  
  754. /***** Case: Icons + large + block *****/
  755.  
  756. [mode="icons"][iconsize="large"] #popupblocker-button[popupDetected="true"] {
  757.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  758.     -moz-image-region: rect(32px, 288px, 64px, 256px);
  759. }
  760.  
  761. /***** Case: Icons + large + block + count *****/
  762.  
  763. [mode="icons"][iconsize="large"] #popupblocker-button[popupDetected="true"][showCount="true"] > toolbarbutton {
  764.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  765.     -moz-image-region: rect(23px, 207px, 46px, 184px);
  766. }
  767.  
  768. /***** ICONS + SMALL *****/
  769.  
  770. /***** Case: Icons + small + block *****/
  771.  
  772. [mode="icons"][iconsize="small"] #popupblocker-button[popupDetected="true"] {
  773.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  774.     -moz-image-region: rect(23px, 207px, 46px, 184px);
  775. }
  776.  
  777. /***** FULL + LARGE *****/
  778.  
  779. /***** Case: Full + large + block *****/
  780.  
  781. [mode="full"][iconsize="large"] #popupblocker-button[popupDetected="true"] {
  782.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  783.     -moz-image-region: rect(32px, 288px, 64px, 256px);
  784. }
  785.  
  786. /***** FULL + SMALL *****/
  787.  
  788. /***** Case: Full + small + block *****/
  789.  
  790. [mode="full"][iconsize="small"] #popupblocker-button[popupDetected="true"] {
  791.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  792.     -moz-image-region: rect(23px, 207px, 46px, 184px);
  793. }
  794.  
  795. /********** Pop-up blocking button dialog **********/
  796.  
  797. #pbbSCcheckbox {
  798.     border-style: none;
  799. }
  800. #pbbBox .groupbox-body {
  801.     padding: 3px;
  802. }
  803. #pbbSCinfoblurb {
  804.     -moz-box-orient: horizontal;
  805. }
  806. #pbbBoxImage {
  807.     margin-top:3px;
  808.     list-style-image: url("chrome://browser/skin/icons/combined-trust-generic.gif");
  809. }
  810.  
  811.  
  812. /* Clear histories button */
  813. [iconsize="large"] #clearhistories-button {
  814.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  815. }
  816. [iconsize="large"] #clearhistories-button[historyEmpty="false"] {
  817.     -moz-image-region: rect(32px, 160px, 64px, 128px);
  818. }
  819. [iconsize="large"] #clearhistories-button[historyEmpty="false"]:hover {
  820.     -moz-image-region: rect(64px, 160px, 96px, 128px);
  821. }
  822. [iconsize="large"] #clearhistories-button[historyEmpty="false"]:hover:active {
  823.     -moz-image-region: rect(96px, 160px, 128px, 128px);
  824. }
  825. [iconsize="large"] #clearhistories-button[historyEmpty="true"] {
  826.     -moz-image-region: rect(32px, 224px, 64px, 192px);
  827. }
  828. [iconsize="large"] #clearhistories-button[historyEmpty="true"]:hover {
  829.     -moz-image-region: rect(64px, 224px, 96px, 192x);
  830. }
  831. [iconsize="large"] #clearhistories-button[historyEmpty="true"]:hover:active {
  832.     -moz-image-region: rect(96px, 224px, 128px, 192px);
  833. }
  834. [iconsize="large"] #clearhistories-button[historyEmpty="anon"] {
  835.     -moz-image-region: rect(32px, 224px, 64px, 192px);
  836. }
  837. [iconsize="large"] #clearhistories-button[historyEmpty="anon"]:hover {
  838.     -moz-image-region: rect(64px, 224px, 96px, 192px);
  839. }
  840. [iconsize="large"] #clearhistories-button[historyEmpty="anon"]:hover:active {
  841.     -moz-image-region: rect(96px, 224px, 128px, 192px);
  842. }
  843.  
  844. [iconsize="small"] #clearhistories-button {
  845.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  846. }
  847.  
  848. [iconsize="small"] #clearhistories-button[historyEmpty="false"] {
  849.     -moz-image-region: rect(23px, 115px, 46px, 92px);
  850. }
  851. [iconsize="small"] #clearhistories-button[historyEmpty="false"]:hover {
  852.     -moz-image-region: rect(46px, 115px, 69px, 92px);
  853. }
  854. [iconsize="small"] #clearhistories-button[historyEmpty="false"]:hover:active {
  855.     -moz-image-region: rect(69px, 115px, 92px, 92px);
  856. }
  857. [iconsize="small"] #clearhistories-button[historyEmpty="true"] {
  858.     -moz-image-region: rect(23px, 115px, 46px, 92px);
  859. }
  860. [iconsize="small"] #clearhistories-button[historyEmpty="true"]:hover {
  861.     -moz-image-region: rect(46px, 115px, 69px, 92px);
  862. }
  863. [iconsize="small"] #clearhistories-button[historyEmpty="true"]:hover:active {
  864.     -moz-image-region: rect(69px, 115px, 92px, 92px);
  865. }
  866. [iconsize="small"] #clearhistories-button[historyEmpty="anon"] {
  867.     -moz-image-region: rect(23px, 161px, 46px, 138px);
  868. }
  869. [iconsize="small"] #clearhistories-button[historyEmpty="anon"]:hover {
  870.     -moz-image-region: rect(46px, 161px, 69px, 138px);
  871. }
  872. [iconsize="small"] #clearhistories-button[historyEmpty="anon"]:hover:active {
  873.     -moz-image-region: rect(69px, 161px, 92px, 138px);
  874. }
  875.  
  876.  
  877. toolbarpaletteitem[place="palette"] #clearhistories-button {
  878.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  879.     -moz-image-region: rect(32px, 160px, 64px, 128px);
  880. }
  881.  
  882. /* JCH: Modify position of text */
  883. [mode="text"] #clearhistories-button {
  884.     /*padding-top: 16px !important;*/
  885. }
  886.  
  887. #clearhistories-button {
  888.     margin-right: 5px;
  889. }
  890.  
  891. /* Print button */
  892.  
  893. [iconsize="large"] #print-button {
  894.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  895.     -moz-image-region: rect(32px, 256px, 64px, 224px);
  896. }
  897. [iconsize="large"] #print-button:hover {
  898.     -moz-image-region: rect(64px, 256px, 96px, 224px);
  899. }
  900. [iconsize="large"] #print-button:hover toolbarbutton:active {
  901.     -moz-image-region: rect(96px, 256px, 128px, 224px);
  902. }
  903. [iconsize="large"] #print-button[disabled="true"] {
  904.     -moz-image-region: rect(0px, 256px, 32px, 224px);
  905. }
  906. [mode="icons"] #print-button .toolbarbutton-menubutton-dropmarker {
  907.     margin-left: 0px;
  908. }
  909. [mode="full"] #print-button .toolbarbutton-menubutton-dropmarker {
  910.     /*margin-left: -2px;*/
  911. }
  912. [iconsize="small"] #print-button {
  913.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  914.     -moz-image-region: rect(23px, 183px, 46px, 160px);
  915. }
  916. [iconsize="small"] #print-button:hover {
  917.     -moz-image-region: rect(46px, 183px, 69px, 160px);
  918. }
  919. [iconsize="small"] #print-button:hover toolbarbutton:active {
  920.     -moz-image-region: rect(69px, 183px, 92px, 160px);
  921. }
  922. [iconsize="small"] #print-button[disabled="true"] {
  923.     -moz-image-region: rect(0px, 183px, 23px, 160px);
  924. }
  925.  
  926. #print-button {
  927.     margin-right: 5px;
  928. }
  929.  
  930.  
  931. /* ::::: bookmark menus ::::: */
  932.  
  933. menu.bookmark-item,
  934. menuitem.bookmark-item {
  935.   min-width: 0;
  936.   max-width: 26em;
  937.   border-top: 1px solid transparent !important;
  938.   border-bottom: 1px solid transparent !important;
  939.   padding: 1px 3px 1px 2px;
  940.   margin-top: -1px;
  941. }
  942.  
  943. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  944.   width: 16px;
  945.   height: 16px;
  946. }
  947.  
  948. /* ..... drag and drop styles ..... */
  949.  
  950. .bookmark-item[dragover-left="true"] {
  951.   -moz-border-left-colors: #000000;
  952. }
  953. .bookmark-item[dragover-right="true"] {
  954.   -moz-border-right-colors: #000000;
  955. }
  956. .bookmark-item[dragover-top="true"] {
  957.   -moz-border-top-colors: #000000;
  958. }
  959. .bookmark-item[dragover-bottom="true"] {
  960.   -moz-border-bottom-colors: #000000;
  961. }
  962.  
  963. /* ::::: bookmark items ::::: */
  964.  
  965. .bookmark-item {
  966.     list-style-image: url("chrome://global/skin/icons/bookmark-item.png") !important;
  967. }
  968. .bookmark-item[container="true"] {
  969.     list-style-image: url("chrome://global/skin/icons/bookmark-folder-closed-new.png") !important;
  970. }
  971. .bookmark-item[open="true"],
  972. .bookmark-item[container="true"][open="true"] {
  973.     list-style-image: url("chrome://global/skin/icons/bookmark-folder-open-new.png") !important;
  974. }
  975.  
  976. /* ::::: primary toolbar buttons ::::: */
  977.  
  978. .toolbarbutton-1 {
  979.   -moz-box-orient: vertical;
  980.   min-width: 0px;
  981. }
  982.  
  983. .toolbarbutton-1 .toolbarbutton-icon {
  984.   margin-right: 0px;
  985. }
  986.  
  987. toolbar[mode="full"] .toolbarbutton-1,
  988. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  989.   min-width: 57px;
  990. }
  991.  
  992. toolbar[mode="icons"] .toolbarbutton-1,
  993. toolbar[mode="icons"] .toolbarbutton-menubutton-button {
  994.  min-width: 39px;
  995. }
  996.  
  997. toolbar[mode="icons"][iconsize="small"] .toolbarbutton-1,
  998. toolbar[mode="icons"][iconsize="small"] .toolbarbutton-menubutton-button,
  999. toolbar[mode="full"][iconsize="small"] .toolbarbutton-1,
  1000. toolbar[mode="full"][iconsize="small"] .toolbarbutton-menubutton-button {
  1001.  min-width: 20px;
  1002. }
  1003.  
  1004. .toolbarbutton-1, .toolbarbutton-menubutton-button {
  1005.   padding: 3px;
  1006. }
  1007.  
  1008. .toolbarbutton-1:hover:active:not([disabled]),
  1009. .toolbarbutton-1[open="true"] {
  1010.   padding: 4px 2px 2px 4px;
  1011. }
  1012.  
  1013. .toolbarbutton-1[checked="true"] {
  1014.   padding: 4px 2px 2px 4px; !important;
  1015. }
  1016.  
  1017. .toolbarbutton-1[type="menu-button"] {
  1018.   padding: 0px !important;
  1019. }
  1020.  
  1021. .toolbarbutton-menubutton-stack,
  1022. .toolbarbutton-menubutton-button,
  1023. .toolbarbutton-menubutton-stack:hover,
  1024. .toolbarbutton-menubutton-button:hover,
  1025. .toolbarbutton-menubutton-stack:hover:active,
  1026. .toolbarbutton-menubutton-button:hover:active {
  1027.   margin: 0 !important;
  1028.   display: -moz-box;
  1029. }
  1030.  
  1031. toolbar[mode="icons"] .toolbarbutton-text,
  1032. multibar[mode="icons"] .toolbarbutton-text{
  1033.     display: none;
  1034. }
  1035.  
  1036. toolbar[mode="text"] .toolbarbutton-text {
  1037.   padding: 2px !important;
  1038.   margin: 4px 2px !important;
  1039. }
  1040.  
  1041.  
  1042. toolbar[mode="text"] .toolbarbutton-1,
  1043. multibar[mode="text"] .toolbarbutton-1 {
  1044.     margin-bottom: 0px;
  1045. }
  1046.  
  1047. /* Download manager button */
  1048.  
  1049. #downloads-button {
  1050.     list-style-image: url("chrome://browser/skin/icons/functional_large_2.png");
  1051.     -moz-image-region: rect(32px, 128px, 64px, 96px);
  1052. }
  1053. #downloads-button:hover {
  1054.     -moz-image-region: rect(64px, 128px, 96px, 96px);
  1055. }
  1056. #downloads-button:hover:active {
  1057.     -moz-image-region: rect(96px, 128px, 128px, 96px);
  1058. }
  1059. #downloads-button[disabled="true"] {
  1060.     -moz-image-region: rect(0px, 128px, 32px, 96px);
  1061. }
  1062. [iconsize="small"] #downloads-button {
  1063.     list-style-image: url("chrome://browser/skin/icons/functional_small_2.png");
  1064.     -moz-image-region: rect(23px, 92px, 46px, 69px);
  1065. }
  1066. [iconsize="small"] #downloads-button:hover {
  1067.     -moz-image-region: rect(46px, 92px, 69px, 69px);
  1068. }
  1069. [iconsize="small"] #downloads-button:hover:active {
  1070.     -moz-image-region: rect(69px, 92px, 92px, 69px);
  1071. }
  1072. [iconsize="small"] #downloads-button[disabled="true"] {
  1073.     -moz-image-region: rect(0px, 92px, 23px, 69px);
  1074. }
  1075.  
  1076.  
  1077. /* History sidebar button */
  1078.  
  1079. #history-button {
  1080.     list-style-image: url("chrome://browser/skin/icons/functional_large_2.png");
  1081.     -moz-image-region: rect(32px, 160px, 64px, 128px);
  1082. }
  1083. #history-button:hover {
  1084.     -moz-image-region: rect(64px, 160px, 96px, 128px);
  1085. }
  1086. #history-button:hover:active {
  1087.     -moz-image-region: rect(96px, 160px, 128px, 128px);
  1088. }
  1089. [iconsize="small"] #history-button {
  1090.     list-style-image: url("chrome://browser/skin/icons/functional_small_2.png");
  1091.     -moz-image-region: rect(23px, 115px, 46px, 92px);
  1092. }
  1093. [iconsize="small"] #history-button:hover {
  1094.     -moz-image-region: rect(46px, 115px, 69px, 92px);
  1095. }
  1096. [iconsize="small"] #history-button:hover:active {
  1097.     -moz-image-region: rect(69px, 115px, 92px, 92px);
  1098. }
  1099.  
  1100.  
  1101. /* Bookmark sidebar button */
  1102.  
  1103. #bookmarks-button {
  1104.     list-style-image: url("chrome://browser/skin/icons/functional_large_2.png");
  1105.     -moz-image-region: rect(32px, 192px, 64px, 160px);
  1106. }
  1107. #bookmarks-button:hover {
  1108.     -moz-image-region: rect(64px, 192px, 96px, 160px);
  1109. }
  1110. #bookmarks-button:hover:active {
  1111.     -moz-image-region: rect(96px, 192px, 128px, 160px);
  1112. }
  1113. [iconsize="small"] #bookmarks-button {
  1114.     list-style-image: url("chrome://browser/skin/icons/functional_small_2.png");
  1115.     -moz-image-region: rect(23px, 137px, 46px, 115px);
  1116. }
  1117. [iconsize="small"] #bookmarks-button:hover {
  1118.     -moz-image-region: rect(46px, 137px, 69px, 115px);
  1119. }
  1120. [iconsize="small"] #bookmarks-button:hover:active {
  1121.     -moz-image-region: rect(69px, 137px, 92px, 115px);
  1122. }
  1123.  
  1124. toolbarpaletteitem[place="palette"] #print-button {
  1125.     list-style-image: url("chrome://browser/skin/icons/functional_large.png") !important;
  1126.     -moz-image-region: rect(32px, 256px, 64px, 224px) !important;
  1127. }
  1128.  
  1129. /* Cut button */
  1130.  
  1131. #cut-button {
  1132.     list-style-image: url("chrome://browser/skin/icons/functional_large_2.png");
  1133.     -moz-image-region: rect(32px, 32px, 64px, 0px);
  1134. }
  1135. #cut-button:hover {
  1136.     -moz-image-region: rect(64px, 32px, 96px, 0px);
  1137. }
  1138. #cut-button:hover:active {
  1139.     -moz-image-region: rect(96px, 32px, 128px, 0px);
  1140. }
  1141. #cut-button[disabled="true"] {
  1142.     -moz-image-region: rect(0px, 32px, 32px, 0px);
  1143. }
  1144. [iconsize="small"] #cut-button {
  1145.     list-style-image: url("chrome://browser/skin/icons/functional_small_2.png");
  1146.     -moz-image-region: rect(23px, 23px, 46px, 0px);
  1147. }
  1148. [iconsize="small"] #cut-button:hover {
  1149.     -moz-image-region: rect(46px, 23px, 69px, 0px);
  1150. }
  1151. [iconsize="small"] #cut-button:hover:active {
  1152.     -moz-image-region: rect(69px, 23px, 92px, 0px);
  1153. }
  1154. [iconsize="small"] #cut-button[disabled="true"] {
  1155.     -moz-image-region: rect(0px, 23px, 23px, 0px);
  1156. }
  1157.  
  1158.  
  1159. /* Copy button */
  1160.  
  1161. #copy-button {
  1162.     list-style-image: url("chrome://browser/skin/icons/functional_large_2.png");
  1163.     -moz-image-region: rect(32px, 64px, 64px, 32px);
  1164. }
  1165. #copy-button:hover {
  1166.     -moz-image-region: rect(64px, 64px, 96px, 32px);
  1167. }
  1168. #copy-button:hover:active {
  1169.     -moz-image-region: rect(96px, 64px, 128px, 32px);
  1170. }
  1171. #copy-button[disabled="true"] {
  1172.     -moz-image-region: rect(0px, 64px, 32px, 32px);
  1173. }
  1174. [iconsize="small"] #copy-button {
  1175.     list-style-image: url("chrome://browser/skin/icons/functional_small_2.png");
  1176.     -moz-image-region: rect(23px, 46px, 46px, 23px);
  1177. }
  1178. [iconsize="small"] #copy-button:hover {
  1179.     -moz-image-region: rect(46px, 46px, 69px, 23px);
  1180. }
  1181. [iconsize="small"] #copy-button:hover:active {
  1182.     -moz-image-region: rect(69px, 46px, 92px, 23px);
  1183. }
  1184. [iconsize="small"] #copy-button[disabled="true"] {
  1185.     -moz-image-region: rect(0px, 46px, 23px, 23px);
  1186. }
  1187.  
  1188.  
  1189. /* Paste button */
  1190.  
  1191. #paste-button {
  1192.     list-style-image: url("chrome://browser/skin/icons/functional_large_2.png");
  1193.     -moz-image-region: rect(32px, 96px, 64px, 64px);
  1194. }
  1195. #paste-button:hover {
  1196.     -moz-image-region: rect(64px, 96px, 96px, 64px);
  1197. }
  1198. #paste-button:hover:active {
  1199.     -moz-image-region: rect(96px, 96px, 128px, 64px);
  1200. }
  1201. #paste-button[disabled="true"] {
  1202.     -moz-image-region: rect(0px, 96px, 32px, 64px);
  1203. }
  1204. [iconsize="small"] #paste-button {
  1205.     list-style-image: url("chrome://browser/skin/icons/functional_small_2.png");
  1206.     -moz-image-region: rect(23px, 69px, 46px, 46px);
  1207. }
  1208. [iconsize="small"] #paste-button:hover {
  1209.     -moz-image-region: rect(46px, 69px, 69px, 46px);
  1210. }
  1211. [iconsize="small"] #paste-button:hover:active {
  1212.     -moz-image-region: rect(69px, 69px, 92px, 46px);
  1213. }
  1214. [iconsize="small"] #paste-button[disabled="true"] {
  1215.     -moz-image-region: rect(0px, 69px, 23px, 46px);
  1216. }
  1217.  
  1218. /* Security Center button */
  1219.  
  1220. #securitycenter-item {
  1221.     -moz-box-align: center;
  1222. }
  1223.  
  1224. #securityCenterText {
  1225.     padding-right: 2px;
  1226.     list-style-image: url("chrome://browser/skin/icons/security_center.png");
  1227. }
  1228.  
  1229. toolbar[mode="text"] #securityCenterText,
  1230. toolbar[mode="full"] #securityCenterText{
  1231.     display: none;
  1232. }
  1233.  
  1234. #securitycenter-button {
  1235.     list-style-image: url("chrome://browser/skin/icons/functional_large.png");
  1236.     -moz-image-region: rect(32px, 128px, 64px, 96px);
  1237. }
  1238.  
  1239. #securitycenter-button:hover {
  1240.     -moz-image-region: rect(64px, 128px, 96px, 96px);
  1241. }
  1242. #securitycenter-button:hover:active {
  1243.     -moz-image-region: rect(96px, 128px, 128px, 96px);
  1244. }
  1245. #securitycenter-button[disabled="true"] {
  1246.     -moz-image-region: rect(0px, 128px, 32px, 96px);
  1247. }
  1248. [iconsize="small"] #securitycenter-button {
  1249.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  1250.     -moz-image-region: rect(23px, 92px, 46px, 69px);
  1251. }
  1252. [iconsize="small"] #securitycenter-button:hover {
  1253.     -moz-image-region: rect(46px, 92px, 69px, 69px);
  1254. }
  1255. [iconsize="small"] #securitycenter-button:hover:active {
  1256.     -moz-image-region: rect(69px, 92px, 92px, 69px);
  1257. }
  1258. [iconsize="small"] #securitycenter-button[disabled="true"] {
  1259.     -moz-image-region: rect(0px, 92px, 23px, 69px);
  1260. }
  1261.  
  1262. /* MERC (rpaul) - Hide the security center graphic text in customize toolbar dialog */
  1263. #CustomizeToolbarWindow #wrapper-securitycenter-item #securityCenterText {
  1264.     display: none;
  1265. }
  1266.  
  1267. /* Foxy Throbber toolbarbutton */
  1268.  
  1269. #throbber-button {
  1270.     cursor: pointer;
  1271. }
  1272.  
  1273. #throbber-button,
  1274. [mode="full"] [iconsize="small"] #throbber-button {
  1275.     -moz-appearance: none;
  1276.     padding: 0px 0px 0px 0px !important;
  1277.     list-style-image: url("chrome://browser/skin/thr_foxy.gif");
  1278. }
  1279.  
  1280. #throbber-button[busy="true"],
  1281. [mode="full"] [iconsize="small"] #throbber-button[busy="true"]{
  1282.     -moz-appearance: none;
  1283.     padding: 0px 0px 0px 0px !important;
  1284.     list-style-image: url("chrome://browser/skin/thr_anim_foxy.gif");
  1285. }
  1286.  
  1287. [mode="text"] #throbber-button > .toolbarbutton-text,
  1288. [mode="full"] #throbber-button > .toolbarbutton-text {
  1289.     display: none;
  1290. }
  1291.  
  1292. [mode="text"] #throbber-button > .toolbarbutton-icon {
  1293.     display: -moz-box;
  1294. }
  1295.  
  1296. toolbar[mode="text"] #throbber-button,
  1297. [iconsize="small"] #throbber-button {
  1298.     -moz-appearance: none;
  1299.     padding: 0px 0px 0px 0px !important;
  1300.     list-style-image: url("chrome://browser/skin/throbber16-single.gif");
  1301. }
  1302.  
  1303. toolbar[mode="text"] #throbber-button[busy="true"],
  1304. [iconsize="small"] #throbber-button[busy="true"] {
  1305.     -moz-appearance: none;
  1306.     padding: 0px 0px 0px 0px !important;
  1307.     list-style-image: url("chrome://browser/skin/throbber16-anim.gif");
  1308. }
  1309.  
  1310. #throbber-button:hover {
  1311.     padding: 0px 0px 0px 0px !important;
  1312.     border: none;
  1313. }
  1314. #throbber-button:hover:active {
  1315.     padding: 0px 0px 0px 0px !important;
  1316.     border: none;
  1317. }
  1318.  
  1319. /* Mail button */
  1320.  
  1321. #mail-button {
  1322.     list-style-image: url("chrome://browser/skin/icons/mail_sm.png");
  1323. }
  1324. #mail-button:hover {
  1325. }
  1326. #mail-button[disabled="true"] {
  1327. }
  1328.  
  1329.  
  1330. /* ::::: fullscreen window controls ::::: */
  1331.  
  1332. #window-controls {
  1333.   -moz-box-align: center;
  1334.   padding: 0 2px 0 4px;
  1335. }
  1336.  
  1337. #minimize-button {
  1338.   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
  1339. }
  1340. #restore-button {
  1341.   list-style-image: url("chrome://global/skin/icons/Restore.gif");
  1342. }
  1343. #close-button {
  1344.   list-style-image: url("chrome://global/skin/icons/Close.gif");
  1345. }
  1346.  
  1347. /* ::::: nav-bar-inner ::::: */
  1348.  
  1349. #urlbar-container {
  1350.     margin: 2px 2px;
  1351.     min-width: 180px !important;
  1352. }
  1353. #urlbar {
  1354.     height: 24px;
  1355.     margin-right: 0px;
  1356.     border: none;
  1357.     background-color: transparent;
  1358.     background-repeat: no-repeat;
  1359.     -moz-box-align: start;
  1360. }
  1361. #urlbar .autocomplete-textbox-container {
  1362.     padding-left: 3px;
  1363. }
  1364. #urlbar .textbox-input-box {
  1365.     height: 22px;
  1366.     margin: 0px;
  1367.     padding-top: 0px;
  1368.     background-color: transparent;
  1369.     background-repeat: repeat-x;
  1370. }
  1371.  
  1372. #urlbar dropmarker {
  1373.     -moz-appearance: none;
  1374.     margin: 0px;
  1375.     padding-top: 1px;
  1376.     padding-right: 1px;
  1377.     padding-left: 2px;
  1378.     border: none;
  1379.     min-width: 12px;
  1380.     background: transparent;
  1381.     list-style-image: url("chrome://browser/skin/textbar-dropmarker.png");
  1382. }
  1383. #urlbar dropmarker:hover,
  1384. #urlbar dropmarker:active {
  1385.     list-style-image: url("chrome://browser/skin/textbar-dropmarker_ovr.png");
  1386. }
  1387.  
  1388. /* ::::: go button ::::: */
  1389.  
  1390. #go-button {
  1391.   -moz-appearance: none !important;
  1392.   margin-top: 3px;
  1393.   list-style-image: url("chrome://browser/skin/Go.png");
  1394.   padding: 2px 5px 2px 3px;
  1395.  
  1396. }
  1397.  
  1398. #go-button .toolbarbutton-icon {
  1399.     margin-right: 0px !important;
  1400. }
  1401.  
  1402. #go-button:hover {
  1403.   border-color: transparent transparent transparent transparent !important;
  1404. }
  1405.  
  1406. #go-button:hover:active {
  1407.     padding: 3px 4px 1px 4px !important;
  1408. }
  1409.  
  1410. toolbar[mode="text"] #go-button .toolbarbutton-icon,
  1411. multibar[mode="text"] #go-button .toolbarbutton-icon {
  1412.     display: -moz-box;
  1413. }
  1414.  
  1415.  
  1416. #go-button[disabled="true"] {
  1417.   -moz-image-region: rect(0px 60px 20px 40px);
  1418. }
  1419.  
  1420. /*#go-button[disabled="true"] {
  1421.   -moz-image-region: rect(0px 60px 20px 40px);
  1422. }*/
  1423.  
  1424. #go-button > .toolbarbutton-text {
  1425.   display: -moz-box !important;
  1426. }
  1427.  
  1428. #sidebar {
  1429.   background-color: Window;
  1430. }
  1431.  
  1432.  
  1433.  
  1434. /* ::::: page proxy icon ::::: */
  1435.  
  1436. #page-proxy-deck,
  1437. #page-proxy-favicon,
  1438. #page-proxy-button {
  1439.   width: 16px;
  1440.   height: 16px;
  1441. }
  1442.  
  1443. #page-proxy-deck {
  1444.   cursor: -moz-grab;
  1445.   margin: 2px 3px;
  1446. }
  1447.  
  1448. #page-proxy-favicon {
  1449.   list-style-image: none;
  1450. }
  1451.  
  1452. #page-proxy-button {
  1453.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  1454.   -moz-image-region: rect(0px, 16px, 16px, 0px);}
  1455.  
  1456. #page-proxy-button[pageproxystate="invalid"] {
  1457.   cursor: default;
  1458.   -moz-image-region: rect(32px, 16px, 48px, 0px) !important;
  1459. }
  1460.  
  1461.  
  1462. statusbarpanel#statusbar-display {
  1463.   padding-left: 0;
  1464. }
  1465.  
  1466. /* ::::: autocomplete ::::: */
  1467.  
  1468. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  1469.   color: #555566;
  1470. }
  1471.     
  1472. /* ::::: content area ::::: */
  1473.  
  1474. #status-bar {
  1475.   border-top: none;
  1476. }
  1477.  
  1478. #security-button {
  1479.   list-style-image: none;
  1480.   min-width: 20px;
  1481.   -moz-box-direction: reverse;
  1482.   display: none;
  1483. }
  1484.  
  1485. #security-button[level="high"] {
  1486.   list-style-image: url("chrome://browser/skin/Secure.png");
  1487.   display: -moz-box;
  1488. }
  1489.  
  1490. #security-button[level="low"] {
  1491.   list-style-image: url("chrome://browser/skin/Secure.png");
  1492.   display: -moz-box;
  1493. }
  1494.  
  1495. #security-button[level="broken"] {
  1496.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  1497.   display: -moz-box;
  1498. }
  1499.  
  1500. /* XXXsw prevent margins of a value-less label from shifting the image */
  1501. #security-button > label:not([value]) {
  1502.   display: none;
  1503. }
  1504.  
  1505. #page-report-button {
  1506.   list-style-image: none;
  1507.   width: 20px;
  1508.   display: none;
  1509. }
  1510.  
  1511. #page-report-button[blocked] {
  1512.   list-style-image: url("chrome://browser/skin/popup-blocked.png");
  1513.   display: -moz-box;
  1514.   padding: 0px 3px 0px 3px;
  1515. }
  1516.  
  1517. #livemark-button {
  1518.   list-style-image: none;
  1519.   width: 20px;
  1520.   display: none;
  1521. }
  1522.  
  1523. #livemark-button[livemarks] {
  1524.   margin-right: 8px;
  1525.   list-style-image: url("chrome://browser/skin/page-livemarks.png");
  1526.   display: -moz-box;
  1527. }
  1528.  
  1529. /* RP Firefox uses tabs- instead of tab- */
  1530. /*
  1531. .tabs-closebutton > .toolbarbutton-icon {
  1532.   margin-right: 0px !important;
  1533.   padding-right: 2px !important;
  1534.   padding-left: 2px !important;
  1535. }
  1536.  
  1537. .tabs-closebutton {
  1538.   list-style-image: url("chrome://global/skin/icons/close.png");
  1539.   -moz-appearance: none;
  1540.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  1541.   padding: 4px 2px;
  1542.   border: none !important;
  1543.  
  1544. }
  1545.  
  1546. .tabs-closebutton:hover {
  1547.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  1548. }
  1549.  
  1550. .tabs-closebutton:hover:active {
  1551.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  1552. }
  1553. */
  1554.  
  1555. #sidebar-box .tabs-closebutton {
  1556.   margin-bottom: 0px !important;
  1557.   padding: 0px 2px 0px 2px !important;
  1558. }
  1559.  
  1560. #FindToolbar > .tabs-closebutton {
  1561.     border: 1px solid transparent;
  1562.   padding: 3px 2px 4px 2px !important;
  1563. }
  1564.  
  1565.  
  1566. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  1567.   display: -moz-box;
  1568. }
  1569.  
  1570. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  1571.    display: none;
  1572. }
  1573.  
  1574. #sidebar-throbber[loading="true"] {
  1575.   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  1576.   -moz-opacity: 0.5;
  1577.   margin-right: 4px;
  1578. }
  1579.  
  1580. #urlbar[level="high"] > .autocomplete-textbox-container,
  1581. #urlbar[level="low"] > .autocomplete-textbox-container,
  1582. #urlbar[level="broken"] > .autocomplete-textbox-container {
  1583.   background-color: #F5F6BE; /* #F7F898; */
  1584.   color: #000000;
  1585.   -moz-appearance: none;
  1586. }
  1587.  
  1588. #urlbar[level="high"] > .autocomplete-textbox-container > .info-icon {
  1589.   list-style-image: url("chrome://browser/skin/Secure.png");
  1590. }
  1591. #urlbar[level="low"] > .autocomplete-textbox-container > .info-icon {
  1592.   list-style-image: url("chrome://browser/skin/Secure.png");
  1593. }
  1594. #urlbar[level="broken"] > .autocomplete-textbox-container > .info-icon {
  1595.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  1596. }
  1597.  
  1598. #personal-bookmarks-add-bookmark-button {
  1599.     margin-left: 4px;
  1600.     list-style-image: url("chrome://browser/skin/bookmarks/addbookmark.png");
  1601. }
  1602.  
  1603. #personal-bookmarks-add-bookmark-button:hover,
  1604. #personal-bookmarks-add-bookmark-button[popupIsVisible="true"] {
  1605.     padding: 0px 0px 0px 0px;
  1606.     list-style-image: url("chrome://browser/skin/bookmarks/addbookmark_ovr.png");
  1607. }
  1608.  
  1609. #personal-bookmarks-add-bookmark-dropdown {
  1610.     list-style-image: url("chrome://global/skin/tabs/tabs_dropmarker.png");
  1611.     -moz-appearance: none;
  1612.     padding: 0px !important;
  1613.     border: none !important;
  1614.     /*margin: 3px -6px  !important;*/
  1615. }
  1616.  
  1617.  
  1618.  
  1619. /*tabbrowser tab[selected="true"] {
  1620.     font-weight: bold;
  1621.     height: 22px;
  1622.     border: 0px;
  1623.     margin-bottom: 0px;
  1624. }
  1625.  
  1626. tabbrowser tab[selected="true"] {
  1627.     font-weight: bold;
  1628.     height: 22px;
  1629.     border: 0px;
  1630.     margin-bottom: 0px;
  1631. }*/
  1632.  
  1633.  
  1634. /* Buttons on individual tabs */
  1635. .tabbrowser-tabs[showCloseButton="true"] .tab-closebutton-container {
  1636.     margin: 2px 0px 0px 1px;
  1637.     height: 19px;
  1638.     display: -moz-box;
  1639. }
  1640. .tabbrowser-tabs[showCloseButton="true"] tab[selected="true"] .tab-closebutton-container {
  1641.     height: 21px;
  1642.     padding-top: 2px;
  1643.     display: -moz-box;
  1644. }
  1645. .tab-closebutton-container {
  1646.     display: none;
  1647. }
  1648.  
  1649. tab[selected="false"] .tab-closebutton {
  1650.     /*list-style-image: url("chrome://global/skin/icons/close.png");
  1651.     -moz-appearance: none;
  1652.     -moz-image-region: rect(0px, 16px, 16px, 0px);
  1653.     width: 16px !important;
  1654.     padding: 4px 2px;
  1655.     border: none !important;
  1656.     display:none;
  1657.     */
  1658. }
  1659.  
  1660. /*tab .tab-closebutton {
  1661.     list-style-image: url("chrome://browser/skin/tab-active-close.png");
  1662.     -moz-appearance: none;
  1663.     padding-top: 0px;
  1664.     border: none;
  1665. }*/
  1666.  
  1667. tab .tab-closebutton {
  1668.     margin-left: 1px !important;
  1669.     list-style-image: url("chrome://browser/skin/tab-active-close.png");
  1670. }
  1671.  
  1672. tab:hover .tab-closebutton{
  1673.     list-style-image: url("chrome://browser/skin/tab-active-close-over.png");
  1674. }
  1675.  
  1676. tab .tab-closebutton:hover:active {
  1677.     list-style-image: url("chrome://browser/skin/tab-active-close-press.png");
  1678. }
  1679.  
  1680. tab[selected="true"] .active-tab-dropdown {
  1681.     list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif") !important;
  1682.     -moz-appearance: none;
  1683.     -moz-box-orient: horizontal;
  1684.     margin: 0px;
  1685.     padding: 0px 0px 0px 2px;
  1686.     border: none;
  1687. }
  1688. tab[selected="true"] .active-tab-dropdown .toolbarbutton-icon {
  1689.     margin: 0px;
  1690. }
  1691.  
  1692.  
  1693. tabbrowser tabpanels.plain {
  1694.     border-top: 1px solid ThreeDShadow !important;
  1695.     border-left: 1px solid ThreeDShadow !important;
  1696. }
  1697. browsermessage {
  1698.     background-color: #ffffe1;
  1699.     border-bottom: 1px solid #212121;
  1700. }
  1701. .popupMessageIcon {
  1702.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  1703.     -moz-image-region: rect(23px, 23px, 46px, 0px);
  1704.     margin-left: 5px;
  1705. }
  1706. .passcardMessageIcon,
  1707. .datacardMessageIcon {
  1708.     list-style-image: url("chrome://browser/skin/icons/functional_small.png");
  1709.     -moz-image-region: rect(23px, 69px, 46px, 46px);
  1710.     margin-left: 5px;
  1711. }
  1712. image.blacklistedSite-warning {
  1713.     list-style-image: url("chrome://browser/skin/icons/messagebar-warning.png");
  1714.     margin-left: 5px;
  1715. }
  1716. label.blacklistedSite-warning {
  1717.     color: red;
  1718.     font-weight: bold;
  1719. }
  1720. menulist[anonid="datacardList"] [defaultDatacard] {
  1721.     font-weight: bold;
  1722. }
  1723.  
  1724. /* Tabbox close button and dropdown */
  1725. .tabs-closebutton-box {
  1726.     margin-bottom: 2px;
  1727.     margin-left: 5px;
  1728. }
  1729.  
  1730. .tabs-closebutton {
  1731.     list-style-image: url("chrome://browser/skin/close_x.gif") !important;
  1732.     -moz-appearance: none !important;
  1733.     margin: 0px 0px 2px 0px !important;
  1734.     padding: 0px !important;
  1735.     border: none !important;
  1736. }
  1737.  
  1738. .tabs-closebutton:hover {
  1739.     list-style-image: url("chrome://browser/skin/close_x_hot.gif") !important;
  1740. }
  1741.  
  1742. .tabs-dropdown .toolbarbutton-icon {
  1743.     margin: 0px;
  1744. }
  1745.  
  1746. toolbarbutton.chevron {
  1747.     padding: 0;
  1748.     list-style-image: url("chrome://global/skin/tabs/tab-chevron2.png") !important;
  1749. }
  1750.  
  1751. toolbarbutton.chevron:hover {
  1752.     list-style-image: url("chrome://global/skin/tabs/tab-chevron-hov2.png") !important;
  1753. }
  1754.  
  1755. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  1756.     display: none;
  1757. }
  1758.  
  1759. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  1760.     display: -moz-box;
  1761. }
  1762.  
  1763. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  1764.     display: -moz-box;
  1765. }
  1766.  
  1767. /* Site Controls icon/menu */
  1768.  
  1769. tab[selected="true"] .active-tab-dropdown:hover {
  1770.     list-style-image: url("chrome://browser/skin/close_arrow_hot.gif");
  1771. }
  1772. .tab-popupmenu-button .toolbarbutton-icon {
  1773.     margin: 4px;
  1774. }
  1775.  
  1776. /* insert site control indicator icon from CVS build here */
  1777.  
  1778.  
  1779. /* Site control popup styles */
  1780.  
  1781. #SiteControlsPopup {
  1782.     -moz-appearance: none !important;
  1783.     width: 300px;
  1784.     height: 470px;
  1785. }
  1786.  
  1787. #SiteControlsPopup arrowscrollbox {
  1788.     /*display: none;    */
  1789.     -moz-appearance: none !important;
  1790. }
  1791.  
  1792. #scp_help_button {
  1793.     -moz-appearance: none;
  1794.     padding: 0;
  1795.     width: 15px;
  1796.     height: 16px;
  1797.     list-style-image: url("chrome://browser/skin/icons/sc_popup_help_icon.png");
  1798. }
  1799. #scp_title_deck {
  1800.     background-color: black;
  1801.     color: #bbbbbb;
  1802.     font-weight: bold;
  1803. }
  1804. .scp_site_name {
  1805.     color: white;
  1806.     margin-left: 0px;
  1807.     width: 177px !important;
  1808. }
  1809. #scp_tabbox {
  1810.     /*background-color: #6ea3b2;*/
  1811. }
  1812. #scp_trustPanel caption {
  1813.     font-weight: bold;
  1814.     font-size: 11px;
  1815. }
  1816. #scp_adv_gecko {
  1817.     list-style-image: url("chrome://browser/skin/firefox-16px.png");
  1818. }
  1819. #scp_adv_trident {
  1820.     list-style-image: url("chrome://browser/skin/ie_icon.gif");
  1821. }
  1822.  
  1823. #scp_advancedPanel caption {
  1824.     font-weight: bold;
  1825.     font-size: 11px;
  1826. }
  1827. #scp_trust_gecko {
  1828.     list-style-image: url("chrome://browser/skin/firefox-16px.png");
  1829. }
  1830.  
  1831. #scp_trust_trident {
  1832.     list-style-image: url("chrome://browser/skin/ie_icon.gif");
  1833. }
  1834.  
  1835. #scp_trust_img {
  1836.     margin-left: 6px;
  1837.     margin-right: 6px;
  1838. }
  1839. #scp_trust_img[trust="verified"] {
  1840.     list-style-image: url("chrome://browser/skin/icons/trust-levels-large.png");
  1841.     -moz-image-region: rect(0px, 41px, 46px, 0px);
  1842. }
  1843. #scp_trust_img[trust="notVerified"] {
  1844.     list-style-image: url("chrome://browser/skin/icons/trust-levels-large.png");
  1845.     -moz-image-region: rect(0px, 82px, 46px, 41px);
  1846. }
  1847. #scp_trust_img[trust="warning"] {
  1848.     list-style-image: url("chrome://browser/skin/icons/trust-levels-large.png");
  1849.     -moz-image-region: rect(0px, 123px, 46px, 82px);
  1850. }
  1851. #scp_trust_img[trust="disabled"] {
  1852.     list-style-image: url("chrome://browser/skin/icons/trust-levels-large.png");
  1853.     -moz-image-region: rect(0px, 164px, 46px, 123px);
  1854. }
  1855.  
  1856. #scp_browser_img_trusted {
  1857.     list-style-image: url("chrome://browser/skin/icons/site-settings-large.png");
  1858.     -moz-image-region: rect(0px, 26px, 26px, 0px);
  1859. }
  1860. #scp_browser_img_standard {
  1861.     list-style-image: url("chrome://browser/skin/icons/site-settings-large.png");
  1862.     -moz-image-region: rect(26px, 26px, 52px, 0px);
  1863. }
  1864. #scp_browser_img_caution {
  1865.     list-style-image: url("chrome://browser/skin/icons/site-settings-large.png");
  1866.     -moz-image-region: rect(52px, 26px, 78px, 0px);
  1867. }
  1868. #scp_browser_img_custom {
  1869.     list-style-image: url("chrome://browser/skin/icons/site-settings-large.png");
  1870.     -moz-image-region: rect(78px, 26px, 104px, 0px);
  1871. }
  1872.  
  1873. #scp_trust_radios radio {
  1874. }
  1875. #scp_trust_radios radio label {
  1876.     display: none;
  1877. }
  1878. #scp_trust_radios image {
  1879. }
  1880.  
  1881. .scp_partner_icon {
  1882.     height: 16px;
  1883.     width: 16px;
  1884. }
  1885. .scp_bold_text {
  1886.     font-weight: bold;
  1887. }
  1888. .scp_partner_text:hover {
  1889.     cursor: pointer;
  1890.     text-decoration: underline;
  1891. }
  1892. .scp_partner_text {
  1893.     color: red;
  1894. }
  1895.  
  1896.  
  1897. #scp_enableJavaScript {
  1898.     margin-right: -2px;
  1899.     padding-right: 0px;
  1900. }
  1901. #jsAndVBScriptDeck,
  1902. #jsAndVBScriptDeck label {
  1903.     margin-top: 1px;
  1904.     margin-left: 0px;
  1905.     padding-left: 0px;
  1906. }
  1907.  
  1908.  
  1909. /* Site Controls icon/menu */
  1910.  
  1911. tab[selected="true"] .active-tab-dropdown:hover {
  1912.     list-style-image: url("chrome://browser/skin/close_arrow_hot.gif");
  1913. }
  1914. .tab-popupmenu-button .toolbarbutton-icon {
  1915.     margin: 0px;
  1916. }
  1917. .tabbrowser-tabs[showSiteControlButton="true"] tab[selected="true"] .tab-popupmenu-button {
  1918.     list-style-image: url("chrome://browser/skin/icons/combined-trust-small.png");
  1919.     -moz-image-region: rect(16px, 0px, 32px, 16px);
  1920.     margin-top: 0px;
  1921. }
  1922. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="-1"][browserSetting="Low"] {
  1923.     -moz-image-region: rect(0px, 64px, 17px, 48px);
  1924. }
  1925.  
  1926. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="-1"][browserSetting="Medium"] {
  1927.     -moz-image-region: rect(17px, 64px, 34px, 48px);
  1928. }
  1929.  
  1930. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="-1"][browserSetting="High"] {
  1931.     -moz-image-region: rect(34px, 64px, 51px, 48px);
  1932. }
  1933.  
  1934. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="-1"][browserSetting="Custom"] {
  1935.     -moz-image-region: rect(51px, 64px, 68px, 48px);
  1936. }
  1937.  
  1938.  
  1939. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="0"][browserSetting="Low"] {
  1940.     -moz-image-region: rect(0px, 80px, 17px, 64px);
  1941. }
  1942.  
  1943. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="0"][browserSetting="Low"]{
  1944.     -moz-image-region: rect(0px, 16px, 17px, 0px);
  1945. }
  1946.  
  1947. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="0"][browserSetting="Medium"]{
  1948.     -moz-image-region: rect(17px, 80px, 34px, 64px);
  1949. }
  1950.  
  1951. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="0"][browserSetting="Medium"]{
  1952.     -moz-image-region: rect(17px, 16px, 34px, 0px);
  1953. }
  1954.  
  1955. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="0"][browserSetting="High"] {
  1956.     -moz-image-region: rect(34px, 80px, 51px, 64px);
  1957. }
  1958. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="0"][browserSetting="High"]{
  1959.     -moz-image-region: rect(34px, 16px, 51px, 0px);
  1960. }
  1961.  
  1962. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="0"][browserSetting="Custom"] {
  1963.     -moz-image-region: rect(51px, 80px, 68px, 64px);
  1964. }
  1965.  
  1966. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="0"][browserSetting="Custom"] {
  1967.     -moz-image-region: rect(51px, 16px, 68px, 0px);
  1968. }
  1969.  
  1970. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="1"][browserSetting="Low"] {
  1971.     -moz-image-region: rect(0px, 94px, 16px, 80px);
  1972. }
  1973.  
  1974. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="1"][browserSetting="Low"] {
  1975.     -moz-image-region: rect(0px, 30px, 16px, 16px);
  1976. }
  1977.  
  1978. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="1"][browserSetting="Medium"] {
  1979.     -moz-image-region: rect(17px, 96px, 34px, 80px);
  1980. }
  1981.  
  1982. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="1"][browserSetting="Medium"] {
  1983.     -moz-image-region: rect(17px, 32px, 34px, 16px);
  1984. }
  1985.  
  1986. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="1"][browserSetting="High"] {
  1987.     -moz-image-region: rect(34px, 96px, 51px, 80px);
  1988. }
  1989.  
  1990. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="1"][browserSetting="High"] {
  1991.     -moz-image-region: rect(34px, 32px, 51px, 16px);
  1992. }
  1993.  
  1994. [showSiteControlButton="true"] tab[selected="true"][trustLevel="1"][browserSetting="Medium"] {
  1995.     -moz-image-region: rect(17px, 32px, 34px, 16px);
  1996. }
  1997.  
  1998. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"][trustLevel="1"][browserSetting="Medium"] {
  1999.     -moz-image-region: rect(17px, 96px, 34px, 80px);
  2000. }
  2001.  
  2002. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="1"][browserSetting="Custom"] {
  2003.     -moz-image-region: rect(50px, 32px, 68px, 16px);
  2004. }
  2005.  
  2006. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="1"][browserSetting="Custom"] {
  2007.     -moz-image-region: rect(51px, 96px, 68px, 80px);
  2008. }
  2009.  
  2010. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="2"][browserSetting="Low"],
  2011. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="4"][browserSetting="Low"] ,
  2012. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="6"][browserSetting="Low"] {
  2013.     -moz-image-region: rect(0px, 48px, 17px, 32px);
  2014. }
  2015.  
  2016. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="2"][browserSetting="Low"],
  2017. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="4"][browserSetting="Low"] ,
  2018. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="6"][browserSetting="Low"] {
  2019.     -moz-image-region: rect(0px, 112px, 17px, 96px);
  2020. }
  2021.  
  2022.  
  2023. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="2"][browserSetting="Medium"],
  2024. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="4"][browserSetting="Medium"] ,
  2025. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="6"][browserSetting="Medium"] {
  2026.     -moz-image-region: rect(17px, 48px, 34px, 32px);
  2027. }
  2028.  
  2029. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="2"][browserSetting="Medium"],
  2030. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="4"][browserSetting="Medium"] ,
  2031. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="6"][browserSetting="Medium"] {
  2032.     -moz-image-region: rect(17px, 112px, 34px, 96px);
  2033. }
  2034.  
  2035. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="2"][browserSetting="High"],
  2036. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="4"][browserSetting="High"],
  2037. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="6"][browserSetting="High"] {
  2038.     -moz-image-region: rect(34px, 48px, 51px, 32px);
  2039. }
  2040.  
  2041. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="2"][browserSetting="High"],
  2042. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="4"][browserSetting="High"],
  2043. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="6"][browserSetting="High"] {
  2044.     -moz-image-region: rect(34px, 112px, 51px, 96px);
  2045. }
  2046.  
  2047. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="2"][browserSetting="Custom"],
  2048. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="4"][browserSetting="Custom"],
  2049. [showSiteControlButton="true"] tab[selected="true"] [trustLevel="6"][browserSetting="Custom"] {
  2050.     -moz-image-region: rect(51px, 48px, 68px, 32px);
  2051. }
  2052.  
  2053. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="2"][browserSetting="Custom"],
  2054. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="4"][browserSetting="Custom"],
  2055. [showSiteControlButton="true"] tab[selected="true"][popupvisible="true"] [trustLevel="6"][browserSetting="Custom"] {
  2056.     -moz-image-region: rect(51px, 112px, 68px, 96px);
  2057. }
  2058.  
  2059. /* ::::: searchbar :::: */
  2060.  
  2061. #search-container {
  2062.     padding-left: 2px;
  2063.     padding-right: 2px;
  2064. }
  2065. searchbar {
  2066.     /*width: 12em;*/
  2067.     /*margin: 2px 0px 2px 4px;*/
  2068.     border: none;
  2069.     background-color: transparent;
  2070.     -moz-box-align: center;
  2071. }
  2072. searchbar .searchbar-dropmarker-image {
  2073.     list-style-image: url("chrome://browser/skin/dn-tiny.gif");
  2074.     margin-right: -3px;
  2075.     margin-bottom: -1px;
  2076. }
  2077.  
  2078. searchbar {
  2079.     -moz-appearance: textfield;
  2080.     height: 24px;
  2081. }
  2082. searchbar .searchbar-textbox {
  2083.     -moz-appearance: none !important;
  2084.     background-color: white;
  2085.     border-top-color: -moz-use-text-color !important;
  2086.     border-right: 0px;
  2087.     border-left: 1px;
  2088.     border-top: 1px;
  2089.     border-bottom: 1px;
  2090.     height: 24px;
  2091.     margin: 0px;
  2092. }
  2093. searchbar .textbox-input-box {
  2094.     height: 24px;
  2095.     margin: 0px 6px;
  2096.     padding-top: 0px;
  2097.     /*padding-left: 6px;*/
  2098. }
  2099. searchbar .searchbar-dropmarker {
  2100.     margin-right: 4px;
  2101. }
  2102.  
  2103. searchbar dropmarker {
  2104.     -moz-box-align: center;
  2105.     padding-right: 1px;
  2106.     min-width: 12px;
  2107.     list-style-image: url("chrome://browser/skin/textbar-dropmarker.png");
  2108. }
  2109.  
  2110. .searchbar-engine-image {
  2111.   margin-top: 1px;
  2112.   margin-left: 1px;
  2113. }
  2114.  
  2115. .searchbar-history-dropmarker {
  2116.     height: 24px;
  2117.     list-style-image: url("chrome://browser/skin/textbar-dropmarker.png");
  2118. }
  2119. .searchbar-history-dropmarker:hover,
  2120. .searchbar-history-dropmarker:active {
  2121.     list-style-image: url("chrome://browser/skin/textbar-dropmarker.png");
  2122. }
  2123.  
  2124. #nav-bar[mode="text"] #search-container #search-button {
  2125.     padding-left: 6px !important;
  2126.     padding-right: 4px !important;
  2127. }
  2128.  
  2129. #search-button,
  2130. .second-search-button {
  2131.     -moz-appearance: none !important;
  2132.     margin-top: 3px;
  2133.     padding: 2px 5px 2px 3px;
  2134.     list-style-image: url('chrome://browser/skin/searchbar-button.png');
  2135. }
  2136.  
  2137. #search-button:hover,
  2138. .second-search-button:hover{
  2139.     border-color: transparent transparent transparent transparent !important;
  2140. }
  2141.  
  2142. #search-button:hover:active,
  2143. .second-search-button:hover:active{
  2144.     padding: 3px 4px 1px 4px !important;
  2145.     border-color: transparent transparent transparent transparent !important;
  2146. }
  2147.  
  2148. #search-button[disabled="true"],
  2149. .second-search-button[disabled="true"]{
  2150.     list-style-image: url('chrome://browser/skin/searchbar-button.png');
  2151. }
  2152.  
  2153. [mode="text"] #search-button .toolbarbutton-icon,
  2154. [mode="text"] .second-search-button .toolbarbutton-icon {
  2155.     display: -moz-box;
  2156. }
  2157. #search-proxy-button {
  2158.     margin-top: 2px;
  2159.     margin-bottom: 1px;
  2160. }
  2161. .search-proxy-button-image {
  2162.     margin: 0px;
  2163.     list-style-image: url("chrome://browser/skin/Search-bar.png");
  2164. }
  2165. .search-proxy-button-dropmarker {
  2166.     margin-left: 12px;
  2167.     margin-top: 8px;
  2168.     list-style-image: url("chrome://browser/skin/search-arrow.gif");
  2169. }
  2170. toolbarpaletteitem searchbar #search-proxy-button {
  2171.     display: none;
  2172. }
  2173.  
  2174. /*current tabs icon and drop down*/
  2175. .tabs-dropdown {
  2176.     list-style-image: url("chrome://browser/skin/all_tabs.png");
  2177.     -moz-appearance: none;
  2178.     margin: 0px 4px 4px 4px;
  2179.     padding: 0px;
  2180.     border: none;
  2181. }
  2182. .tabs-dropdown .toolbarbutton-icon {
  2183.     margin: 0px;
  2184. }
  2185. .tabs-dropdown:hover {
  2186.     list-style-image: url("chrome://browser/skin/all_tabs_ovr.png");
  2187. }
  2188.  
  2189.  
  2190. /* New tab button and dropdown */
  2191. .tabs-newbutton {
  2192.     -moz-appearance: none;
  2193.     margin: 5px 0px 0px 0px;
  2194.     padding: 0px;
  2195.     border: none;
  2196.     list-style-image: url("chrome://browser/skin/new_tab.png");
  2197. }
  2198.  
  2199. .tabs-newbutton .toolbarbutton-text {
  2200.     display: none;
  2201. }
  2202.  
  2203. /*container for new tab button and drop down marker */
  2204. .tabs-newbutton-stack .tabs-newdropdown {
  2205.     display: none;
  2206. }
  2207.  
  2208. .tabs-newbutton-stack:hover .tabs-newdropdown,
  2209. .tabs-newbutton-stack[popupIsVisible="true"] .tabs-newdropdown
  2210. {
  2211.     display: -moz-box;
  2212. }
  2213.  
  2214.  
  2215. .tabs-newdropdown {
  2216.     list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
  2217.     -moz-appearance: none;
  2218.     padding: 0px !important;
  2219.     border: none !important;
  2220.     margin: 0px -1px  !important;    
  2221.     -moz-image-region: auto; /* cut off inheritance */
  2222. }
  2223.  
  2224.  
  2225.  
  2226. .tabs-newbutton-stack:hover .tabs-newbutton,
  2227. .tabs-newbutton-stack[popupIsVisible="true"] .tabs-newbutton
  2228. {
  2229.     list-style-image: url("chrome://browser/skin/new_tab_ovr.png");
  2230. }
  2231.  
  2232.  
  2233. .tabs-newbutton .toolbarbutton-text {
  2234.     display: none;
  2235. }
  2236.  
  2237. /* Sidebar button */
  2238. .sidebar-button {
  2239.     padding: 0px;
  2240.     margin-left: -1px;
  2241.     padding-bottom: 2px;
  2242.   border: 0px;
  2243. }
  2244. .sidebar-button[sidebaropen="true"] {
  2245.     list-style-image: url("chrome://browser/skin/sidebar/sbar-close.png");
  2246.     -moz-image-region: rect(0px 0px 0px 0px) !important;
  2247. }
  2248. .sidebar-button[sidebaropen="true"]:hover {
  2249.     list-style-image: url("chrome://browser/skin/sidebar/sbar-close-hov.png");
  2250. }
  2251. .sidebar-button[sidebaropen="false"] {
  2252.     list-style-image: url("chrome://browser/skin/sidebar/sbar-open.png");
  2253.     -moz-image-region: rect(0px 0px 0px 0px) !important;
  2254. }
  2255. .sidebar-button[sidebaropen="false"]:hover {
  2256.     list-style-image: url("chrome://browser/skin/sidebar/sbar-open-hov.png");
  2257. }
  2258.  
  2259.  
  2260. /* ::::: Multibars ::::: */
  2261.  
  2262. multibar {
  2263.     padding-top: 4px;
  2264.     padding-bottom: 5px;
  2265. }
  2266. multibar .multibartray-top-edge {
  2267.         /*min-height: 2px;
  2268.     background-image: url("chrome://global/skin/toolbar/multibar-bg-top.png");
  2269.     background-repeat: repeat-x;*/
  2270.     display: none;
  2271. }
  2272. multibar .multibartray-bottom-edge {
  2273.         /*min-height: 2px;
  2274.     background-image: url("chrome://global/skin/toolbar/multibar-bg-bottom.png");
  2275.     background-repeat: repeat-x;*/
  2276.     display: none;
  2277. }
  2278. multibar toolbaritem {
  2279.     padding: 0px;
  2280.     margin-top: 0px;
  2281. }
  2282. .multibar-control toolbarbutton {
  2283.     margin: 0px;
  2284.     padding: 0px 3px;
  2285. }
  2286. .multibar-control-btn-icon {
  2287.     list-style-image: url("chrome://global/skin/toolbar/multibar-control-btn.png");
  2288. }
  2289. dropmarker .multibar-dropdown-icon {
  2290.     list-style-image: url("chrome://global/skin/toolbar/tb_button_dropmarker.png");
  2291.     margin: 0px;
  2292. }
  2293. .multibar-control-btn-label {
  2294.     font-size: 7pt;
  2295.     color: #5a9bac;
  2296. }
  2297.  
  2298. toolbarbutton[selected="true"] .multibar-control-btn-label {
  2299.     color: #056077;
  2300. }
  2301.  
  2302. toolbarbutton:hover .multibar-control-btn-icon {
  2303.     list-style-image: url("chrome://global/skin/toolbar/multibar-control-btn-hover.png");
  2304. }
  2305. toolbarbutton[selected=true] .multibar-control-btn-icon {
  2306.     list-style-image: url("chrome://global/skin/toolbar/multibar-control-btn-current.png");
  2307. }
  2308.  
  2309. .multibar-searchbar {
  2310.     display: none;
  2311. }
  2312.  
  2313. multibar[showsearch='true'] .multibar-searchbar {
  2314.     display: -moz-box;
  2315. }
  2316.  
  2317. .multibar-ctl-left-top image {
  2318.     list-style-image: url("chrome://global/skin/toolbar/ctrl_l_top.png");
  2319. }
  2320. .multibar-ctl-left-middle {
  2321.     min-height: 2px;
  2322.     background-image: url("chrome://global/skin/toolbar/ctrl_l_mid.png");
  2323.     background-repeat: repeat-y;
  2324. }
  2325. .multibar-ctl-left-bottom image {
  2326.     list-style-image: url("chrome://global/skin/toolbar/ctrl_l_bttm.png");
  2327. }
  2328. .multibar-ctl-left-border {
  2329.     min-width: 2px;
  2330.     background-image: url("chrome://global/skin/toolbar/ctrl_r_mid.png");
  2331.     background-repeat: repeat-y;
  2332. }
  2333.  
  2334. .multibar-ctl-right-top image {
  2335.     list-style-image: url("chrome://global/skin/toolbar/bck_r_top.png");
  2336. }
  2337. .multibar-ctl-right-middle {
  2338.     min-width: 14px;
  2339.     background-image: url("chrome://global/skin/toolbar/bck_r_mid.png");
  2340.     background-repeat: repeat-y;
  2341. }
  2342. .multibar-ctl-right-bottom image {
  2343.     list-style-image: url("chrome://global/skin/toolbar/bck_r_bttm.png");
  2344. }
  2345.  
  2346. .multibar-ctl-horizontal-divider {
  2347.     padding-left: 1px;
  2348.   padding-right: 3px;
  2349.     margin-left: 1px;
  2350.     margin-right: 3px;
  2351.     min-height: 2px;
  2352.     background-image: url("chrome://global/skin/toolbar/divider_horz.png");
  2353.     background-repeat: repeat-x;
  2354.     
  2355. }
  2356.  
  2357. .multibar-vert-divider {
  2358.     background-image: url("chrome://global/skin/toolbar/divider_vert.png");
  2359.     background-repeat: repeat-y;
  2360.     min-width: 2px;
  2361. }
  2362.  
  2363. /*multibar forward and back buttons */
  2364.  
  2365. toolbarbutton .multibar-previous-icon  {
  2366.     list-style-image: url("chrome://global/skin/toolbar/arrow_l.png");
  2367. }
  2368.  
  2369. toolbarbutton:hover .multibar-previous-icon {
  2370.     list-style-image: url("chrome://global/skin/toolbar/arrow_l_ovr.png");
  2371. }
  2372.  
  2373. toolbarbutton:hover:active .multibar-previous-icon  {
  2374.     list-style-image: url("chrome://global/skin/toolbar/arrow_l_prs.png");
  2375. }
  2376.  
  2377. .multibar-top-border {
  2378.     /*min-height: 3px;
  2379.     background-image: url("chrome://global/skin/toolbar/top-border.png");
  2380.     background-repeat: repeat-x;*/
  2381.     display: none;
  2382. }
  2383.  
  2384. .multibar-bck-lighten {
  2385.     background-color: transparent;
  2386. }
  2387.  
  2388. .multibar-bottom-border {
  2389.     /*min-height: 3px;
  2390.     background-image: url("chrome://global/skin/toolbar/bottom-border.png");
  2391.     background-repeat: repeat-x;*/
  2392.     display: none;
  2393.  
  2394. }
  2395.  
  2396. .multibar-control-right-top {
  2397.     min-width: 4px;
  2398.     min-height: 3px;
  2399.     background-image: url("chrome://global/skin/toolbar/ctrl_r_top.png");
  2400.     background-repeat: repeat-y;
  2401. }
  2402.  
  2403. .multibar-control-right-middle {
  2404.     min-width: 4px;
  2405.     min-height: 1px;
  2406.     background-image: url("chrome://global/skin/toolbar/ctrl_r_mid.png");
  2407.     background-repeat: repeat-y;
  2408. }
  2409.  
  2410. .multibar-control-right-bottom {
  2411.     min-width: 4px;
  2412.     min-height: 3px;
  2413.     background-image: url("chrome://global/skin/toolbar/ctrl_r_bttm.png");
  2414.     background-repeat: repeat-y;
  2415. }
  2416.  
  2417. toolbarbutton .multibar-next-icon  {
  2418.     list-style-image: url("chrome://global/skin/toolbar/arrow_r.png");
  2419. }
  2420.  
  2421. toolbarbutton:hover .multibar-next-icon  {
  2422.     list-style-image: url("chrome://global/skin/toolbar/arrow_r_ovr.png");
  2423. }
  2424.  
  2425. toolbarbutton:hover:active .multibar-next-icon  {
  2426.     list-style-image: url("chrome://global/skin/toolbar/arrow_r_prs.png");
  2427. }
  2428.  
  2429. /* display multibar buttons in text only mode */
  2430. #PersonalToolbar[mode="text"] .multibar-left-button .toolbarbutton-icon {
  2431.     display: -moz-box;
  2432. }
  2433.  
  2434. #PersonalToolbar[mode="text"] .multibar-right-button .toolbarbutton-icon {
  2435.     display: -moz-box;
  2436. }
  2437.  
  2438.  
  2439. /* JMC - new multibar control */
  2440.  
  2441.  .multibar-main-button {    
  2442.      -moz-appearance: none;
  2443.      min-width: 78px;
  2444.     max-width: 78px;
  2445.     min-height: 13px; 
  2446.   background-image: url("chrome://global/skin/toolbar/mcontrol-top.png");
  2447.   repeat: none;      
  2448. }
  2449.  
  2450. .multibar-right-button {
  2451.     -moz-appearance: none;
  2452.     padding: 0px;
  2453. }
  2454.  
  2455. .multibar-left-button {
  2456.     -moz-appearance: none;
  2457.     padding: 0px;
  2458. }
  2459.  
  2460. .multibar-top-button-target:hover .multibar-main-button {    background-image: url("chrome://global/skin/toolbar/mcontrol-top-over.png");     }
  2461. .multibar-top-button-target:hover:active .multibar-main-button {    background-image: url("chrome://global/skin/toolbar/mcontrol-top-press.png");    }
  2462.  
  2463. .multibar-right-button .toolbarbutton-icon,
  2464. .multibar-left-button .toolbarbutton-icon {
  2465.     margin: 0px;
  2466. }
  2467.  
  2468. .multibar-left-button .toolbarbutton-icon {    list-style-image: url("chrome://global/skin/toolbar/mcontrol-left-button.png");    }
  2469. .multibar-left-button:hover  .toolbarbutton-icon {    list-style-image: url("chrome://global/skin/toolbar/mcontrol-left-button-over.png");     }
  2470. .multibar-left-button:hover:active  .toolbarbutton-icon {    list-style-image: url("chrome://global/skin/toolbar/mcontrol-left-button-press.png");    }
  2471.  
  2472. .multibar-right-button .toolbarbutton-icon {    list-style-image: url("chrome://global/skin/toolbar/mcontrol-right-button.png");    }
  2473. .multibar-right-button:hover  .toolbarbutton-icon {    list-style-image: url("chrome://global/skin/toolbar/mcontrol-right-button-over.png");     }
  2474. .multibar-right-button:hover:active  .toolbarbutton-icon {    list-style-image: url("chrome://global/skin/toolbar/mcontrol-right-button-press.png");    }
  2475.  
  2476. .multibar-main-horiz-line {
  2477.      min-height: 1px;
  2478.      background-repeat: repeat-y;    
  2479.      background-image: url("chrome://global/skin/toolbar/mcontrol-mid.png");
  2480. }
  2481.  
  2482. .multibar-top-button-target {
  2483.     -moz-appearance: none;
  2484.     border: 0px;
  2485.     margin: 0px;
  2486.     background: none;
  2487.  
  2488. }
  2489.  
  2490. .multibar-top-button-target .button-box {
  2491.     border: 0px;
  2492.     margin: 0px;
  2493.     padding: 0px;
  2494. }
  2495.  
  2496. .multibar-top-button-target:hover .multibar-main-horiz-line {               background-image: url("chrome://global/skin/toolbar/mcontrol-mid-over.png");    }
  2497. .multibar-top-button-target:hover:active .multibar-main-horiz-line {               background-image: url("chrome://global/skin/toolbar/mcontrol-mid-press.png"); }
  2498.  
  2499. .multibar-top-button-target .multibar-drop {    list-style-image: url("chrome://global/skin/toolbar/multibar-drop.png");    }
  2500. .multibar-top-button-target:hover .multibar-drop {    list-style-image: url("chrome://global/skin/toolbar/multibar-drop-over.png");    }
  2501. .multibar-top-button-target:hover:active .multibar-drop {    list-style-image: url("chrome://global/skin/toolbar/multibar-drop-press.png");    }
  2502.  
  2503. .multibar-label-and-drop { padding-right: 10px; padding-left: 14px;  width: 64px !important;}
  2504.  
  2505. .multibar-tray-label {
  2506.     font-size: 9px;
  2507.     color: #000000;
  2508.     text-align: center;
  2509.     max-width: 50px !important;
  2510. }
  2511.     
  2512. /*.multibar-top-button-target:hover .multibar-tray-label {    color: #2199B7; }
  2513. .multibar-top-button-target:hover:active .multibar-tray-label {    color: #088DAF; }
  2514. */
  2515.     
  2516.  
  2517. .multibar-main-control {
  2518.     width: 80px;
  2519.     max-width: 80px !important;
  2520.     min-width: 80px !important;
  2521. }
  2522.  
  2523. .multibartray-left-margin {
  2524.     padding-left: 5px;
  2525. }
  2526.  
  2527. /* end multibar forward back buttons */
  2528.  
  2529.  
  2530.  
  2531. /* Customize toolbars button */
  2532.  
  2533. #customize-toolbars-button {
  2534.     display: none;
  2535.     /*list-style-image: url("chrome://browser/skin/icons/customize_n.png");*/
  2536. }
  2537. /*#customize-toolbars-button:hover {
  2538.     list-style-image: url("chrome://browser/skin/icons/customize_h.png");
  2539. }
  2540. #customize-toolbars-button:hover:active {
  2541.     list-style-image: url("chrome://browser/skin/icons/customize_a.png");
  2542. }
  2543. #customize-toolbars-button .toolbarbutton-text {
  2544.     display: -moz-box !important;
  2545. }
  2546. [mode="icons"] #customize-toolbars-button {
  2547.     -moz-box-orient: horizontal;
  2548. }
  2549. [iconsize="small"] #customize-toolbars-button {
  2550.     list-style-image: url("chrome://browser/skin/icons/customizesm_n.png");
  2551. }
  2552. [iconsize="small"] #customize-toolbars-button:hover {
  2553.     list-style-image: url("chrome://browser/skin/icons/customizesm_h.png");
  2554. }
  2555. [iconsize="small"] #customize-toolbars-button:hover:active {
  2556.     list-style-image: url("chrome://browser/skin/icons/customizesm_a.png");
  2557. }
  2558. */