home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / spring_bloom / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-12-13  |  3.0 KB  |  205 lines

  1. /*
  2.     Author    :    Christopher Robinson
  3.     Email        :    christopher@edg3.co.uk
  4.     Website    :    http://www.edg3.co.uk/
  5. */
  6. * {
  7.     border:0;
  8.     margin:0;
  9.     padding:0;
  10. }
  11.  
  12. /* general */
  13. a {
  14.     color:#b484da;
  15.     text-decoration:none;
  16. }
  17. a:hover {
  18.     color:#666;
  19.     text-decoration:underline;
  20. }
  21. blockquote {
  22.     background:#f1f1f1;
  23.     border-left:2px solid #7534aa;
  24.     color:#444;
  25.     display:block;
  26.     font-style:oblique;
  27.     line-height:20px;
  28.     margin:0 0 0 10px;
  29.     padding:0 0 0 10px;
  30. }
  31. .left {
  32.     float:left;
  33.     margin:0 10px 0 0;
  34. }
  35. .right {
  36.     float:right;
  37.     margin:0 0 0 10px;
  38. }
  39.  
  40. /* body */
  41. body {
  42.     background:#fff url('image/background_body.jpg') repeat-x top;
  43.     color:#666;
  44.     font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
  45. }
  46.  
  47. /* header */
  48. #header {
  49.     background:url('image/background_header.jpg');
  50.     height:320px;
  51.     margin:0 auto;
  52.     position:relative;
  53.     width:760px;
  54. }
  55. #header:after {
  56.     clear:both;
  57.     content:'.';
  58.     display:block;
  59.     height:0;
  60.     visibility:hidden;
  61. }
  62. #header h1 {
  63.     color:#666;
  64.     font-size:40px;
  65.     font-weight:400;
  66.     left:0;
  67.     letter-spacing:-2px;
  68.     position:absolute;
  69.     top:40px;
  70. }
  71. #header p {
  72.     bottom:70px;
  73.     color:#fff;
  74.     font-size:2em;
  75.     position:absolute;
  76.     right:20px;
  77. }
  78. #header ul {
  79.     list-style:none;
  80.     position:absolute;
  81.     top:100px;
  82. }
  83. #header ul li {
  84.     list-style:none;
  85. }
  86. #header ul li a {
  87.     color:#fff;
  88.     display:block;
  89.     font-size:1.2em;
  90.     font-weight:700;
  91.     height:20px;
  92.     padding:10px;
  93.     width:190px;
  94. }
  95. #header ul li a:hover {
  96.     background:#b484da;
  97.     color:#eee;
  98.     text-decoration:none;
  99. }
  100.  
  101. /* content */
  102. #content {
  103.     height:auto;
  104.     margin:0 auto;
  105.     width:760px;
  106. }
  107. #content:after {
  108.     clear:both;
  109.     content:'.';
  110.     display:block;
  111.     height:0;
  112.     visibility:hidden;
  113.  
  114. /* sidebar */
  115. #sidebar {
  116.     float:left;
  117.     width:210px;
  118. }
  119. #sidebar h1 {
  120.     border-bottom:2px solid #7534aa;
  121.     color:#444;
  122.     font-size:165%;
  123.     font-weight:400;
  124.     line-height:30px;
  125.     padding:0 10px;
  126. }
  127. #sidebar input {
  128.     background:#f1f1f1;
  129.     color:#555;
  130.     margin:10px;
  131.     padding:5px;
  132.     width:180px;
  133. }
  134. #sidebar p {
  135.     background:#f1f1f1;
  136.     color:#555;
  137.     display:block;
  138.     font-size:90%;
  139.     line-height:20px;
  140.     margin:10px 0;
  141.     padding:10px;
  142. }
  143. #sidebar p a.more {
  144.     display:block;
  145.     text-align:right;
  146. }
  147. #sidebar ul {
  148.     margin:10px;
  149. }
  150. #sidebar ul li {
  151.     border-bottom:1px solid #b484da;
  152.     list-style:none;
  153.     padding:5px 2px;
  154. }
  155. #sidebar ul li a {
  156.     color:#333;
  157.     display:block;
  158.     font-family:Geneva;
  159.     padding:5px;
  160.     text-decoration:none;
  161. }
  162. #sidebar ul li a:hover {
  163.     color:#000;
  164. }
  165.  
  166. /* Main */
  167. #main {
  168.     float:right;
  169.     width:520px;
  170. }
  171. #main p {
  172.     color:#555;
  173.     line-height:20px;
  174.     padding:10px;
  175. }
  176. #main h1 {
  177.     border-bottom:2px solid #7534aa;
  178.     color:#444;
  179.     font-size:165%;
  180.     font-weight:400;
  181.     line-height:30px;
  182.     padding:0 10px;
  183. }
  184.  
  185. /* footer */
  186. #footer {
  187.     margin:10px auto;
  188.     width:760px;
  189. }
  190. #footer:after {
  191.     clear:both;
  192.     content:'.';
  193.     display:block;
  194.     height:0;
  195.     visibility:hidden;
  196. }
  197. #footer p {
  198.     border-top:2px solid #7534aa;
  199.     color:#555;
  200.     font-size:90%;
  201.     line-height:20px;
  202.     padding:10px;
  203.     text-align:center;
  204. }