home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / ieskin-0.0.3-IE5.5-skinVersion1.5.xpi / ieskin.jar / navigator / navigator.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-01-05  |  13.3 KB  |  516 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.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either the GNU General Public License Version 2 or later (the "GPL"), or 
  26.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the NPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the NPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38. /* Modified for IE Skin by Bamm Gabriana, Jan 2004 */
  39.  
  40. @import url("chrome://navigator/content/navigator.css");
  41. @import url("chrome://communicator/skin/");
  42. @import url("chrome://communicator/skin/sidebar/sidebar.css");
  43. @import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
  44.  
  45. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  46.  
  47.  
  48. /* ::::: primary toolbar ::::: */
  49.  
  50. .toolbarbutton-1,
  51. .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  52.   min-width: 4.2em;
  53. }
  54.  
  55. .toolbarbutton-1 {
  56.   list-style-image: url("chrome://navigator/skin/icons/btn1.gif");
  57. }
  58.  
  59. .toolbarbutton-1 > .toolbarbutton-icon,
  60. .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
  61.   margin: 0px 0px 0px 1px;
  62.   padding: 2px 0px 0px 0px;
  63. }
  64.  
  65. .toolbarbutton-1 > .toolbarbutton-text,
  66. .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text {
  67.   margin: 0px 0px 1px 1px !important;
  68.   padding: 0;
  69. }
  70.  
  71.  
  72. /* ::::: primary toolbar buttons ::::: */
  73.  
  74. #back-button {
  75.   -moz-image-region: rect(0px 23px 21px 0px);
  76. }
  77.  
  78. #back-button:hover {
  79.   -moz-image-region: rect(0px 45px 21px 22px);
  80. }
  81.  
  82. #back-button:hover:active,
  83. #back-button[open="true"] {
  84.   -moz-image-region: rect(0px 67px 21px 44px);
  85. }
  86.  
  87. #back-button[disabled="true"] {
  88.   -moz-image-region: rect(0px 89px 21px 66px) !important;
  89. }
  90.  
  91. #forward-button {
  92.   -moz-image-region: rect(20px 23px 41px 0px);
  93. }
  94.  
  95. #forward-button:hover {
  96.   -moz-image-region: rect(20px 45px 41px 22px);
  97. }
  98.  
  99. #forward-button:hover:active,
  100. #forward-button[open="true"] {
  101.   -moz-image-region: rect(20px 67px 41px 44px);
  102. }
  103.  
  104. #forward-button[disabled="true"] {
  105.   -moz-image-region: rect(20px 89px 41px 66px) !important;
  106. }
  107.  
  108. #reload-button {
  109.   -moz-image-region: rect(40px 23px 61px 0px);
  110. }
  111.  
  112. #reload-button:hover {
  113.   -moz-image-region: rect(40px 45px 61px 22px);
  114. }
  115.  
  116. #reload-button:hover:active {
  117.   -moz-image-region: rect(40px 67px 61px 44px);
  118. }
  119.  
  120. #reload-button[disabled="true"] {
  121.   -moz-image-region: rect(40px 89px 61px 66px) !important;
  122. }
  123.  
  124. #stop-button {
  125.   list-style-image: url("chrome://navigator/skin/icons/btn2.gif");
  126.   -moz-image-region: rect(21px 23px 42px 0px);
  127. }
  128.  
  129. #stop-button:hover {
  130.   -moz-image-region: rect(21px 45px 42px 22px);
  131. } 
  132.  
  133. #stop-button:hover:active {
  134.   -moz-image-region: rect(21px 67px 42px 44px);
  135. }
  136.  
  137. #stop-button[disabled="true"] {
  138.   -moz-image-region: rect(21px 89px 42px 66px) !important;
  139. }
  140.  
  141. #print-button {
  142.   list-style-image: url("chrome://navigator/skin/icons/btn2.gif");
  143.   -moz-image-region: rect(0px 23px 21px 0px);
  144. }
  145.  
  146. #print-button:hover {
  147.   -moz-image-region: rect(0px 45px 21px 22px);
  148. }
  149.  
  150. #print-button:hover:active,
  151. #print-button[open="true"] {
  152.   -moz-image-region: rect(0px 67px 21px 44px);
  153. }
  154.  
  155. #print-button[disabled="true"] {
  156.   -moz-image-region: rect(0px 89px 21px 66px) !important;
  157. }
  158.  
  159.  
  160. /* ::::: support for home button package ::::: */
  161.  
  162. #home {
  163.   list-style-image: url("chrome://communicator/skin/help/home.gif") !important;
  164.   -moz-image-region: rect(0px 23px 21px 0px) !important;
  165. }
  166.  
  167. #home:hover {
  168.   list-style-image: url("chrome://communicator/skin/help/home-hov.gif") !important;
  169.   -moz-image-region: rect(0px 23px 21px 0px) !important;
  170. }
  171.  
  172. #home:hover:active {
  173.   list-style-image: url("chrome://communicator/skin/help/home-act.gif") !important;
  174.   -moz-image-region: rect(0px 23px 21px 0px) !important;
  175. }
  176.  
  177.  
  178. /* ::::: go and searchbuttons ::::: */
  179.  
  180. #go-button > .button-box > .button-icon,
  181. #search-button > .button-box > .button-icon {
  182.   margin: 0 2px 0 0;
  183. }
  184.  
  185. #go-button {
  186.   list-style-image: url("chrome://communicator/skin/icons/go.gif");
  187.   margin: 0;
  188.   padding: 1px 3px 1px 6px !important;
  189. }
  190.  
  191. #go-button:hover {
  192.   list-style-image: url("chrome://communicator/skin/icons/go-hov.gif");
  193. }
  194.  
  195. #go-button:hover:active {
  196.   list-style-image: url("chrome://communicator/skin/icons/go-act.gif");
  197. }
  198.  
  199. #search-button {
  200.   list-style-image: url("chrome://communicator/skin/icons/search.gif");
  201.   margin: 0;
  202.   padding: 1px 3px 0px 6px !important;
  203. }
  204.  
  205. #search-button:hover {
  206.   list-style-image: url("chrome://communicator/skin/icons/search-hov.gif");
  207. }
  208.  
  209. #search-button:hover:active {
  210.   list-style-image: url("chrome://communicator/skin/icons/search-act.gif");
  211. }
  212.  
  213. #go-button,
  214. #search-button {
  215.   border: 3px solid;
  216.   -moz-border-top-colors: transparent transparent transparent !important;
  217.   -moz-border-right-colors: transparent transparent transparent !important;
  218.   -moz-border-bottom-colors: transparent transparent transparent !important;
  219.   -moz-border-left-colors: transparent transparent transparent !important;
  220.   border-top-color: transparent !important;
  221.   border-right-color: transparent !important;
  222.   border-bottom-color: transparent !important;
  223.   border-left-color: transparent !important;
  224. }
  225.  
  226.  
  227. /* ::::: small primary toolbar buttons ::::: */
  228.  
  229. .toolbarbutton-1[toolbarmode="small"],
  230. .toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-menubutton-button {
  231.   min-width: 0px;
  232. }
  233.  
  234. .toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-icon,
  235. .toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
  236.   margin: 0px 1px 0px 0px;
  237.   padding: 0px;
  238. }
  239.  
  240. .toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-text,
  241. .toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-menubutton-button > .toolbarbutton-text {
  242.   display: none;
  243. }
  244.  
  245. #nav-bar[toolbarmode="small"] > #nav-bar-inner {
  246.   margin: 0;
  247.   border-left: 1px solid ThreeDHighlight;
  248. }
  249.  
  250. #nav-bar[toolbarmode="small"] > .toolbar-primary-grippy {
  251.   display: none;
  252. }
  253.  
  254.  
  255. /* ::::: fullscreen window controls ::::: */
  256.  
  257. #window-controls {
  258.   -moz-box-align: top;
  259.   margin: 0px !important;
  260.   border-left: 2px solid;
  261.   -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
  262.   padding-left: 34px !important;
  263.   background-color: black;
  264.   background: url("chrome://communicator/skin/brand/throbber-single-full.gif");
  265.   background-repeat: no-repeat;
  266.   background-position: 0% 25%;
  267. }
  268.  
  269. #window-controls[busy=true] {
  270.   background: url("chrome://communicator/skin/brand/throbber-anim-full.gif");
  271. }
  272.  
  273. #minimize-button {
  274.   list-style-image: url("chrome://navigator/skin/icons/minimize.gif");
  275.   min-width: 0 !important;
  276.   width: 18px;
  277.   height: 12px;
  278.   margin: 0 0 8px 0;
  279.   padding: 1px 0 0 0;
  280. } 
  281.  
  282. #restore-button {
  283.   list-style-image: url("chrome://navigator/skin/icons/restore.gif");
  284.   min-width: 0 !important;
  285.   width: 18px;
  286.   height: 12px;
  287.   margin: 0 0 8px 0;
  288.   padding: 1px 0 0 0;
  289. } 
  290.  
  291. #close-button {
  292.   list-style-image: url("chrome://navigator/skin/icons/close.gif");
  293.   min-width: 0 !important;
  294.   width: 18px;
  295.   height: 12px;
  296.   margin: 0 0 8px 0;
  297.   padding: 1px 0 0 0;
  298. } 
  299.  
  300.  
  301. /* ::::: personal toolbar ::::: */
  302.  
  303. #home-button {
  304.   list-style-image: url("chrome://communicator/skin/bookmarks/home.gif");
  305. }
  306.   
  307. #home-button:hover {
  308.   list-style-image: url("chrome://communicator/skin/bookmarks/home-hover.gif");
  309. }
  310.   
  311. #home-button:hover:active {
  312.   list-style-image: url("chrome://communicator/skin/bookmarks/home-active.gif");
  313. }
  314.  
  315. #bookmarks-button {
  316.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-button.gif");
  317. }
  318.  
  319. #bookmarks-button:hover {
  320.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-button-hov.gif");
  321. }
  322.  
  323. #bookmarks-button:hover:active {
  324.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-button-act.gif");
  325. }
  326.  
  327. #bookmarks-button[open="true"] {
  328.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-button-act.gif");
  329. }
  330.  
  331.   
  332. /* ::::: nav bar ::::: */
  333.   
  334. #nav-bar-buttons {
  335.   border-right: 1px solid ThreeDShadow;
  336.   padding: 0px 4px 0px 0px;
  337. }
  338.   
  339. #nav-bar-inner {
  340.   -moz-box-align: center;
  341.   margin: 0;
  342.   border-left: 1px solid ThreeDHighlight;
  343.   padding: 0 4px;
  344.   min-width: 0;
  345. }
  346.  
  347. #urlbar {
  348.   margin: 0px 2px;
  349.   border: 2px solid;
  350.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  351.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  352.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  353.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  354.   padding: 0px !important;
  355. }
  356.  
  357.  
  358. /* ::::: page proxy icon ::::: */
  359.  
  360. #page-proxy-deck,
  361. #page-proxy-favicon,
  362. #page-proxy-button {
  363.   width: 16px;
  364.   height: 16px;
  365. }
  366.  
  367. #page-proxy-deck {
  368.   margin: 1px;
  369. }
  370.  
  371. #page-proxy-button {
  372.   list-style-image: url("chrome://communicator/skin/bookmarks/location.gif"); 
  373. } 
  374.  
  375. #page-proxy-favicon {
  376.   list-style-image: none;
  377. } 
  378.  
  379. #page-proxy-button[pageproxystate="valid"]:hover  {
  380.   list-style-image: url("chrome://communicator/skin/bookmarks/location-hov.gif");
  381. }
  382.   
  383. #page-proxy-button[pageproxystate="valid"]:hover:active {
  384.   list-style-image: url("chrome://communicator/skin/bookmarks/location-act.gif");
  385. }
  386.  
  387. #page-proxy-button[pageproxystate="invalid"] {
  388.   cursor: default;
  389.   list-style-image: url("chrome://communicator/skin/bookmarks/location-dis.gif");
  390. }
  391.  
  392.  
  393. /* ::::: autocomplete ::::: */
  394.  
  395. .autocomplete-treebody:-moz-tree-cell-text(value) {
  396.   padding-left: 15px;
  397. }
  398.  
  399. .autocomplete-treebody:-moz-tree-cell-text(comment) {
  400.   color: ThreeDShadow;
  401. }
  402.  
  403. .autocomplete-search-box {
  404.   border-top: 2px groove -moz-Dialog;
  405.   background-color: -moz-Dialog;
  406.   color: ButtonText;
  407. }
  408.  
  409. .autocomplete-result-popup[nomatch] > .autocomplete-search-box {
  410.   border-top: 1px solid ThreeDHighlight;
  411. }
  412.  
  413. .autocomplete-search-engine {
  414.   padding: 2px;
  415.   background-color: ThreeDLightShadow;
  416. }
  417.  
  418. .autocomplete-search-engine[menuactive="true"] {
  419.   background-color: Highlight;
  420.   color: HighlightText;
  421. }
  422.  
  423. .autocomplete-search-engine-img {
  424.   margin-right: 4px;
  425. }
  426.  
  427.  
  428. /* ::::: sidebar splitter ::::: */
  429.  
  430. #sidebar-splitter {
  431.   border-left: none;
  432.   border-right: none;
  433.   min-width: 4px;
  434. }
  435.  
  436.  
  437. /* ::::: content area ::::: */
  438.  
  439. #content {
  440.   border: 2px solid;
  441.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  442.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  443.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  444.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  445. }
  446.  
  447. #status-bar {
  448.   border-top: none;
  449. }
  450.  
  451.  
  452. /* ::::: throbber ::::: */
  453.  
  454. #main-menubar {
  455.   background: url("chrome://communicator/skin/brand/throbber-single.gif") no-repeat 100% 0%;
  456. }
  457.  
  458. #main-menubar[busy=true] {
  459.   background: url("chrome://communicator/skin/brand/throbber-anim.gif") no-repeat 100% 0%;
  460. }
  461.  
  462.  
  463. /* ::::: statusbar display ::::: */
  464.  
  465. .statusbarpanel-text {
  466.   background: url("chrome://communicator/skin/bookmarks/location.gif") no-repeat 0% 50%;
  467.   margin: 0px 1px;
  468.   padding: 1px 1px 1px 20px;
  469.   height: 16px
  470. }
  471.  
  472. /* ::::: security overlay ::::: */
  473.  
  474. #security-button {
  475.   list-style-image: url("chrome://communicator/skin/icons/lock-insecure.gif");
  476. }
  477.  
  478. #security-button[level="high"] {
  479.   list-style-image: url("chrome://communicator/skin/icons/lock-securehi.gif");
  480. }
  481.  
  482. #security-button[level="low"] {
  483.   list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
  484. }
  485.  
  486. #security-button[level="broken"] {
  487.   list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
  488. }
  489.  
  490.  
  491. /* ::::: popup controls ::::: */
  492.  
  493. #popupIcon {
  494.   display: -moz-box;
  495.   list-style-image: url("chrome://navigator/skin/icons/popup-blocked.png");
  496. }
  497.  
  498. #popupIcon[hidden="true"] {
  499.   list-style-image: none;
  500. }
  501.  
  502. #popupImage {
  503.   list-style-image: url("chrome://navigator/skin/icons/about-popups.gif");
  504.   margin: 6px 0px;
  505. }
  506.  
  507. /* ::::: chevron ::::: */
  508.  
  509. toolbarbutton.chevron {
  510.   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  511. }
  512.  
  513. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  514.   display: none;
  515. }
  516.