home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zymic.com template / css / style.css
Encoding:
Cascading Style Sheet File  |  2005-08-06  |  2.9 KB  |  199 lines
  1. /* Layout elements */
  2.  
  3. /* Fundamentals */
  4.  
  5. html {
  6.     background: #222 url(../images/bg.gif) repeat-x scroll;
  7.     font: 0.75em/1.3 Verdana, Helvetica, Arial, Sans-serif;
  8.     text-align: center;
  9. }
  10.  
  11. /* Body container */
  12.  
  13. body {
  14.     margin: 0 auto;
  15.     padding: 0;
  16.     text-align: left;
  17.     width: 700px;
  18.     background: #fff url(../images/mainbg.gif) repeat-y;
  19.     border-left: 1px solid #000;
  20.     border-right: 1px solid #000;
  21. }
  22.  
  23. /* Links */
  24.  
  25. a:link, a:visited {
  26.     color: #b55555;
  27.     text-decoration: underline;
  28. }
  29.  
  30. a:hover, a:active {
  31.     color: #386084;
  32.     text-decoration: underline;
  33. }
  34.  
  35. /* Headings */
  36.  
  37. h2 {
  38.     font: normal 1.9em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
  39. }
  40.  
  41. h3 {
  42.     font: normal 1.6em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
  43. }
  44.  
  45. /* Lists */
  46.  
  47. ul {
  48.     margin-left: 25px;
  49.     padding: 0;
  50. }
  51.  
  52. li {
  53.     list-style-type: square;
  54. }
  55.  
  56. /* Layout IDs */
  57.  
  58. /* Header */
  59.  
  60. #head {
  61.     width: 700px;
  62.     height: 150px;
  63. }
  64.  
  65. #head h1 {
  66.     margin: 0;
  67.     padding: 0;
  68.     display: block;
  69.     width: 700px;
  70.     height: 150px;
  71.     background-image: url(../images/head.jpg);
  72.     text-indent: -10000px;
  73. }
  74.  
  75. /* Navigation */
  76.  
  77. #nav {
  78.     margin: 0;
  79.     padding: 0;
  80.     width: 700px;
  81.     height: 20px;
  82. }
  83.  
  84. /* Navigation list */
  85.  
  86. #nav ul {
  87.     margin: 0 0 0 13px;
  88.     padding: 0;
  89. }
  90.  
  91. #nav li {
  92.     float: left;
  93.     list-style: none none;
  94.     font-size: 1.1em;
  95.     margin: 0 0 0 2px;
  96.     padding: 3px 0;
  97.     text-transform: uppercase;
  98. }
  99.  
  100. /* Navigation links */
  101.  
  102. #nav li a:link, #nav li a:visited {
  103.     margin: 0;
  104.     padding: 3px 0;
  105.     display: block;
  106.     width: 110px;
  107.     color: #222;
  108.     background-color: #f3f3f3;
  109.     text-decoration: none;
  110.     text-align: center;
  111. }
  112.  
  113. #nav li a:hover, #nav li a:active {
  114.     margin: 0;
  115.     padding: 3px 0;
  116.     display: block;
  117.     width: 110px;
  118.     color: #111;
  119.     background-color: #fefefe;
  120.     text-decoration: none;
  121. }
  122.  
  123. /* Span to change colour */
  124.  
  125. #nav li a:link span, #nav li a:visited span {
  126.     margin: 0;
  127.     padding: 0;
  128.     color: #5588b5;
  129.     text-decoration: none;
  130. }
  131.  
  132. #nav li a:hover span, #nav li a:active span {
  133.     margin: 0;
  134.     padding: 0;
  135.     color: #5588b5;
  136.     text-decoration: none;
  137. }
  138.  
  139. /* Main content */
  140.  
  141. #main {
  142.     width: 450px;
  143.     padding: 15px;
  144.     float: left;
  145. }
  146.  
  147. /* Sidebar */
  148.  
  149. #sidebar {
  150.     width: 190px;
  151.     padding: 15px;
  152.     float: right;
  153. }
  154.  
  155. /* Sidebar list links */
  156.  
  157. #sidebar ul {
  158.     margin: 0;
  159.     padding: 0;
  160. }
  161.  
  162. #sidebar li {
  163.     margin: 3px 0 0 0;
  164.     padding: 0;
  165.     list-style-type: none;
  166. }
  167.  
  168. #sidebar li a:link, #sidebar li a:visited {
  169.     display: block;
  170.     width: 180px;
  171.     padding: 2px 0 2px 5px;
  172.     background-color: #f1f1f1;
  173.     color: #333;
  174.     text-decoration: none;
  175. }
  176.  
  177. #sidebar li a:hover, #sidebar li a:active {
  178.     display: block;
  179.     width: 180px;
  180.     padding: 2px 0 2px 5px;
  181.     background-color: #fcfcfc;
  182.     color: #222;
  183.     text-decoration: none;
  184. }
  185.  
  186. /* Footer */
  187.  
  188. #foot {
  189.     margin: 0;
  190.     padding: 0;
  191.     text-align: center;
  192.     clear: both;
  193. }
  194.  
  195. #foot p {
  196.     margin: 0;
  197.     padding: 20px 0;
  198.     font-weight: bold;
  199. }