home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Grassy / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-09  |  2.9 KB  |  185 lines
  1. /*
  2. Author:        Donny Burnside
  3. Website:    http://www.ginger-ninja.net/
  4. */
  5.  
  6. /* Misc. */
  7.  
  8. * {
  9.     margin:0;
  10.     padding:0;
  11.     }
  12. body {
  13.     font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  14.     font-size:12px;
  15.     background-color:#2D302C;
  16.     background-image:url(images/bg-body.gif);
  17.     color:#222222;
  18.     }
  19. a {
  20.     color:#222222;
  21.     text-decoration:none;
  22.     }
  23. a:hover {
  24.     color:#CCDE8D;
  25.     }
  26. img {
  27.     border:0;
  28.     }
  29. p {
  30.     margin-bottom:20px;
  31.     line-height:20px;
  32.     }
  33.  
  34. /* Structure */
  35.  
  36. #wrapper {
  37.     margin:0 auto;
  38.     width:780px;
  39.     background-color:#454943;
  40.     background-image:url(images/bg-wrapper.gif);
  41.     background-repeat:repeat-y;
  42.     background-position:right;
  43.     border-left:1px solid #CCDE8D;
  44.     border-right:1px solid #CCDE8D;
  45.     }
  46. #header {
  47.     height:120px;
  48.     background-image:url(images/header.jpg);
  49.     background-repeat:no-repeat;
  50.     padding:0 10px;
  51.     }
  52. #nav {
  53.     height:35px;
  54.     line-height:35px;
  55.     background-image:url(images/bg-navigation-bar.gif);
  56.     background-repeat:repeat-x;
  57.     padding:0 10px;
  58.     }
  59. #sidebar {
  60.     float:right;
  61.     width:180px;
  62.     background-color:#ffffff;
  63.     min-height:450px;
  64.     border:1px solid #2D302C;
  65.     margin:10px;
  66.     padding:5px;
  67.     min-height:400px;
  68.     }
  69. #content {
  70.     width:520px;
  71.     float:left;
  72.     background-color:#ffffff;
  73.     min-height:450px;
  74.     border:1px solid #2D302C;
  75.     margin:10px;
  76.     padding:5px;
  77.     }
  78. #footer {
  79.     clear:both;
  80.     text-align:right;
  81.     padding:10px;
  82.     margin-top:-10px;
  83.     color:#ffffff;
  84.     font-size:11px;
  85.     line-height:15px;
  86.     }
  87. #footer-links {
  88.     float:left;
  89.     line-height:30px;
  90.     }
  91.  
  92. /* Navigation */
  93.  
  94. #nav ul {
  95.     list-style-type:none;
  96.     }
  97. #nav li {
  98.     float:left;
  99.     text-align:center;
  100.     margin-right:10px;
  101.     text-transform:uppercase;
  102.     }
  103. #nav li a {
  104.     display:block;
  105.     padding:0 15px;
  106.     font-size:10px;
  107.     color:#ffffff;
  108.     text-decoration:none;
  109.     }
  110. #nav li a:hover {
  111.     background-image:url(images/bg-navigation-bar-hover.gif);
  112.     background-position:center;
  113.     background-repeat:no-repeat;
  114.     color:#222222;
  115.     }
  116.  
  117. /* Sidebar */
  118.  
  119. #sidebar ul {
  120.     list-style-type:none;
  121.     margin-bottom:20px;
  122.     }
  123. #sidebar li {
  124.     
  125.     }
  126.  
  127. /* Headings */
  128.  
  129. h1 a {
  130.     color:#A6C639;
  131.     text-decoration:none;
  132.     font-weight:normal;
  133.     font-size:24px;
  134.     }
  135. h2 {
  136.     color:#A6C639;
  137.     text-decoration:none;
  138.     font-weight:normal;
  139.     font-size:20px;
  140.     }
  141. h3 a {
  142.     font-size:30px;
  143.     font-weight:normal;
  144.     letter-spacing:-1px;
  145.     color:#ffffff;
  146.     text-decoration:none;
  147.     }
  148.  
  149. /* Extra's */
  150.  
  151. .title1 {
  152.     color:#ffffff;
  153.     }
  154. .title2 {
  155.     color:#222222;
  156.     font-style:italic;
  157.     }
  158. .description {
  159.     font-size:12px;
  160.     font-style:italic;
  161.     color:#ffffff;
  162.     padding-left:20px;
  163.     }
  164. .meta {
  165.     color:#777777;
  166.     border-bottom:1px dashed #777777;
  167.     padding-bottom:2px;
  168.     margin-bottom:8px;
  169.     }
  170. .comments {
  171.     margin-top:-10px;
  172.     text-align:right;
  173.     margin-bottom:20px;
  174.     }
  175. .comments a {
  176.     text-decoration:underline;
  177.     }
  178. #footer-links a {
  179.     color:#ffffff;
  180.     text-decoration:none;
  181.     font-weight:bold;
  182.     }
  183. #footer-links a:hover {
  184.     color:#CCDE8D;
  185.     }