home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template21 / style.css < prev    next >
Cascading Style Sheet File  |  2005-09-07  |  3KB  |  227 lines
  1. body {
  2.     font-family: tahoma, helvetica, arial, sans-serif;
  3.     font-size: 10px;
  4.     text-align: center;
  5.     background: #d9d6cc url(images/page_bg.gif) top center repeat-x;
  6.     color: #868686;
  7.     margin: 0;
  8.     padding: 10px;
  9. }
  10.  
  11. html, #wrapper, h1 {
  12.     margin: 0;
  13.     padding: 0;
  14. }
  15.  
  16. img { border: 0; }
  17.  
  18. #wrapper {
  19.     margin: auto;
  20.     text-align: left;
  21.     width: 458px;
  22.     position: relative;
  23. }
  24.  
  25. h1, h2, h3 {
  26.     font-size: 10px;
  27. }
  28.  
  29.  
  30. h1 {
  31.     line-height: 1;
  32.     position: absolute;
  33.     top: 0;
  34.     left: 0;
  35. }
  36.  
  37. h2 {
  38.     margin: 0 0 5px 0;
  39.     padding: 0;
  40. }
  41.  
  42. h3 {
  43.     padding: 4px 0 0 0;
  44. }
  45.  
  46. .block {
  47.     display: block;
  48. }
  49.  
  50. .clear {
  51.     clear: both;
  52.     height: 10px;
  53. }
  54.  
  55. .left {
  56.     float: left;
  57.     margin: 5px 20px 0px 0px;
  58. }
  59.  
  60. .right {
  61.     float: right;
  62.     margin: 0px 0px 0px 20px;
  63. }
  64.  
  65. .readmore {
  66.     text-align: right;
  67. }
  68.  
  69. /* page structure */
  70.  
  71. #wrapper {
  72.     background: url(images/body_t.png) 24px 0px no-repeat;
  73.     height: 40px;
  74. }
  75.  
  76. h1 {
  77.     position: absolute;
  78.     top: 16px;
  79.     left: 43px;
  80.     margin: 0;
  81.     padding: 0;
  82.     width: 135px;
  83.     z-index: 10;
  84. }
  85.  
  86. #nav {
  87.     position: absolute;
  88.     top: 31px;
  89.     left: 0;
  90.     width: 31px;
  91.     margin: 0;
  92.     padding: 0;
  93.     z-index: 5;
  94. }
  95.  
  96. #nav li {
  97.     float: left;
  98.     width: 31px;
  99.     padding: 0;
  100.     margin: 0;
  101.     list-style: none;
  102. }
  103.  
  104. #nav img {
  105.     display: block;
  106. }
  107.  
  108. #body {
  109.     background: url(images/body_bg.png) repeat-y;
  110.     position: absolute;
  111.     top: 39px;
  112.     left: 10px;
  113.     width: 448px;
  114.     margin: 0;
  115.     padding: 10px 0 0 0;
  116.     z-index: 2;
  117. }
  118.  
  119. #body .inner {
  120.     width: 300px;
  121.     margin: 10px 20px 0px 20px;
  122. }
  123.  
  124. #body .inner #content {
  125.     width: 200px;
  126.     margin-left: 10px;
  127.     margin-top: 1em;
  128. }
  129.  
  130. #body .inner #content p {
  131.     margin: 1em 0;
  132.     padding: 0;
  133. }
  134.  
  135. #body .inner #content div {
  136.     padding: 17px;
  137.     border-top: 1px solid #d4d6cf;
  138.     border-bottom: 1px solid #d4d6cf;
  139. }
  140.  
  141. #body .inner h2 {
  142.     font-size: 12px;
  143. }
  144.  
  145. #page_title {
  146.     float: left;
  147.     margin: 3px 0 -50px 15px;
  148.     padding: 20px 0 50px 0;
  149.     width: 57px;
  150.     border-right: 1px solid #d4d6cf;
  151. }
  152.  
  153. * html #page_title {
  154.     margin-left: 7px;
  155. }
  156.  
  157. #news {
  158.     float: left;
  159.     width: 129px;
  160.     margin: 10px 0 0px 6px;
  161.     background: url(images/box_bg.gif) repeat-y;
  162. }
  163.  
  164. #news div {
  165.     background: url(images/box_t.gif) no-repeat;
  166. }
  167.  
  168. #news div div {
  169.     padding: 12px 12px 7px 12px;
  170.     background: url(images/box_b.gif) bottom left no-repeat;
  171. }
  172.  
  173. #news p {
  174.     margin: 0;
  175.     padding: 0 0 3px 0;
  176. }
  177.  
  178. #news .readmore {
  179.     padding-top: 4px;
  180. }
  181.  
  182. #paper {
  183.     position: absolute;
  184.     top: 39px;
  185.     left: 243px;
  186.     width: 196px;
  187.     z-index: 9;
  188.     background: url(images/paper_bg.gif) repeat-y;
  189. }
  190.  
  191. #paper .inner {
  192.     background: url(images/paper_b.gif) bottom no-repeat;
  193.     padding: 8px 30px 18px 30px;
  194. }
  195.  
  196. #paper .readmore {
  197.     text-align: left;
  198.     margin-bottom: 0;
  199.     padding-bottom: 0;
  200. }
  201.  
  202. #paper p {
  203.     margin: 1em 0;
  204.     padding: 0;
  205. }
  206.  
  207. #footer {
  208.     text-align: right;
  209.     margin-top: -10px;
  210. }
  211.  
  212. .footerie {
  213.     display: none;
  214. }
  215.  
  216. .clear {
  217.   margin-top: -20px;
  218. }
  219.  
  220. a {
  221.     color: #575e58;
  222.     font-weight: bold;
  223. }
  224.  
  225. a:hover {
  226.     color: #b31d00;
  227. }