home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / majesty / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-05-02  |  2.3 KB  |  171 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8.     margin: 20px 0;
  9.     padding: 0;
  10.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  11.     color: #333333;
  12. }
  13.  
  14. h1, h2, h3, h4, h5, h6 {
  15.     margin: 0;
  16.     padding: 0;
  17. }
  18.  
  19. h2 { font-size: 1.6em; }
  20. h3 { font-size: 1.2em; }
  21.  
  22. p, blockquote, ul, ol {
  23.     line-height: 180%;
  24.     text-align: justify;
  25.     font-size: small;
  26. }
  27.  
  28. ul {
  29.     margin-left: 0;
  30.     padding-left: 0;
  31.     list-style-position: inside;
  32. }
  33.  
  34. a:hover {
  35.     text-decoration: none;
  36. }
  37.  
  38. img {
  39.     border: none;
  40. }
  41.  
  42. /* Header */
  43.  
  44. #header {
  45.     width: 660px;
  46.     height: 200px;
  47.     margin: 0 auto;
  48. }
  49.  
  50. /* Logo */
  51.  
  52. #logo {
  53.     float: left;
  54.     width: 200px;
  55.     height: 200px;
  56.     background: url(images/img1.gif);
  57. }
  58.  
  59. #logo * {
  60.     text-align: center;
  61.     text-transform: lowercase;
  62.     text-decoration: none;
  63.     font-weight: normal;
  64.     color: #FFFFFF;
  65. }
  66.  
  67. #logo h1 {
  68.     padding: 74px 0 0 0;
  69.     letter-spacing: -2px;
  70.     font-size: 2.25em;
  71. }
  72.  
  73. #logo h2 {
  74.     padding: .25em 0 0 0;
  75.     letter-spacing: -1px;
  76.     font-size: 1em;
  77. }
  78.  
  79. /* Menu */
  80.  
  81. #menu {
  82.     float: right;
  83.     width: 450px;
  84.     height: 200px;
  85.     background: url(images/img2.jpg);
  86. }
  87.  
  88. #menu ul {
  89.     float: right;
  90.     margin: 0;
  91.     padding: 180px 20px 0 0;
  92.     list-style: none;
  93. }
  94.  
  95. #menu li {
  96.     display: inline;
  97. }
  98.  
  99. #menu a {
  100.     display: block;
  101.     float: left;
  102.     padding: 0 0 0 2em;
  103.     text-transform: lowercase;
  104.     font-size: x-small;
  105.     font-weight: bold;
  106.     color: #FFFFFF;
  107. }
  108.  
  109. /* Content */
  110.  
  111. #content {
  112.     width: 660px;
  113.     margin: 0 auto;
  114.     background: url(images/img3.gif);
  115.     border-top: 10px solid #FFFFFF;
  116. }
  117.  
  118. #colOne {
  119.     float: left;
  120.     width: 450px;
  121. }
  122.  
  123. #colOne .top-head {
  124.     padding: 30px 0 0 20px;
  125.     border-top: 10px solid #F52EDA;
  126. }
  127.  
  128. #colOne .content {
  129.     padding: 20px;
  130. }
  131.  
  132. #colTwo {
  133.     float: right;
  134.     width: 190px;
  135.     padding-right: 10px;
  136.     border-top: 10px solid #649CE2;
  137. }
  138.  
  139. #colTwo .top-head {
  140.     padding: 30px 0 0 20px;
  141. }
  142.  
  143. #colTwo .content {
  144.     padding: 10px 10px 10px 20px;
  145. }
  146.  
  147. #extra {
  148.     height: 10px;
  149. }
  150.  
  151. /* Footer */
  152.  
  153. #footer {
  154.     width: 660px;
  155.     height: 60px;
  156.     margin: 0 auto;
  157.     background: url(images/img4.gif);
  158.     border-top: 10px solid #FFFFFF;
  159. }
  160.  
  161. #footer p {
  162.     margin: 0;
  163.     padding: 25px 0 0 0;
  164.     text-align: center;
  165.     font-size: x-small;
  166.     color: #A1A1A1;
  167. }
  168.  
  169. #footer a {
  170.     color: #A1A1A1;
  171. }