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

  1. body {
  2.     background:#333;
  3.     font-family:arial, helvetica, sans-serif;
  4.     font-size:9pt;
  5.     margin:0;
  6.     padding:0;
  7. }
  8.  
  9. #container {
  10.     width:530px;
  11.     background:#fff;
  12.     padding:10px;
  13.     margin:10px auto 10px auto;
  14. }
  15.  
  16. #header {
  17.     background:url(images/header.jpg) top left no-repeat #fff;
  18.     width:530px;
  19.     height:150px;
  20.     margin:0;
  21.     padding:0;
  22. }
  23.  
  24. #header h1 {
  25.     color:#fff;
  26.     margin:0;
  27.     padding:10px;
  28.     text-transform:lowercase;
  29.     font-weight:normal;
  30.     font-size:24pt;
  31. }
  32.  
  33. #header p {
  34.     text-align:right;
  35.     padding:50px 10px 10px 10px;
  36.     color:#fff;
  37.     font-size:10pt;
  38.     font-weight:bold;
  39. }
  40.  
  41. #nav {
  42.     margin:10px 0 0 0;
  43.     padding:0 10px 0 10px;
  44.     height:37px;
  45.     width:510px;
  46.     background:url(images/nav_off.jpg) top left repeat-x #27cd3d;
  47. }
  48.  
  49. #nav li {
  50.     list-style:none;
  51.     margin:0;
  52.     padding:0;
  53.     display:inline;
  54. }
  55.  
  56. #nav li a {
  57.     color:#fff;
  58.     font-weight:bold;
  59.     font-size:12pt;
  60.     text-decoration:none;
  61.     padding:0 10px 4px 10px;
  62.     display:block;
  63.     margin:0;
  64.     line-height:33px;
  65.     overflow:hidden;
  66.     float:left;
  67. }
  68.  
  69. #nav li a:hover {
  70.     background:url(images/nav_on.jpg) top left repeat-x #f6502e;
  71. }
  72.  
  73. #content {
  74.     margin-top:10px;
  75. }
  76.  
  77. #content .date {
  78.     width:48px;
  79.     height:73px;
  80.     float:left;
  81.     font-weight:bold;
  82.     text-align:center;
  83.     padding:5px;
  84.     background:url(images/date_block.jpg) top left no-repeat #fff;
  85.     border:10px solid #fff;
  86. }
  87.  
  88. #content h2 {
  89.     font-size:22pt;
  90.     color:#f6502e;
  91.     font-family:georgia, times, serif;
  92.     font-weight:normal;
  93.     margin:0;
  94.     padding:0;
  95. }
  96.  
  97. #content .post {
  98.     margin-left:90px;    
  99. }
  100.  
  101. #footer {
  102.     border-top:1px solid #f6502e;
  103.     color:#f6502e;
  104.     margin-top:10px;
  105.     padding:10px;
  106.     text-align:center;
  107.     font-size:8pt;
  108. }
  109.  
  110. p.postmeta {
  111.     clear:both;
  112.     font-size:8pt;
  113.     text-align:right;
  114.     padding:2px;
  115.     background:#e6f49c;
  116.     margin:0;
  117. }
  118.  
  119. p.postmeta a, p.postmeta a:hover {
  120.     color:#000;
  121.     background:none;
  122. }
  123.  
  124. a {
  125.     color:#128A28;
  126. }
  127.  
  128. a:hover {
  129.     color:#F9502D;
  130.     background:#F4FBD2;
  131. }
  132.  
  133. #photos {
  134.     position:relative;
  135.     width:370px;
  136.     margin:0 auto 0 auto;
  137. }
  138.  
  139. .imgbox {
  140.     position:relative;
  141.     padding:5px;
  142.     border:1px solid #000;
  143.     margin:10px;
  144.     width:88px;
  145.     height:88px;
  146.     float:left;
  147. }