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.  
  115. /* sidebar */
  116. #sidebar {
  117.     float:left;
  118.     width:210px;
  119. }
  120. #sidebar h1 {
  121.     border-bottom:2px solid #7534aa;
  122.     color:#444;
  123.     font-size:165%;
  124.     font-weight:400;
  125.     line-height:30px;
  126.     padding:0 10px;
  127. }
  128. #sidebar input {
  129.     background:#f1f1f1;
  130.     color:#555;
  131.     margin:10px;
  132.     padding:5px;
  133.     width:180px;
  134. }
  135. #sidebar p {
  136.     background:#f1f1f1;
  137.     color:#555;
  138.     display:block;
  139.     font-size:90%;
  140.     line-height:20px;
  141.     margin:10px 0;
  142.     padding:10px;
  143. }
  144. #sidebar p a.more {
  145.     display:block;
  146.     text-align:right;
  147. }
  148. #sidebar ul {
  149.     margin:10px;
  150. }
  151. #sidebar ul li {
  152.     border-bottom:1px solid #b484da;
  153.     list-style:none;
  154.     padding:5px 2px;
  155. }
  156. #sidebar ul li a {
  157.     color:#333;
  158.     display:block;
  159.     font-family:Geneva;
  160.     padding:5px;
  161.     text-decoration:none;
  162. }
  163. #sidebar ul li a:hover {
  164.     color:#000;
  165. }
  166.  
  167. /* Main */
  168. #main {
  169.     float:right;
  170.     width:520px;
  171. }
  172. #main p {
  173.     color:#555;
  174.     line-height:20px;
  175.     padding:10px;
  176. }
  177. #main h1 {
  178.     border-bottom:2px solid #7534aa;
  179.     color:#444;
  180.     font-size:165%;
  181.     font-weight:400;
  182.     line-height:30px;
  183.     padding:0 10px;
  184. }
  185.  
  186. /* footer */
  187. #footer {
  188.     margin:10px auto;
  189.     width:760px;
  190. }
  191. #footer:after {
  192.     clear:both;
  193.     content:'.';
  194.     display:block;
  195.     height:0;
  196.     visibility:hidden;
  197. }
  198. #footer p {
  199.     border-top:2px solid #7534aa;
  200.     color:#555;
  201.     font-size:90%;
  202.     line-height:20px;
  203.     padding:10px;
  204.     text-align:center;
  205. }