home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temathun / Apollo.jar / global / global.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-06-25  |  10.3 KB  |  347 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *
  22.  */
  23.  
  24. /* ===== global.css =====================================================
  25.   == Styles that apply everywhere.
  26.   ======================================================================= */
  27.  
  28. /* all localizable skin settings shall live here */
  29. @import url("chrome://global/locale/intl.css");
  30.  
  31. @import url("chrome://global/skin/formatting.css");
  32.  
  33. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  34.  
  35. #userAgent {
  36.   min-height: 55px !important;
  37. }
  38.  
  39.  
  40. /* ::::: XBL bindings ::::: */
  41.  
  42. radio {
  43.   -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
  44. }
  45.  
  46. menulist > menupopup,
  47. .menulist-menupopup {
  48.   -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
  49. }
  50.  
  51. .menulist-compact {
  52.   -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-compact");
  53. }
  54.  
  55. /* ::::: root elements ::::: */
  56.  
  57. window,
  58. page,
  59. dialog,
  60. wizard {
  61.   background-color: -moz-Dialog;
  62.   color: -moz-DialogText;
  63.   font: message-box;
  64. }
  65.  
  66. /* deprecated */
  67. window.dialog {
  68.   padding: 8px 10px 10px 8px;
  69. }
  70.  
  71. [wait-cursor] {
  72.   cursor: wait !important;
  73. }
  74.  
  75. /* ::::: alert icons :::::*/
  76.  
  77. .message-icon,
  78. .alert-icon,
  79. .error-icon,
  80. .question-icon {
  81.   width: 32px;
  82.   height: 32px;
  83. }
  84.  
  85. .message-icon {
  86.   list-style-image: url("chrome://messenger/skin/icons/alert-message.png");
  87. }
  88.  
  89. .alert-icon {
  90.   list-style-image: url("chrome://messenger/skin/icons/alert-exclam.png");
  91. }
  92.  
  93. .error-icon {
  94.   list-style-image: url("chrome://messenger/skin/icons/alert-error.png");
  95. }
  96.  
  97. .question-icon {
  98.   list-style-image: url("chrome://messenger/skin/icons/alert-question.png");
  99. }
  100.  
  101. /* ::::: iframe ::::: */
  102.  
  103. iframe {
  104.   border: none;
  105.   width: 100px;
  106.   height: 100px;
  107.   min-width: 10px;
  108.   min-height: 10px;
  109. }
  110.  
  111. /* ::::: statusbar ::::: */
  112.  
  113. statusbar {
  114.   -moz-appearance: statusbar;
  115.   border-top: 1px solid ThreeDLightShadow;
  116.   border-left: 1px solid ThreeDShadow;
  117.   border-right: 1px solid ThreeDHighlight;
  118.   border-bottom: 1px solid ThreeDHighlight;
  119.   background-color: -moz-Dialog;
  120.   min-height: 22px;
  121. }
  122.  
  123. statusbarpanel {
  124.   -moz-appearance: statusbarpanel;
  125.   -moz-box-align: center;
  126.   -moz-box-pack: center;
  127.   border-left: 1px solid ThreeDHighlight;
  128.   border-top: 1px solid ThreeDHighlight;
  129.   border-right: 1px solid ThreeDShadow;
  130.   border-bottom: 1px solid ThreeDShadow;
  131.   padding: 0 4px;
  132. }
  133.  
  134. .statusbar-resizerpanel {
  135.   -moz-box-align: end;
  136.   -moz-box-pack: end;
  137.   -moz-appearance: resizerpanel;
  138.   padding: 0px;
  139.   border: none;
  140. }
  141.  
  142. .statusbarpanel-iconic {
  143.   padding: 0px;
  144. }
  145.  
  146. resizer[dir="bottomright"] {
  147.   -moz-appearance: resizer;
  148.   cursor: se-resize;
  149. }
  150.  
  151. /* XXXBlake yeah, shoot me -- these don't belong here.  I'll move them later. */
  152.  
  153. sidebarheader {
  154.   height: 25px;
  155.   background-color: -moz-Dialog;
  156.   -moz-appearance: toolbox;
  157.   border-bottom: 1px solid ThreeDShadow;
  158.   border-top: 1px solid ThreeDHighlight;
  159. }
  160.  
  161. sidebarheader > label {
  162.   padding-left: 4px;
  163. }
  164.  
  165. /* ::::: miscellaneous ::::: */
  166.  
  167. .toolbar-focustarget {
  168.   -moz-user-focus: ignore !important;
  169. }
  170. /* Calendar Extension support */
  171. #calendar-new-event-button   {
  172.  list-style-image: url('chrome://communicator/skin/calendar/compose.png') !important;
  173.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  174.  -moz-box-orient: vertical !important;
  175.   }
  176.  
  177. #calendar-new-event-button[disabled="true"],
  178. #calendar-new-event-button[disabled="true"]:hover,
  179. #calendar-new-event-button[disabled="true"]:hover:active  {
  180.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  181.   }
  182.  
  183. #calendar-new-event-button:hover  {
  184.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  185.   }
  186.  
  187. #calendar-new-event-button:hover:active  {
  188.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  189.   }
  190.  
  191. /*--------------------------------------------------------------------
  192.  *   edit event button
  193.  *-------------------------------------------------------------------*/
  194.  
  195. #calendar-edit-event-button {
  196.  list-style-image: url('chrome://communicator/skin/calendar/edit.png') !important;
  197.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  198.  -moz-box-orient: vertical !important;
  199. }
  200.  
  201. #calendar-edit-event-button[disabled="true"],
  202. #calendar-edit-event-button[disabled="true"]:hover,
  203. #calendar-edit-event-button[disabled="true"]:hover:active{
  204.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  205. }
  206.  
  207. #calendar-edit-event-button:hover{
  208.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  209. }
  210.  
  211. #calendar-edit-event-button:hover:active{
  212.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  213. }
  214.  
  215. /*--------------------------------------------------------------------
  216.  *   delete event button
  217.  *-------------------------------------------------------------------*/
  218.  
  219. #calendar-delete-event-button{
  220.  list-style-image: url('chrome://communicator/skin/calendar/delete.png') !important;
  221.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  222.  -moz-box-orient: vertical !important;
  223. }
  224.   
  225. #calendar-delete-event-button[disabled="true"],
  226. #calendar-delete-event-button[disabled="true"]:hover,
  227. #calendar-delete-event-button[disabled="true"]:hover:active{
  228.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  229. }
  230.  
  231. #calendar-delete-event-button:hover{
  232.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  233. }
  234.  
  235. #calendar-delete-event-button:hover:active{
  236.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  237. }
  238.  
  239.  
  240. /*--------------------------------------------------------------------
  241.  *   Choose date button
  242.  *-------------------------------------------------------------------*/
  243.  
  244. #calendar-choose-date-button, #calendar-multiweek-view-button   {
  245.  list-style-image: url('chrome://communicator/skin/calendar/multiweek.png') !important;
  246.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  247.  -moz-box-orient: vertical !important;
  248.   }
  249. #calendar-choose-date-button[disabled="true"],
  250. #calendar-choose-date-button[disabled="true"]:hover,
  251. #calendar-choose-date-button[disabled="true"]:hover:active,
  252. #calendar-multiweek-view-button[disabled="true"],
  253. #calendar-multiweek-view-button[disabled="true"]:hover,
  254. #calendar-multiweek-view-button[disabled="true"]:hover:active  {
  255.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  256.   }
  257. #calendar-choose-date-button:hover, #calendar-multiweek-view-button:hover  {
  258.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  259.   }
  260. #calendar-choose-date-button:hover:active, #calendar-multiweek-view-button:hover:active  {
  261.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  262.   }
  263.  
  264.  
  265. /*--------------------------------------------------------------------
  266.  *   Go To Today button
  267.  *-------------------------------------------------------------------*/
  268.  
  269. #calendar-go-to-today-button   {
  270.  list-style-image: url('chrome://communicator/skin/calendar/today.png') !important;
  271.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  272.  -moz-box-orient: vertical !important;
  273.   }
  274. #calendar-go-to-today-button[disabled="true"],
  275. #calendar-go-to-today-button[disabled="true"]:hover,
  276. #calendar-go-to-today-button[disabled="true"]:hover:active  {
  277.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  278.   }
  279. #calendar-go-to-today-button:hover  {
  280.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  281.   }
  282. #calendar-go-to-today-button:hover:active  {
  283.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  284.   }
  285.  
  286. /*--------------------------------------------------------------------
  287.  *   Change to month view button
  288.  *-------------------------------------------------------------------*/
  289.  
  290. #calendar-month-view-button   {
  291.  list-style-image: url('chrome://communicator/skin/calendar/month.png') !important;
  292.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  293.  -moz-box-orient: vertical !important;
  294.   }
  295. #calendar-month-view-button[disabled="true"],
  296. #calendar-month-view-button[disabled="true"]:hover,
  297. #calendar-month-view-button[disabled="true"]:hover:active  {
  298.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  299.   }
  300. #calendar-month-view-button:hover  {
  301.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  302.   }
  303. #calendar-month-view-button:hover:active  {
  304.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  305.   }
  306.  
  307. /*--------------------------------------------------------------------
  308.  *   Change to week view button
  309.  *-------------------------------------------------------------------*/
  310.  
  311. #calendar-week-view-button   {
  312.  list-style-image: url('chrome://communicator/skin/calendar/week.png') !important;
  313.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  314.  -moz-box-orient: vertical !important;
  315.   }
  316. #calendar-week-view-button[disabled="true"],
  317. #calendar-week-view-button[disabled="true"]:hover,
  318. #calendar-week-view-button[disabled="true"]:hover:active  {
  319.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  320.   }
  321. #calendar-week-view-button:hover  {
  322.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  323.   }
  324. #calendar-week-view-button:hover:active  {
  325.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  326.   }
  327.  
  328. /*--------------------------------------------------------------------
  329.  *   Change to day view button
  330.  *-------------------------------------------------------------------*/
  331.  
  332. #calendar-day-view-button   {
  333.  list-style-image: url('chrome://communicator/skin/calendar/day.png') !important;
  334.  -moz-image-region: rect(0px 32px 32px 0px) !important;
  335.  -moz-box-orient: vertical !important;
  336.   }
  337. #calendar-day-view-button[disabled="true"],
  338. #calendar-day-view-button[disabled="true"]:hover,
  339. #calendar-day-view-button[disabled="true"]:hover:active  {
  340.  -moz-image-region: rect(64px 32px 96px 0px) !important;
  341.   }
  342. #calendar-day-view-button:hover  {
  343.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  344.   }
  345. #calendar-day-view-button:hover:active  {
  346.  -moz-image-region: rect(32px 32px 64px 0px) !important;
  347.   }