home *** CD-ROM | disk | FTP | other *** search
/ OS/2 Shareware BBS: 35 Internet / 35-Internet.zip / mozil06.zip / bin / chrome / modern.jar / skin / modern / navigator / navigator.css < prev    next >
Cascading Style Sheet File  |  2001-03-23  |  11KB  |  390 lines
  1. /** Contains style definitions for the navigator application 
  2.  **/
  3.  
  4. @import url(chrome://communicator/skin/);
  5. @import url(chrome://communicator/skin/bookmarks/bookmarks.css);
  6. @import url(chrome://communicator/skin/sidebar/sidebar.css);
  7.  
  8. #sidebar-parent 
  9.   {
  10.       margin-right          : 2px;
  11.   }
  12.  
  13. /*
  14.  * Rules for 'hiding' portions of the chrome for special
  15.  * kinds of browser windows.
  16.  */
  17. window[chromehidden~="menubar"] .chromeclass-menubar {
  18.     display: none;
  19. }
  20.  
  21. window[chromehidden~="toolbar"] .chromeclass-toolbar {
  22.         display: none;
  23. }
  24.  
  25. window[chromehidden~="location"] .chromeclass-location {
  26.         display: none;
  27. }
  28.  
  29. window[chromehidden~="directories"] .chromeclass-directories {
  30.         display: none;
  31. }
  32.  
  33. window[chromehidden~="status"] .chromeclass-status {
  34.         display: none;
  35. }
  36.  
  37. window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
  38.         display: none;
  39. }
  40.  
  41. /*
  42.  * Images for the main buttons
  43.  */
  44. #back-button 
  45.   {
  46.       margin-left              : 0px;
  47.     list-style-image      : url("chrome://navigator/skin/back.gif");
  48.   }
  49.  
  50. #back-button[disabled="true"],
  51. #back-button[disabled="true"]:hover,
  52. #back-button[disabled="true"]:hover:active,
  53. #back-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
  54. #back-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
  55. #back-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  56.   {
  57.     list-style-image      : url("chrome://navigator/skin/back-disabled.gif");
  58.   }
  59.  
  60. #back-button > .menubutton-dual-stack > .menubutton-dual-button:hover
  61.   {
  62.     list-style-image      : url("chrome://navigator/skin/back-hover.gif");
  63.   }
  64.  
  65. #back-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  66.   {
  67.     list-style-image      : url("chrome://navigator/skin/back-clicked.gif");
  68.   }
  69.  
  70. #forward-button 
  71.   {
  72.     list-style-image      : url("chrome://navigator/skin/forward.gif");
  73.   }
  74.  
  75. #forward-button[disabled="true"],
  76. #forward-button[disabled="true"]:hover,
  77. #forward-button[disabled="true"]:hover:active,
  78. #forward-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
  79. #forward-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
  80. #forward-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  81.   {
  82.     list-style-image      : url("chrome://navigator/skin/forward-disabled.gif");
  83.   }
  84.  
  85. #forward-button > .menubutton-dual-stack > .menubutton-dual-button:hover
  86.   {
  87.     list-style-image      : url("chrome://navigator/skin/forward-hover.gif");
  88.   }
  89.  
  90. #forward-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  91.   {
  92.     list-style-image      : url("chrome://navigator/skin/forward-clicked.gif");
  93.   }
  94.  
  95. #stop-button 
  96.   {
  97.       list-style-image      : url("chrome://navigator/skin/stop.gif");
  98.   } 
  99.  
  100. #stop-button[disabled="true"],
  101. #stop-button[disabled="true"]:hover,
  102. #stop-button[disabled="true"]:hover:active
  103.   {
  104.     list-style-image      : url("chrome://navigator/skin/stop-disabled.gif");
  105.   } 
  106.  
  107. #stop-button:hover
  108.   {
  109.     list-style-image      : url("chrome://navigator/skin/stop-hover.gif");
  110.   } 
  111.  
  112. #stop-button:hover:active
  113.   {
  114.     list-style-image      : url("chrome://navigator/skin/stop-clicked.gif");
  115.   } 
  116.  
  117. #reload-button 
  118.   {
  119.     list-style-image        : url("chrome://navigator/skin/reload.gif");
  120.   }
  121.   
  122. #reload-button[disabled="true"],
  123. #reload-button[disabled="true"]:hover,
  124. #reload-button[disabled="true"]:hover:active
  125.   {
  126.      list-style-image      : url("chrome://navigator/skin/reload-disabled.gif");
  127.   }
  128.  
  129. #reload-button:hover
  130.   {
  131.     list-style-image        : url("chrome://navigator/skin/reload-hover.gif");
  132.   }
  133.  
  134. #reload-button:hover:active
  135.   {
  136.     list-style-image        : url("chrome://navigator/skin/reload-clicked.gif");
  137.   }
  138.  
  139. #print-button 
  140.   {
  141.     -moz-binding          : url("chrome://communicator/skin/menubuttonBindings.xml#menubutton-dual-foo");
  142.     list-style-image      : url("chrome://global/skin/print.gif");
  143.     margin                : 6px 6px 10px 6px;
  144.   }
  145.  
  146. #print-button[disabled="true"],
  147. #print-button[disabled="true"]:hover,
  148. #print-button[disabled="true"]:hover:active,
  149. #print-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button,
  150. #print-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover,
  151. #print-button[disabled="true"] > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  152.   {
  153.     list-style-image      : url("chrome://global/skin/print-disabled.gif");
  154.   }
  155.  
  156. #print-button > .menubutton-dual-stack > .menubutton-dual-button:hover
  157.   {
  158.     list-style-image      : url("chrome://global/skin/print-hover.gif");
  159.   }
  160.  
  161. #print-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active
  162.   {
  163.     list-style-image      : url("chrome://global/skin/print-clicked.gif");
  164.   }
  165.  
  166. #print-button > .menubutton-dual-stack > .menubutton-dual-dropmarker-box
  167.   {
  168.     margin-left             : 19px;
  169.     margin-top                : 22px;
  170.   }
  171.  
  172.  
  173. /* Hides text below the above buttons */
  174. .button-toolbar-1 > .button-internal-box > .button-text-container
  175.   {
  176.       display                    : none;
  177.   }
  178.  
  179.  
  180. /*all the urlbar stuff*/
  181.  
  182. #nav-bar > .toolbar-primary-image-left, 
  183. #nav-bar > .toolbar-primary-image-middle,
  184. #nav-bar > .toolbar-primary-image-right
  185. {
  186.     max-height    : 43px;
  187. }
  188.  
  189. #nav-bar-inner
  190.   {
  191.     -moz-binding          : url("chrome://global/skin/globalBindings.xml#nav-bar-inner");
  192.     margin                    : 6px 0px 9px 6px;
  193.     min-width                : 0px;
  194.   }
  195.  
  196. .navbar-inner-groove-image-left                                                 
  197.   {                                                                             
  198.     list-style-image          : url("chrome://navigator/skin/navbar-inner-groove-left.gif");
  199.     width                             : 6px;                                
  200.     height                            : 31px;
  201.   }
  202.  
  203. /* 3px border on top and bottom of navbar-inner */
  204.  
  205. .navbar-inner-border-outer
  206.   {
  207.       border-top              : 1px solid #A0B3C7;
  208.       border-bottom          : 1px solid #7C92AF;
  209.   }
  210.  
  211. .navbar-inner-border-middle
  212.   {
  213.       border-top              : 1px solid #7D91AA;
  214.       border-bottom          : 1px solid #4E6179;
  215.   }
  216.  
  217. .navbar-inner-border-inner
  218.   {
  219.       border-top              : 1px solid #BBCDE3;
  220.       border-bottom          : 1px solid #556D8B;
  221.   }
  222.  
  223. .navbar-inner-groove-image-right                                                
  224.   {                                                                             
  225.     list-style-image          : url("chrome://navigator/skin/navbar-inner-groove-right.gif");
  226.     width                     : 6px;                                
  227.     height                    : 31px;                               
  228.   }
  229.  
  230.  
  231. #urlbar-group
  232.   {
  233.       -moz-binding          : url("chrome://global/skin/globalBindings.xml#urlbar-group");
  234.      margin                  : 3px 8px 0px 2px;
  235.   }
  236.  
  237.  
  238. .urlbar-image-left
  239.   {
  240.       list-style-image          : url("chrome://navigator/skin/urlbar-left.gif");
  241.       width                     : 3px;
  242.       height                    : 18px;
  243.       max-height                : 26px;
  244.   }
  245.  
  246. .urlbar-border-outer
  247.   {
  248.       border-top              : 1px solid #65696D;
  249.   }
  250.  
  251. .urlbar-border-inner
  252.   {
  253.       border-top              : 1px solid #A3A3A3;
  254.   }
  255.  
  256. .urlbar-image-right                                                             
  257.   {                                                                             
  258.     list-style-image          : url("chrome://navigator/skin/urlbar-right.gif");
  259.     width                         : 4px;                                
  260.     height                        : 18px;                               
  261.       max-height                    : 26px;
  262.   }
  263.  
  264. #page-proxy-button 
  265.   {
  266.       margin-left              : 0px;
  267.       margin-right          : 2px;
  268.       margin-top              : 0px;
  269.      list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); 
  270.     cursor                : grab;
  271.   } 
  272.  
  273.  
  274. /* #ubhist-keyword-popup does not exist in Mozilla, only in Netscape.  It gets overlayed in with 
  275.  * navExtraOverlay.xul.  Ideally, this styling should only exist in Netscape, but since it is
  276.  * in Mozilla right now, it should not be removed before we ship.  Take this out and put it in
  277.  * commercial after shipping.  (8/24/00) - nbhatla
  278.  */
  279.  
  280. #ubhist-keyword-popup
  281.   {
  282.     margin                : 3px 4px 8px 3px;
  283.     width                 : 10px; 
  284.     list-style-image      : url("chrome://navigator/skin/ubhist-keyword-popup.gif");
  285.     background-color      : transparent;
  286.     border                  : 0px;
  287.   } 
  288.  
  289. #ubhist-keyword-popup > .menubutton-icon-internal-box
  290.   {
  291.       border                  : 0px;
  292.   }
  293.  
  294. #ubhist-keyword-popup:hover:active
  295.   {
  296.     margin                : 3px 4px 8px 3px;
  297.     width                 : 10px; 
  298.     list-style-image      : url("chrome://navigator/skin/ubhist-keyword-popup-active.gif"); 
  299.   } 
  300.  
  301. /*************************************/
  302.  
  303. #ubhist
  304.   {
  305.     margin                : 1px 1px 3px 0px;
  306.     width                 : 10px; 
  307.     list-style-image      : url("chrome://global/skin/simple-arrow-down.gif"); 
  308.     border                : none;
  309.     padding               : 0px;
  310.   }
  311.  
  312. #ubhist-popup
  313.   {
  314.     max-width             : none !important;
  315.   }
  316.  
  317. #action-popup 
  318.   {
  319.     list-style-image      : url("chrome://global/skin/simple-arrow-down.gif"); 
  320.     margin                : 0px; 
  321.     -moz-border-radius    : 4px;
  322.   }
  323.  
  324. #content-frame 
  325.   {
  326.     min-width             : 0px;
  327.     min-height            : 0px;
  328.   }
  329.  
  330. #statusbar-icon 
  331.   {
  332.     width                 : 100px;
  333.   }
  334.  
  335. #search-button
  336.   {
  337.     margin-right          : 4px;
  338.   }
  339.   
  340. #home-button
  341.   {
  342.     list-style-image      : url("chrome://communicator/skin/bookmarks/home.gif");
  343.   }
  344.   
  345. .menuitem-iconic
  346.   {
  347.     padding               : 2px;
  348.   }
  349.  
  350. #navigator-throbber
  351.   {
  352.     -moz-user-focus       : ignore !important;
  353.   }
  354.  
  355. /**********
  356.  * The grippy in the navigator primary-toolbar
  357.  ********/
  358.  
  359. #navbar > .toolbar-primary-grippy
  360.   { 
  361.     background-image     : url("chrome://communicator/skin/pt-grippy-bg.gif");
  362.   } 
  363.  
  364. #navbar > .toolbar-primary-grippy > .toolbargrippy-top
  365.   {
  366.     background-image     : url("chrome://communicator/skin/pt-grippy-top.gif");
  367.     height               : 5px;
  368.   }
  369.  
  370. #navbar > .toolbar-primary-grippy > .toolbargrippy-btm
  371.   {
  372.     background-image     : url("chrome://communicator/skin/pt-grippy-btm.gif");
  373.     height               : 38px;
  374.   }
  375.   
  376. #navbar > .toolbar-primary-grippy:hover:active
  377.   {
  378.     background-image     : url("chrome://communicator/skin/pt-grippy-bg-active.gif");
  379.   }
  380.  
  381. #navbar > .toolbar-primary-grippy:hover:active > .toolbargrippy-top
  382.   {
  383.       background-image     : url("chrome://communicator/skin/pt-grippy-top-active.gif");
  384.   }
  385.  
  386. #navbar > .toolbar-primary-grippy:hover:active > .toolbargrippy-btm
  387.   {
  388.       background-image     : url("chrome://communicator/skin/pt-grippy-btm-active.gif");
  389.   }
  390.