home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / gila / gila-screen.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-01-05  |  5.3 KB  |  346 lines
  1. /**********************************
  2.  * TITLE: Gila Screen Stylesheet  * 
  3.  * URI  : gila/gila-screen.css    *
  4.  * MODIF: 2003-Apr-30 19:09 +0800 *
  5.  **********************************/
  6.  
  7.  
  8. /* ##### Common Styles ##### */
  9.  
  10. body {
  11.   color: #000000;
  12.   background-color: rgb(243,242,235);
  13.   font-family: verdana, helvetica, arial, sans-serif;
  14.   font-size: 73%;  /* Enables font size scaling in MSIE */
  15.   margin: 0;
  16.   padding: 0;
  17. }
  18.  
  19. html > body {
  20.     font-size: 9pt;
  21.     color: #666666;
  22.  
  23. }
  24.  
  25. acronym, .titleTip {
  26.   border-bottom: 1px dotted rgb(168,140,83);
  27.   cursor: help;
  28.   margin: 0;
  29.   padding: 0;
  30. }
  31.  
  32. .doNotDisplay {
  33.   display: none !important;
  34. }
  35.  
  36.  
  37. .smallCaps {
  38.   font-size: 117%;
  39.   font-variant: small-caps;
  40. }
  41.  
  42.  
  43. /* ##### Header ##### */
  44.  
  45. #header {
  46.   color: inherit;
  47.   background-color: #C0CBCC;
  48. }
  49.  
  50. .headerTitle {
  51.   margin: 0;
  52.   padding: 0.25em 4mm 0.25em 4mm;
  53. }
  54.  
  55. .headerTitle a {
  56.   color: black;
  57.   background-color: transparent;
  58.   text-decoration: none;
  59.   font-size: 110%;  /* For MSIE */
  60.   font-weight: bold;
  61.   font-style: italic;
  62. }
  63.  
  64. .headerTitle > a {
  65.   font-size: 138%;  /* For fully standards-compliant user agents */
  66. }
  67.  
  68. .headerTitle span {
  69.   color: white;
  70.   background-color: transparent;
  71.   font-weight: normal;
  72. }
  73.  
  74. .subHeader {
  75.   color: white;
  76.   background-color: #FFD6A4;
  77.   font-size: 109%;
  78.   text-align: center;
  79.   margin: 0;
  80.   padding: 0.5ex 0;
  81. }
  82.  
  83. .subHeader a {
  84.     color: white;
  85.     background-color: #CC9966;
  86.     text-decoration: none;
  87.     font-weight: bold;
  88.     padding-bottom: 3px;
  89.     padding-right: 4px;
  90.     padding-left: 4px;
  91.     padding-top: 3px;
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98. }
  99.  
  100. .subHeader a:hover {
  101.   color: #29303D;
  102.   background-color: white;
  103. }
  104.  
  105.  
  106. /* ##### Left Side Bar ##### */
  107.  
  108. .leftSideBar {
  109.   width: 12.5em;
  110.   float: left;
  111.   clear: left;
  112. }
  113.  
  114. .leftSideBar .sideBarTitle {
  115.   color: rgb(64,64,64);
  116.   background-color: #CCCCCC;
  117.   font-weight: bold;
  118.   margin: 0;
  119.   padding: 0.8ex 1ex;
  120. }
  121.  
  122. .leftSideBar ul {
  123.   list-style-type: none;
  124.   list-style-position: outside;
  125.   margin: 0 0 1em 0;
  126.   padding: 0;
  127. }
  128.  
  129. .leftSideBar li {
  130.     margin: 0ex;
  131.     padding-top: 0.1ex;
  132.     padding-right: 0;
  133.     padding-bottom: 0.1ex;
  134.  
  135. }
  136.  
  137. .leftSideBar a {
  138.     color: #93A9BB;
  139.     background-color: transparent;
  140.     text-decoration: none;
  141.     display: block;
  142.     padding-top: 0.75em;
  143.     padding-right: 1ex;
  144.     padding-bottom: 0.75em;
  145.     padding-left: 4mm;
  146.     margin: 0px;
  147.  
  148.  
  149.  
  150. }
  151.  
  152. .leftSideBar a:hover {
  153.     color: #2F3F5E;
  154.     background-color: #97B3C4;
  155.     text-decoration: none;
  156.     border-right-width: 3px;
  157.     border-right-color: #CC9966;
  158.     display: block;
  159.     border-right-style: outset;
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173. }
  174.  
  175. .leftSideBar .sideBarText {
  176.   color: #666666;
  177.   background-color: transparent;
  178.   line-height: 1.25em;
  179.   margin: 1ex 0.25ex 1.5em 0.75ex;
  180.   padding: 0;
  181.   display: block;
  182. }
  183.  
  184. .leftSideBar .sideBarText a {
  185.   text-decoration: underline;
  186. }
  187.  
  188. .leftSideBar .sideBarText a:hover {
  189.   text-decoration: none;
  190. }
  191.  
  192. .leftSideBar .thisPage {
  193.   color: rgb(64,64,64);
  194.   background-color: transparent;
  195.   font-weight: bold;
  196. }
  197.  
  198.  
  199. /* ##### Right Side Bar ##### */
  200.  
  201. .rightSideBar {
  202.   width: 13em;
  203.   margin: 2ex 0.75ex 0 0;
  204.   padding: 0;
  205.   float: right;
  206.   clear: right;
  207.   border: 1px solid #CCCCCC;
  208. }
  209.  
  210. [class~="rightSideBar"] {
  211.   margin-right: 1.5ex;
  212. }
  213.  
  214. .rightSideBar .sideBarTitle {
  215.   color: black;
  216.   background-color: #CCCCCC;
  217.   font-weight: bold;
  218.   margin: 1.25ex 1ex;
  219.   padding: 0.9ex 1ex;
  220. }
  221.  
  222. .rightSideBar a {
  223.     color: #0099FF;
  224.     background-color: transparent;
  225.     text-decoration: underline;
  226.     font-weight: bold;
  227.     margin-right: 30px;
  228.  
  229. }
  230.  
  231. .rightSideBar a:hover {
  232.     color: #FF9933;
  233.     text-decoration: none;
  234.  
  235.  
  236. }
  237.  
  238. .rightSideBar .sideBarText {
  239.   line-height: 1.5em;
  240.   margin: 0;
  241.   padding: 0 2ex 1em 2ex;
  242. }
  243.  
  244. .rightSideBar .more {
  245.   text-decoration: none;
  246.   text-align: right;
  247.   margin: 0;
  248.   padding: 0 2ex 1em 2ex;
  249.   display: block;
  250. }
  251.  
  252. .rightSideBar .more:hover {
  253.   text-decoration: underline;
  254. }
  255.  
  256.  
  257. /* ##### Main Copy ##### */
  258.  
  259. #main-copy {
  260.   color: black;
  261.   background-color: white;
  262.   text-align: justify;
  263.   line-height: 1.5em;
  264.   margin: 0 0 0 12.5em;
  265.   padding: 0.5ex 15em 1em 1em;
  266.   border-left: 1px solid #999999;
  267. }
  268.  
  269. #main-copy h1 {
  270.     color: #E2B570;
  271.     background-color: transparent;
  272.     font-family: arial, verdana, helvetica, sans-serif;
  273.     font-size: 175%;
  274.     font-weight: bold;
  275.     font-style: normal;
  276.     text-align: left;
  277.     margin: 1em 0 0 0;
  278.     padding: 1em 0 0 0;
  279.     border-top: 1px solid #999999;
  280.     text-decoration: underline;
  281.  
  282. }
  283.  
  284. #main-copy a {
  285.   color: #6699CC;
  286.   background-color: transparent;
  287.   text-decoration: underline;
  288. }
  289.  
  290. #main-copy a:hover {
  291.     text-decoration: none;
  292.     color: #FF9933;
  293.  
  294. }
  295.  
  296. p {
  297.     margin: 1em 0 1.5em 0;
  298.     padding: 0;
  299.     color: #51410B;
  300.  
  301. }
  302.  
  303. dt {
  304.   font-weight: bold;
  305.   margin: 0;
  306.   padding: 0 0 0.5ex 0;
  307. }
  308.  
  309. dd {
  310.   margin: 0 0 1.5em 1.5em;
  311.   padding: 0;
  312. }
  313.  
  314.  
  315. /* ##### Footer ##### */
  316.  
  317. #footer {
  318.   color: black;
  319.   background-color: rgb(230,223,207);
  320.   font-size: 92%;
  321.   text-align: center;
  322.   line-height: 1.25em;
  323.   margin: 0;
  324.   padding: 1em 4mm 1em 4mm;
  325.   clear: both;
  326. }
  327.  
  328. #footer div {
  329.   margin: 0;
  330.   padding: 0 0 1ex 0;
  331. }
  332.  
  333. #footer a {
  334.     color: #666666;
  335.     background-color: transparent;
  336.     text-decoration: underline;
  337.     font-weight: bold;
  338.  
  339. }
  340.  
  341. #footer a:hover {
  342.     text-decoration: none;
  343.     color: #6699CC;
  344.  
  345. }
  346.