home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zthree / style.css < prev   
Cascading Style Sheet File  |  2007-01-01  |  3KB  |  166 lines
  1. /*
  2. This design was created to be very simple and easy to edit for beginners. This is achieved by comments spread throughout the HTML file and the CSS that indicate where different parts of the design's code are located. If you have any questions, email me at toxicityj@gmail.com or head over to http://www.zilladesigns.net 
  3. */
  4.  
  5.  
  6.  
  7. /*BODY*/
  8. body {
  9.     background-color:#A5BDD2;
  10.     font-family:"trebuchet ms" , arial, sans-serif;
  11.     color:#325878;
  12.     }
  13.     
  14. a {
  15.     color:#325878;
  16.     text-decoration:none;
  17.     }
  18.     
  19. a:hover {
  20.     color:#C2DFF3;
  21.     }
  22.  
  23. /*CONTAINER STYLES*/
  24.  
  25. #main {
  26.     width:700px;
  27.     margin:auto;
  28.     }
  29.     
  30. #header {
  31.     background-image: url(images/header.jpg);
  32.     width:100%;
  33.     height:265px;
  34.     font-family:Arial, Helvetica, sans-serif;
  35.     text-align:right;
  36.     }
  37.  
  38. #description {    
  39.     width:195px;
  40.     border:1px #325878 solid;
  41.     margin:0px 5px 5px 0px;
  42. }
  43.  
  44. #left {
  45.     width:205px;
  46.     float:left;
  47.     margin-top:20px;
  48.     }
  49.     
  50. #right {
  51.     width:481px;
  52.     float:right;
  53.     margin:20px 0px 0px 5px;
  54.     margin-top:20px;
  55.     border:1px #325878 solid;
  56.     }
  57.     
  58. #search {
  59.     width:205px;
  60.     border:1px #325878 solid;
  61.     margin:5px 0px 0px 0px;
  62.     text-align:right;
  63.     }
  64.     
  65. #copyright {
  66.     width:100%;
  67.     border:1px #325878 solid;
  68.     margin:5px 0px 0px 0px;
  69.     text-align:center;
  70.     }
  71.     
  72.  
  73. /*TEXT STYLES*/
  74.  
  75. h1 {
  76.     color:#C2DFF3;
  77.     font-size:35px;
  78.     padding-right:5px;
  79.     }
  80.     
  81. h2 {
  82.     font-size:24px;
  83.     padding-left:5px;
  84.     margin:0px;
  85.     }
  86.     
  87. p {
  88.     margin:2px 0 0 5px;
  89.     }
  90.     
  91. .description_text {
  92.     padding:5px;
  93.     text-align:justify;
  94.     }
  95.     
  96. .content {
  97.     padding:0px 5px 0px 5px;
  98.     text-align:justify;
  99.     color:#000000;
  100.     }
  101.     
  102. .copy {    
  103.     font-size:10px;
  104.     }
  105.  
  106. /*NAVIGATION STYLES*/
  107. #navbuttons {
  108.     width:700px;
  109.     height:28px;
  110.     background-color:#517193;
  111.     text-align:center;
  112.     }
  113.  
  114. #navbuttons ul {
  115.     display:inline;  
  116.     list-style:none;
  117.     }
  118.  
  119. #navbuttons li {
  120.     font-family:Tahoma, Arial, Helvetica, sans-serif;
  121.     display:inline;
  122.     background-color:#517193;
  123.     list-style:none;
  124.     float:left;
  125.     border-left:1px #325878 solid;
  126.     padding:0px 20px 0px 20px;
  127.     line-height:28px;
  128. }
  129.     
  130. #navbuttons li a {
  131.     color:#88A4C0;
  132.     text-decoration:none;
  133.     }
  134. #navbuttons li a:hover {
  135.     color:#C2DFF3;
  136.     }
  137.  
  138. #navbuttons li.first {
  139.     border-left:none;
  140.     }
  141.  
  142. #navbuttons li.last {
  143.     border-right:1px solid #325878;
  144.     }
  145.  
  146. /*MISC*/
  147.  
  148.  
  149. .searchbutton {
  150.     background-color:#517193;
  151.     border:#708DAE;
  152.     margin:0px 2px 2px 0px;
  153.     height:20px;
  154.     color:#88A4C0;
  155.     }
  156.  
  157. .searchbutton:hover {
  158.     color:#C2DFF3;
  159.     }
  160.     
  161. .searchbox {
  162.     width:195px;
  163.     margin:2px;
  164.     color:#C2DFF3;
  165.     background-color:#728FAF;
  166.     }