home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / fairyblue / default.css next >
Cascading Style Sheet File  |  2006-08-03  |  2KB  |  137 lines
  1. /** BASIC */
  2.  
  3. body {
  4.     margin: 30px 0px 0px 0px;
  5.     background-image: url(images/0008d-background.jpg);
  6.     text-align: justify;
  7.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  8.     font-size: 11px;
  9.     color: #274690;
  10.  
  11. }
  12.  
  13. h1 {
  14.     font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  15.     font-size: 32px;
  16.     font-weight: normal;
  17.     letter-spacing: -4px;
  18.     text-transform: lowercase;
  19. }
  20. h2, h3, h4, h5, h6 {
  21.     font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  22.     font-size: 22px;
  23.     font-weight: normal;
  24.     color: #274690;
  25.     text-transform: lowercase;
  26.     letter-spacing: -2px;
  27. }
  28.  
  29. ul {
  30.     margin-left: 0px;
  31.     padding-left: 0px;
  32.     list-style-type: none;
  33. }
  34.  
  35. a {
  36.     color: #274690;
  37. }
  38.  
  39. a:hover {
  40.     text-decoration: none;
  41. }
  42.  
  43. /** HEADER */
  44.  
  45. #header {
  46.     width: 700px;
  47.     height: 80px;
  48.     margin: 0px auto;
  49.     background: #9AB0E4 url(images/img01.gif) no-repeat left top;
  50. }
  51.  
  52. #header h1 {
  53.     float: left;
  54.     margin: 0px;
  55.     padding: 35px 0px 0px 10px;
  56. }
  57.  
  58. #header h2 {
  59.     float: right;
  60.     margin: 0px;
  61.     padding: 43px 10px 0px 0px;
  62.     background: url(images/img02.gif) no-repeat right top;
  63. }
  64.  
  65. /** MENU */
  66.  
  67. #menu {
  68.     width: 700px;
  69.     height: 30px;
  70.     margin: 0px auto;
  71.     background: url(images/img03.gif) repeat-x left top;
  72. }
  73.  
  74. #menu ul {
  75.     margin: 0px;
  76.     padding: 0px;
  77.     list-style: none;
  78. }
  79.  
  80. #menu li {
  81.     display: inline;
  82. }
  83.  
  84. #menu a {
  85.     display: block;
  86.     float: left;
  87.     padding: 10px;
  88.     text-transform: uppercase;
  89.     text-decoration: none;
  90.     font-size: smaller;
  91.     font-weight: bold;
  92.     color: #FFFFFF;
  93. }
  94.  
  95. #menu a:hover {
  96.     color: #FFFFFF;
  97. }
  98.  
  99. /** CONTENT */
  100.  
  101. #content {
  102.     width: 700px;
  103.     margin: 0px auto;
  104.     background: url(images/img04.gif) repeat-y left top;
  105. }
  106.  
  107. #columnA {
  108.     float: right;
  109.     width: 440px;
  110.     padding: 20px;
  111. }
  112.  
  113. #columnB {
  114.     float: left;
  115.     width: 180px;
  116.     padding: 20px 20px 0px 20px;
  117. }
  118.  
  119. #columnB h2 {
  120.     font-size: large;
  121. }
  122.  
  123. /** FOOTER */
  124.  
  125. #footer {
  126.     width: 700px;
  127.     margin: 0px auto;
  128.     background: #809CDD url(images/img05.gif) no-repeat left bottom;
  129. }
  130.  
  131. #footer p {
  132.     margin: 0px;
  133.     padding: 15px 10px;
  134.     background: url(images/img06.gif) no-repeat right bottom;
  135.     font-size: smaller;
  136.     color: #274690;
  137. }