home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / MozCurveBlue-1.4-0.99.jar / navigator / navigator.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-06  |  10.8 KB  |  421 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. @import url("chrome://navigator/content/navigator.css");
  39. @import url("chrome://communicator/skin/");
  40. @import url("chrome://communicator/skin/sidebar/sidebar.css");
  41. @import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css");
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. /* ::::: primary toolbar buttons ::::: */
  46.  
  47. .toolbarbutton-1 {
  48.   list-style-image: url("chrome://navigator/skin/icons/btn1.png");
  49. }
  50.  
  51. #back-button {
  52.   -moz-image-region: rect(0px 22px 22px 0px);
  53. }
  54.  
  55. #back-button[buttonover="true"] {
  56.   -moz-image-region: rect(0px 44px 22px 22px);
  57. }
  58.  
  59. #back-button[buttondown="true"] {
  60.   -moz-image-region: rect(0px 66px 22px 44px);
  61. }
  62.  
  63. #back-button[disabled="true"] {
  64.   -moz-image-region: rect(0px 88px 22px 66px) !important;
  65. }
  66.  
  67. #forward-button {
  68.   -moz-image-region: rect(22px 22px 44px 0px);
  69. }
  70.  
  71. #forward-button[buttonover="true"] {
  72.   -moz-image-region: rect(22px 44px 44px 22px);
  73. }
  74.  
  75. #forward-button[buttondown="true"] {
  76.   -moz-image-region: rect(22px 66px 44px 44px);
  77. }
  78.  
  79. #forward-button[disabled="true"] {
  80.   -moz-image-region: rect(22px 88px 44px 66px) !important;
  81. }
  82.  
  83. #reload-button {
  84.   -moz-image-region: rect(44px 22px 66px 0px);
  85. }
  86.   
  87. #reload-button:hover {
  88.   -moz-image-region: rect(44px 44px 66px 22px);
  89. }
  90.  
  91. #reload-button:hover:active {
  92.   -moz-image-region: rect(44px 66px 66px 44px);
  93. }
  94.  
  95. #reload-button[disabled="true"] {
  96.   -moz-image-region: rect(44px 88px 66px 66px) !important;
  97. }
  98.  
  99. #stop-button {
  100.   list-style-image: url("chrome://communicator/skin/icons/btn1.png");
  101.   -moz-image-region: rect(22px 22px 44px 0px);
  102. }
  103.  
  104. #stop-button:hover {
  105.   -moz-image-region: rect(22px 44px 44px 22px);
  106. } 
  107.  
  108. #stop-button:hover:active {
  109.   -moz-image-region: rect(22px 66px 44px 44px);
  110. }
  111.  
  112. #stop-button[disabled="true"] {
  113.   -moz-image-region: rect(22px 88px 44px 66px) !important;
  114. }
  115.  
  116.  
  117.  
  118. /* ::::: home button toolbar addon support ::::: */
  119. #home {
  120.   list-style-image: url("chrome://navigator/skin/icons/home.png") !important;
  121. }
  122.  
  123. #home:hover {
  124.   list-style-image: url("chrome://navigator/skin/icons/home-hov.png") !important;
  125. }
  126.  
  127. #home:hover:active {
  128.   list-style-image: url("chrome://communicator/skin/help/home-act.gif") !important;
  129. }
  130.  
  131. #home[disabled="true"] {
  132.   list-style-image: url("chrome://communicator/skin/help/home-dis.gif") !important;
  133. }
  134.  
  135. #home[toolbarmode="small"] {
  136.   list-style-image: url("chrome://navigator/skin/icons/home.png");
  137. }
  138.  
  139. #home[toolbarmode="small"]:hover {
  140.   list-style-image: url("chrome://navigator/skin/icons/home-hov.png");
  141. }
  142.  
  143. #home[toolbarmode="small"]:hover:active {
  144.   list-style-image: url("chrome://navigator/skin/icons/home-act.png");
  145. }
  146.  
  147. #home[toolbarmode="small"][disabled="true"] {
  148.   list-style-image: url("chrome://navigator/skin/icons/home-dis.png") !important;
  149. }
  150. /* ::::: end home button toolbar addon support ::::: */
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157. #print-button {
  158.   list-style-image: url("chrome://communicator/skin/icons/btn1.png");
  159.   -moz-image-region: rect(0px 22px 22px 0px);
  160. }
  161.  
  162. #print-button[buttonover="true"] {
  163.   -moz-image-region: rect(0px 44px 22px 22px);
  164. }
  165.  
  166. #print-button[buttondown="true"] {
  167.   -moz-image-region: rect(0px 66px 22px 44px);
  168. }
  169.  
  170. #print-button[disabled="true"] {
  171.   -moz-image-region: rect(0px 88px 22px 66px) !important;
  172. }
  173.  
  174. #fullscreen-exit-button {
  175.   list-style-image: url("chrome://navigator/skin/icons/window-nofullscreen.png");
  176. }
  177.  
  178. /* ::::: small primary toolbar buttons ::::: */
  179.  
  180. .toolbarbutton-1[toolbarmode="small"] {
  181.   min-width: 0;
  182. }
  183.  
  184. .toolbarbutton-text[toolbarmode="small"] {
  185.   display: none;
  186. }
  187.  
  188. #search-button[toolbarmode="small"] > .button-box > .button-text {
  189.   display: none;
  190. }
  191.  
  192. .toolbarbutton-icon[toolbarmode="small"] {
  193.   display: inline;
  194. }
  195.  
  196. #nav-bar[toolbarmode="small"] > .toolbar-primary-grippy {
  197.   display: none;
  198. }
  199.  
  200. /* ::::: fullscreen window controls ::::: */
  201.  
  202. #window-controls {
  203.   -moz-box-align: center;
  204.   padding: 0 2px 0 4px;
  205.   border-left: 2px solid;
  206.   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
  207. }
  208.  
  209. #minimize-button {
  210.   list-style-image: url("chrome://navigator/skin/icons/minimize.png");
  211. } 
  212.  
  213. #restore-button {
  214.   list-style-image: url("chrome://navigator/skin/icons/restore.png");
  215. } 
  216.  
  217. #close-button {
  218.   list-style-image: url("chrome://navigator/skin/icons/close.png");
  219. } 
  220.   
  221. /* ::::: nav-bar-inner ::::: */
  222.   
  223. #nav-bar-inner {
  224.   -moz-box-align: center;
  225.   min-width: 0px;
  226. }
  227.  
  228. #urlbar {  
  229.   border: 2px solid;
  230.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  231.   -moz-border-right-colors: ThreeDHighlight ThreeDFace;
  232.   -moz-border-bottom-colors: ThreeDHighlight ThreeDFace;
  233.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  234. }
  235.  
  236. /* ::::: page proxy icon ::::: */
  237.  
  238. #page-proxy-deck,
  239. #page-proxy-favicon,
  240. #page-proxy-button {
  241.   width: 16px;
  242.   height: 16px;
  243. }
  244.  
  245. #page-proxy-deck {
  246.   cursor: -moz-grab;
  247.   margin: 2px 3px;
  248. }
  249.  
  250. #page-proxy-button {
  251.   list-style-image: url("chrome://communicator/skin/bookmarks/location.png"); 
  252. } 
  253.  
  254. #page-proxy-favicon {
  255.   list-style-image: none;
  256. } 
  257.  
  258. #page-proxy-button[pageproxystate="valid"]:hover  {
  259.   list-style-image: url("chrome://communicator/skin/bookmarks/location-hov.png");
  260. }
  261.   
  262. #page-proxy-button[pageproxystate="valid"]:hover:active {
  263.   list-style-image: url("chrome://communicator/skin/bookmarks/location-act.png");
  264. }
  265.  
  266. #page-proxy-button[pageproxystate="invalid"] {
  267.   cursor: default;
  268.   list-style-image: url("chrome://communicator/skin/bookmarks/location-dis.png");
  269. }
  270.  
  271. /* ::::: autocomplete ::::: */
  272.  
  273. .autocomplete-history-dropmarker {
  274.   border-right-width: 1px;
  275.   border-bottom-width: 1px;
  276.   -moz-border-right-colors: ThreeDShadow;
  277.   -moz-border-bottom-colors: ThreeDShadow;
  278. }
  279.  
  280. .autocomplete-treebody:-moz-tree-cell-text(value) {
  281.   padding-left: 15px;
  282. }
  283.  
  284. .autocomplete-treebody:-moz-tree-cell-text(comment) {
  285.   color: ThreeDShadow;
  286. }
  287.  
  288. .autocomplete-search-box {
  289.   border-top: 2px groove -moz-Dialog;
  290.   background-color: -moz-Dialog;
  291.   color: ButtonText;
  292. }
  293.  
  294. .autocomplete-result-popup[nomatch] > .autocomplete-search-box {
  295.   border-top: 1px solid ThreeDHighlight;
  296. }
  297.  
  298. .autocomplete-search-engine {
  299.   padding: 2px;
  300. }
  301.  
  302. .autocomplete-search-engine[menuactive="true"] {
  303.   background-color: Highlight;
  304.   color: HighlightText;
  305. }
  306.  
  307. .autocomplete-search-engine-img {
  308.   margin-right: 4px;
  309. }
  310.  
  311. /* ::::: go and searchbuttons ::::: */
  312. #search-button,
  313. #go-button {
  314.   margin: 0px 4px 0px 0px;
  315.   font: message-box;
  316. }
  317.  
  318. #go-button {
  319.   list-style-image: url("chrome://communicator/skin/icons/go.png");
  320.   font-weight: bold;
  321.   -moz-border-top-colors: transparent;
  322.   -moz-border-right-colors: transparent;
  323.   -moz-border-bottom-colors: transparent;
  324.   -moz-border-left-colors: transparent;
  325. }
  326.  
  327. #go-button:hover {
  328.   list-style-image: url("chrome://communicator/skin/icons/go-hov.png");
  329.   -moz-border-top-colors: ThreeDHighlight;
  330.   -moz-border-right-colors: ThreeDShadow;
  331.   -moz-border-bottom-colors: ThreeDShadow;
  332.   -moz-border-left-colors: ThreeDHighlight;
  333. }
  334.  
  335. #go-button:active {
  336.   list-style-image: url("chrome://communicator/skin/icons/go-act.png");
  337. }
  338.  
  339. #search-button {
  340.   list-style-image: url("chrome://communicator/skin/icons/search.png");
  341. }
  342.  
  343. #search-button:hover {
  344.   list-style-image: url("chrome://communicator/skin/icons/search-hov.png");
  345. }
  346.  
  347. #search-button:hover:active {
  348.   list-style-image: url("chrome://communicator/skin/icons/search-act.png");
  349. }
  350.  
  351. /* ::::: personal toolbar ::::: */
  352.  
  353. #bookmarks-button {
  354.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.png");
  355. }
  356.  
  357. #bookmarks-button:hover {
  358.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed-hov.png");
  359. }
  360.  
  361.  
  362. #bookmarks-button[open="true"] {
  363.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.png");
  364. }
  365.  
  366. #bookmarks-button[open="true"]:hover {
  367.   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open-hov.png");
  368. }
  369.  
  370. /* ::::: sidebar splitter ::::: */
  371.  
  372. #sidebar-splitter {
  373.   border-left: none;
  374.   border-right: none;
  375.   min-width: 5px;
  376. }
  377.  
  378. /* ::::: content area ::::: */
  379.  
  380. #content {
  381.   border-top: 1px solid ThreeDDarkShadow;
  382.   border-bottom: 1px solid ThreeDLightShadow;
  383.   border-left: 2px solid;
  384.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  385. }
  386.  
  387. #status-bar {
  388.   border-top: none;
  389. }
  390.  
  391. #security-button {
  392.   list-style-image: url("chrome://communicator/skin/icons/lock-insecure.png");
  393. }
  394.  
  395. #security-button[level="high"] {
  396.   list-style-image: url("chrome://communicator/skin/icons/lock-secure.png");
  397. }
  398.  
  399. #security-button[level="low"] {
  400.   list-style-image: url("chrome://communicator/skin/icons/lock-secure.png");
  401. }
  402.  
  403. #security-button[level="broken"] {
  404.   list-style-image: url("chrome://communicator/skin/icons/lock-broken.png");
  405. }
  406.  
  407. /* ::::: personal toolbar ::::: */
  408.  
  409. #home-button {
  410.   list-style-image: url("chrome://communicator/skin/bookmarks/home.png");
  411. }
  412.   
  413. #home-button:hover {
  414.   list-style-image: url("chrome://communicator/skin/bookmarks/home-hover.png");
  415. }
  416.   
  417. #home-button:hover:active {
  418.   list-style-image: url("chrome://communicator/skin/bookmarks/home-active.png");
  419. }
  420.  
  421.