home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / webtom_brown / css / style.css
Cascading Style Sheet File  |  2006-12-28  |  3KB  |  219 lines
  1. /* CSS
  2.    template webtom grey by tom.cryns@webtom.be
  3. */
  4.  
  5. body {
  6.   font-family: "Trebuchet MS", Verdana, geneva, sans-serif;
  7.   font-size:small;
  8.   background:#3B2C19;
  9.     margin:0;
  10.     padding:0;
  11. }
  12.  
  13. * {
  14.     margin:0;
  15.     padding:0;
  16.     line-height:1.5em;
  17. }
  18.  
  19. h1 {
  20.     padding:0;
  21.   margin:10px 0px;
  22.     font-family: "Trebuchet MS", Verdana, Sans-Serif;
  23.   font-size:180%;
  24.   font-weight:normal;
  25. }
  26.  
  27. h2 {
  28.     padding:0;
  29.   margin:20px 0px 0 0;
  30.     font-family: "Trebuchet MS", Verdana, Sans-Serif;
  31.   font-size:140%;
  32.   font-weight:normal;
  33. }
  34.  
  35. #container {
  36.     width:740px;
  37.     margin:30px auto;
  38.     padding:10px;
  39.     background:#fff;
  40.   font-size:95%;
  41. }
  42.  
  43.  
  44. #watermark {
  45.     height:20px;
  46.   margin:0px;
  47.   padding:5px 20px;
  48.   color:#fff;
  49.   font-size:85%;
  50.   text-align:right;
  51.   background:#d85a05 url(../img/tlcorner.gif) top left no-repeat;
  52. }
  53.  
  54. #header {
  55.     height:80px;
  56.   margin:0;
  57.   padding:30px 20px;
  58.     background:#3b2c19;
  59.   color:#fff;
  60.   font-size:95%;
  61.   text-align:left;
  62.   clear:both;
  63. }
  64.  
  65.  
  66. #header h1{
  67.   margin:0;
  68.   padding:0 20px;
  69.   font-size:200%;
  70. }
  71.  
  72.  
  73. #sidebar
  74. {
  75.  float:left;
  76.  width:150px;
  77.  height:400px;
  78.  margin:5px 0px 5px 0px;
  79.  padding:10px;
  80.  color:#fff;
  81.  background:#666;
  82.  background:#3b2c19 url(../img/tlcorner.gif) top left no-repeat;
  83. }
  84.  
  85. #content {
  86.  width:540px;
  87.  height:400px;
  88.  margin:5px 0px 5px 0px;
  89.  padding:10px;
  90.  float:right;
  91.  background:#ccc;
  92.  background:#a67d52 url(../img/tlcorner.gif) top left no-repeat;
  93. }
  94.  
  95. #content ol,
  96. #content ul
  97. {
  98.     padding:5px 20px;
  99. }
  100.  
  101. #sidebar p, #content p{
  102.     padding:3px 0px;
  103. }
  104.  
  105. #sidebar a, 
  106. #content a
  107. {
  108.   color:#555;
  109.     text-decoration:underline;
  110. }
  111.  
  112.  
  113. #content a img
  114. {
  115.  text-decoration:none;
  116.  border:0;
  117. }
  118.  
  119.  
  120. #ads {
  121.     height:50px;
  122.   margin:0;
  123.   padding:0 20px;
  124.   background:#a67d52 url(../img/tlcorner.gif) top left no-repeat;
  125.   color:#fff;
  126.   font-size:95%;
  127.   text-align:right;
  128.   clear:both;
  129. }
  130.  
  131. #footer {
  132.   clear:both;
  133.   padding: 5px 10px;
  134.   background:#3B2C19;
  135.   color:#fff;
  136.   font-family: Verdana, sans-serif;
  137.   font-size:85%;
  138.   text-align:left;
  139. }
  140.  
  141. #footer a
  142. {
  143.  color:#fff;
  144. }
  145.  
  146.  
  147.  
  148.  
  149. #nav {
  150.   float:left;
  151.   width:100%;
  152.     margin:0;
  153.   padding:10px 0px;
  154.     font-family: "Trebuchet MS", Verdana, Sans-Serif;
  155.   font-size:100%;
  156.   background:#24b2d8;
  157.     color: #fff;
  158. }
  159.  
  160. #nav li {
  161.     font-size:1.0em;
  162.     list-style:none;
  163.     display:inline;
  164.     padding:5px 2px;
  165. }
  166.  
  167. #nav li a {
  168.   margin:0px 0px;
  169.     padding:7px;
  170.     color:#fff;
  171.     text-decoration:none;
  172.   font-weight: bold;
  173. }
  174.  
  175. #nav li a:hover {
  176.     background:#d85a05;
  177.   color:#fff; 
  178. }
  179.  
  180.  
  181. #home #homenav,
  182. #links #linksnav,
  183. #contact #contactnav
  184. {
  185. color:#fff;
  186. background:#555; 
  187. }
  188.  
  189.  
  190.  
  191. ul { margin: 0; padding : 0; list-style : none; }
  192.  
  193. #sidebarnav {
  194.     margin:0;
  195.   padding:0;
  196.     color: #fff;
  197. }
  198.  
  199. #sidebarnav ul {
  200.   padding:4px;
  201.     list-style:none;
  202. }
  203.  
  204. #sidebarnav li {
  205.   margin:4px 0;
  206.     list-style:none;
  207. }
  208.  
  209. #sidebarnav li a {
  210.     color:#eee;
  211.     text-decoration:underline;
  212.   display:block;
  213. }
  214.  
  215. #sidebarnav li a:hover {
  216.     background:#999;
  217. }
  218.  
  219.