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