home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / CMCD0404.ISO / Software / Complet / thunderbird / chrome / qute.jar / skin / classic / global / formatting.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-08-03  |  4.9 KB  |  230 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2.  
  3. /* inset areas */
  4.  
  5. .inset
  6.   {
  7.     border-left           : 1px solid ThreeDShadow;
  8.     border-top            : 1px solid ThreeDShadow;
  9.     border-right          : 1px solid ThreeDHighlight;
  10.     border-bottom         : 1px solid ThreeDHighlight;
  11.     margin                : 0px 5px 5px 5px;
  12.   }
  13.   
  14. .box-inset {
  15.   margin: 2px 4px;
  16.   border: 2px solid;
  17.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  18.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  19.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  20.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  21.   background-color: -moz-Field;
  22.   color: -moz-FieldText;
  23. }  
  24.   
  25. /* formatting */
  26. .groove-top
  27.   {
  28.     border-top            : 2px groove ThreeDFace;  
  29.   }
  30.   
  31. .groove-right
  32.   {
  33.     border-right          : 2px groove ThreeDFace;
  34.   }
  35.   
  36. .groove-left
  37.   {
  38.     border-left           : 2px groove ThreeDFace;
  39.   }
  40.   
  41. .groove-bottom
  42.   {
  43.     border-bottom         : 2px groove ThreeDFace;
  44.   }
  45.   
  46. .outset
  47.   {
  48.     border-left           : 1px solid ThreeDHighlight;
  49.     border-top            : 1px solid ThreeDHighlight;
  50.     border-right          : 1px solid ThreeDShadow;
  51.     border-bottom         : 1px solid ThreeDShadow;
  52.   }
  53.   
  54. .outset-top-bottom
  55.   {
  56.     border-top            : 1px solid ThreeDHighlight;
  57.     border-bottom         : 1px solid ThreeDShadow;
  58.   }   
  59.  
  60.  
  61.   
  62. /** separator rules **/
  63. /* standard separators */
  64.   separator, separator[orient="horizontal"] 
  65.     {
  66.       height: 1.5em;
  67.     }
  68.   
  69.   separator[orient="vertical"] 
  70.     {
  71.       width: 1.5em;
  72.     }
  73.  
  74. /* thinner separators (50% size) */
  75.   separator.thin, separator.thin[orient="horizontal"] 
  76.     {
  77.       height: 0.5em;
  78.     }
  79.   
  80.   separator.thin[orient="vertical"] 
  81.     {
  82.       width: 0.5em;
  83.     }
  84.  
  85. /* groove separators (50% size) */
  86.   separator.groove,
  87.   separator.groove[orient="horizontal"] 
  88.     {
  89.       border-top: 1px solid ThreeDShadow;
  90.       border-bottom: 1px solid ThreeDHighlight;
  91.       height: 0px;
  92.       margin-top: 0.4em;
  93.       margin-bottom: 0.4em;
  94.     }
  95.   
  96.   separator.groove[orient="vertical"] 
  97.     {
  98.       border-left: 1px solid ThreeDShadow;
  99.       border-right: 1px solid ThreeDHighlight;
  100.       margin-left: 0.4em;
  101.       margin-right: 0.4em;
  102.     }
  103.   
  104. /* groove separators (0 padding, for dividing effects) */  
  105.   separator.groove-thin 
  106.     {
  107.       border-top: 1px solid ThreeDShadow;
  108.       border-bottom: 1px solid ThreeDHighlight;
  109.       height: 0px;
  110.     }
  111.   
  112.   separator[orient="vertical"].groove-thin 
  113.     {
  114.       border-left: 1px solid ThreeDShadow;
  115.       border-right: 1px solid ThreeDHighlight;
  116.     }
  117.  
  118. /** text formatting rules **/
  119. /* label (with margins) */
  120.  
  121. /** Reduced Margin for some UI **/
  122.   .small-margin
  123.     {
  124.       margin              : 1px 2px 1px 2px;
  125.     }
  126.     
  127.   .plain 
  128.     {
  129.       margin: 0px !important;
  130.       border: none;
  131.       padding: 0px;
  132.     }
  133.  
  134.   label[disabled="true"] 
  135.     {
  136.       color                 : GrayText;
  137.     }    
  138.  
  139.   description, label
  140.     {
  141.       cursor              : default;
  142.     }
  143.     
  144.   description
  145.     {
  146.       margin              : 1px 5px 4px 5px;
  147.     }
  148.  
  149.   label
  150.     {
  151.       margin              : 1px 5px 2px 6px;
  152.     }
  153.  
  154.   .header 
  155.     {
  156.       font-weight         : bold;
  157.     }
  158.  
  159.   .larger-text 
  160.     {
  161.       font-size           : larger;
  162.     }
  163.  
  164.   .smaller-text 
  165.     {
  166.       font-size           : smaller;
  167.     }
  168.    
  169.   .monospace
  170.     {
  171.       font-family         : monospace;
  172.     }
  173.     
  174.   .indent
  175.     {
  176.       margin-left         : 23px;
  177.     }
  178.  
  179.   .box-padded
  180.     {
  181.       padding             : 5px;
  182.     }    
  183.  
  184.   .spaced
  185.     {
  186.       margin              : 3px 5px 4px 5px;
  187.     }    
  188.  
  189.   .wizard-box
  190.     {
  191.       padding             : 20px 44px 10px 44px;
  192.     }    
  193.  
  194. /* Double Border Boxes */
  195.  
  196.   /* top only */
  197.   .double-box-top
  198.     {
  199.       -moz-binding        : url("chrome://global/skin/classicBindings.xml#double-box");
  200.       border-top          : 1px solid ThreeDShadow;
  201.       background-color    : #FFFFFF;
  202.       margin              : 0px;
  203.     }
  204.   
  205.   .double-box-top > .db-internal-box
  206.     {
  207.       border-top          : 1px solid ThreeDDarkShadow;
  208.     }          
  209.     
  210.   /* all round */    
  211.   .double-box
  212.     {
  213.       -moz-binding          : url("chrome://global/skin/classicBindings.xml#double-box");
  214.       border-left           : 1px solid ThreeDShadow;
  215.       border-top            : 1px solid ThreeDShadow;
  216.       border-bottom         : 1px solid ThreeDHighlight;
  217.       border-right          : 1px solid ThreeDHighlight;
  218.       background-color      : #FFFFFF;
  219.       margin                : 0px;
  220.     }
  221.   
  222.   .double-box > .db-internal-box
  223.     {
  224.       border                : 1px solid ThreeDDarkShadow;
  225.     }   
  226.  
  227.   .caption-text
  228.     {
  229.       margin: 0px 2px 0px 1px !important;
  230.     }