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