home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zymictemp / style.css < prev    next >
Cascading Style Sheet File  |  2006-03-05  |  4KB  |  228 lines
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4.     }
  5.  
  6. html, body {
  7.     height: 100%;
  8.     }
  9.  
  10. body {
  11.     font-family: Geneva, Arial, Helvetica, sans-serif;
  12.     }
  13.     
  14. /* -------------------------------------------------------------------------- */
  15.  
  16. #container {
  17.     width: 750px;
  18.     margin: 0 auto;
  19.     min-height: 100%;
  20.     background: url(images/containerbg.gif);
  21.     padding-bottom: 50px;
  22.     border-left: 5px solid #5D5D5D;
  23.     border-right: 5px solid #5D5D5D;
  24.     }
  25.  
  26. /* -------------------------------------------------------------------------- */
  27.  
  28. .clearfix:after {
  29. content: "."; 
  30. display: block; 
  31. height: 0; 
  32. clear: both; 
  33. visibility: hidden;
  34. }
  35.  
  36. .clearfix {
  37. display: inline;
  38. }  
  39.  
  40.     * html .clearfix {height: 1%;}
  41.     .clearfix {display: block;}
  42.  
  43. /* -------------------------------------------------------------------------- */
  44.  
  45. #nav {
  46.     width: 213px;
  47.     float: left;
  48.     }
  49.     
  50. h4 {
  51.     font-size: 12px;
  52.     height: 18px;
  53.     color: #FFF;
  54.     padding: 3px 0 0 10px;
  55.     }
  56.     
  57. #nav ul {
  58.     list-style-type: none;
  59.     margin-bottom: 15px;
  60.     }
  61.     
  62. #nav a {
  63.     display: block;
  64.     font-size: 10px;
  65.     font-weight: bold;
  66.     color: #999;
  67.     text-decoration: none;
  68.     margin: 0 4px auto 4px;
  69.     padding-left: 5px;
  70.     border-bottom: 1px solid #CCC;
  71.     height: 12px;
  72.     padding-top: 7px;
  73.     }
  74.  
  75. #nav a:hover {
  76.     background: #F5F5F5;
  77.     }
  78.     
  79. #ad a {
  80.     width: 200px;
  81.     margin: 5px auto;
  82.     padding: 0;
  83.     border-bottom : 0;
  84.     height: 400px;
  85.     }
  86.  
  87. /* -------------------------------------------------------------------------- */
  88.  
  89. #login input {
  90.     border: 1px solid #CCC;
  91.     font-size: 14px;
  92.     font-weight: bold;
  93.     font-style: italic;
  94.     color: #CCC;
  95.     width: 200px;
  96.     margin: 3px 6px;
  97.     text-align: center;
  98.     }
  99.     
  100. #login input#submit {
  101.     font-style: normal;
  102.     color: #999;
  103.     }
  104.     
  105. #login input#uname:focus, input#pword:focus {
  106.     border: 1px solid #999;
  107.     font-style: normal;
  108.     color: #999;
  109.     }
  110.  
  111. #login fieldset {
  112.     border: 0;
  113.     }
  114.     
  115. #login legend {
  116.     display: none;
  117.     }
  118.     
  119. #login label {
  120.     display: none;
  121.     }
  122.     
  123. /* -------------------------------------------------------------------------- */
  124.  
  125. #rightside {
  126.     float: right;
  127.     width: 532px;
  128.     }
  129.     
  130. /* -------------------------------------------------------------------------- */
  131.  
  132. h1 {
  133.     height: 93px;
  134.     text-indent: -9999px;
  135.     border-bottom: 1px solid #666;
  136.     }
  137.     
  138. /* -------------------------------------------------------------------------- */
  139.  
  140. #colourchange {
  141.     height: 31px;
  142.     background: url(images/colourchangebg.gif);
  143.     text-align: right;
  144.     }
  145.     
  146. #colourchange ul {
  147.     list-style-type: none;
  148.     margin-right: 15px;
  149.     float: right;
  150.     margin-top: 5px;
  151.     }
  152.  
  153. #colourchange li {
  154.     margin-right: 5px;
  155.     width: 20px;
  156.     height: 20px;
  157.     float: left;
  158.     }
  159.     
  160. #colourchange img {
  161.     border: 0;
  162.     }
  163.     
  164. #colourchange img:hover {
  165.     border: #FFF;
  166.     }    
  167.     
  168. /* -------------------------------------------------------------------------- */
  169.  
  170. h2 {
  171.     background: url(images/contenthead.gif);
  172.     height: 14px;
  173.     font-size: 12px;
  174.     border-top: 5px solid #5D5D5D;
  175.     padding: 3px 0 3px 10px;
  176.     color: #666;
  177.     }
  178.     
  179. /* -------------------------------------------------------------------------- */
  180.  
  181. h3 {
  182.     font-size: 16px;
  183.     color: #666;
  184.     margin: 15px 7px;
  185.     border-bottom: 3px double #999;
  186.     }
  187.     
  188. #rightside p, a {
  189.     font-size: 12px;
  190.     color: #999;
  191.     text-decoration: none;
  192.     margin-left: 20px;
  193.     margin-right: 10px;
  194.     }
  195.     
  196. #colourchange a {
  197.     margin-left: 0;
  198.     }
  199.     
  200. #rightside a {
  201.     margin: 0;
  202.     }
  203.     
  204. /* -------------------------------------------------------------------------- */
  205.  
  206. #footer {
  207.     background: url(images/footer.gif);
  208.     width: 750px;
  209.     margin: 0 auto;
  210.     height: 25px;
  211.     margin-top: -25px;
  212.     text-align: right;
  213.     border-left: 5px solid #5D5D5D;
  214.     border-right: 5px solid #5D5D5D;
  215.     }
  216.     
  217. #footer p, a {
  218.     font-size: 12px;
  219.     color: #666;
  220.     margin-right: 100px;
  221.     padding-top: 4px;
  222.     }
  223.     
  224. #footer a {
  225.     margin: 0;
  226.     }
  227.  
  228.