home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / groovy-blue / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-08-31  |  1.9 KB  |  123 lines
  1. /*
  2. Author:        Donny Burnside
  3. Website:    http://www.ginger-ninja.net/
  4. */
  5.  
  6. /* Misc. */
  7.  
  8. * {
  9.     margin:0;
  10.     padding:0;
  11.     }
  12. body {
  13.     font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  14.     font-size:12px;
  15.     background-color:#393939;
  16.     margin:25px 0 4px 0;
  17.     color:#222222;
  18.     }
  19. img {
  20.     border:0;
  21.     }
  22. p {
  23.     margin-bottom:20px;
  24.     line-height:20px;
  25.     }
  26.  
  27. /* Structure */
  28.  
  29. #wrapper {
  30.     width:700px;
  31.     margin:0 auto;
  32.     }
  33. #header {
  34.     height:100px;
  35.     line-height:100px;
  36.     background-image:url(images/bg-header.gif);
  37.     background-repeat:no-repeat;
  38.     padding-left:15px;
  39.     }
  40. #navigation {
  41.     float:right;
  42.     margin-right:15px;
  43.     }
  44. #content {
  45.     background-color:#fff;
  46.     background-image:url(images/bg-content.gif);
  47.     background-repeat:no-repeat;
  48.     background-position:top center;
  49.     padding:10px 5px;
  50.     }
  51. #footer {
  52.     text-align:right;
  53.     background-image:url(images/bg-footer.gif);
  54.     background-repeat:no-repeat;
  55.     background-position:top center;
  56.     line-height:24px;
  57.     color:#efefef;
  58.     }
  59.  
  60. /* Navigation */
  61.  
  62. #navigation ul {
  63.     list-style-type:none;
  64.     }
  65. #navigation li {
  66.     float:left;
  67.     text-align:center;
  68.     text-transform:lowercase;
  69.     }
  70. #navigation li a {
  71.     display:block;
  72.     height:100px;
  73.     width:75px;
  74.     text-decoration:none;
  75.     color:#ffffff;
  76.     }
  77. #navigation li a:hover {
  78.     color:#222222;
  79.     background:url(images/bg-navigation-hover.gif);
  80.     background-repeat:repeat-x;
  81.     }
  82. #navigation .active {
  83.     color:#222222;
  84.     background:url(images/bg-navigation-hover.gif);
  85.     background-repeat:repeat-x;
  86.     }
  87.  
  88. /* Headings */
  89.  
  90. h1 {
  91.     font-size:30px;
  92.     font-weight:normal;
  93.     letter-spacing:-1px;
  94.     }
  95.  
  96. /* Link Colors */
  97.  
  98. h1 a {
  99.     color:#fff;
  100.     text-decoration:none;
  101.     }
  102. h1 a:hover {
  103.     color:#fff;
  104.     }
  105.  
  106. #content a {
  107.     color:#222222;
  108.     text-decoration:none;
  109.     font-weight:bold;
  110.     }
  111. #content a:hover {
  112.     color:#222222;
  113.     text-decoration:underline;
  114.     }
  115.  
  116. #footer a {
  117.     color:#ffffff;
  118.     text-decoration:none;
  119.     border-bottom:1px dotted #ffffff;
  120.     }
  121. #footer a:hover {
  122.     color:#ffffff;
  123.     }