home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / webtom_grey / css / style.css
Cascading Style Sheet File  |  2006-12-19  |  3KB  |  217 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:#ccc;
  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:#333 url(../img/tlcorner.gif) top left no-repeat;
  52. }
  53.  
  54. #header {
  55.     height:80px;
  56.   margin:0;
  57.   padding:30px 20px;
  58.     background:#666  url(../img/headerbg.gif) bottom right no-repeat;
  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. }
  83.  
  84. #content {
  85.  width:540px;
  86.  height:400px;
  87.  margin:5px 0px 5px 0px;
  88.  padding:10px;
  89.  float:right;
  90.  background:#ccc;
  91. }
  92.  
  93. #content ol,
  94. #content ul
  95. {
  96.     padding:5px 20px;
  97. }
  98.  
  99. #sidebar p, #content p{
  100.     padding:3px 0px;
  101. }
  102.  
  103. #sidebar a, 
  104. #content a
  105. {
  106.   color:#555;
  107.     text-decoration:underline;
  108. }
  109.  
  110.  
  111. #content a img
  112. {
  113.  text-decoration:none;
  114.  border:0;
  115. }
  116.  
  117.  
  118. #ads {
  119.     height:50px;
  120.   margin:0;
  121.   padding:0 20px;
  122.     background:#ddd;
  123.   color:#555;
  124.   font-size:95%;
  125.   text-align:right;
  126.   clear:both;
  127. }
  128.  
  129. #footer {
  130.   clear:both;
  131.   padding: 5px 10px;
  132.   background:#333 url(../img/brcorner.gif) bottom right no-repeat;
  133.   color:#fff;
  134.   font-family: Verdana, sans-serif;
  135.   font-size:85%;
  136.   text-align:left;
  137. }
  138.  
  139. #footer a
  140. {
  141.  color:#fff;
  142. }
  143.  
  144.  
  145.  
  146.  
  147. #nav {
  148.   float:left;
  149.   width:100%;
  150.     margin:0;
  151.   padding:10px 0px;
  152.     font-family: "Trebuchet MS", Verdana, Sans-Serif;
  153.   font-size:100%;
  154.   background:#777;
  155.     color: #333;
  156. }
  157.  
  158. #nav li {
  159.     font-size:1.0em;
  160.     list-style:none;
  161.     display:inline;
  162.     padding:5px 2px;
  163. }
  164.  
  165. #nav li a {
  166.   margin:0px 0px;
  167.     padding:7px;
  168.     color:#ddd;
  169.     text-decoration:none;
  170.   font-weight: bold;
  171. }
  172.  
  173. #nav li a:hover {
  174.     background:#555;
  175.   color:#fff; 
  176. }
  177.  
  178.  
  179. #home #homenav,
  180. #links #linksnav,
  181. #contact #contactnav
  182. {
  183. color:#fff;
  184. background:#555; 
  185. }
  186.  
  187.  
  188.  
  189. ul { margin: 0; padding : 0; list-style : none; }
  190.  
  191. #sidebarnav {
  192.     margin:0;
  193.   padding:0;
  194.     color: #fff;
  195. }
  196.  
  197. #sidebarnav ul {
  198.   padding:4px;
  199.     list-style:none;
  200. }
  201.  
  202. #sidebarnav li {
  203.   margin:4px 0;
  204.     list-style:none;
  205. }
  206.  
  207. #sidebarnav li a {
  208.     color:#eee;
  209.     text-decoration:underline;
  210.   display:block;
  211. }
  212.  
  213. #sidebarnav li a:hover {
  214.     background:#999;
  215. }
  216.  
  217.