home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Hyper / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-10-01  |  2.1 KB  |  149 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:#111111;
  16.     color:#f1f1f1;
  17.     }
  18. a {
  19.     color:#f1f1f1;
  20.     text-decoration:none;
  21.     font-weight:bold;
  22.     }
  23. a:hover {
  24.     color:#D8E673;
  25.     }
  26. img {
  27.     border:0;
  28.     }
  29. p {
  30.     margin-bottom:20px;
  31.     line-height:20px;
  32.     }
  33.  
  34. /* Structure */
  35.  
  36. #wrapper {
  37.     width:780px;
  38.     margin:0 auto;
  39.     background-color:#222222;
  40.     }
  41. #header {
  42.     height:80px;
  43.     background-image:url(images/bg-header.gif);
  44.     background-repeat:repeat-x;
  45.     background-color:#D0E254;
  46.     border-bottom:2px solid #D5E461;
  47.     }
  48. #sidebar {
  49.     float:right;
  50.     width:160px;
  51.     padding:10px;
  52.     }
  53. #body {
  54.     padding:10px;
  55.     margin-right:180px;
  56.     min-height:400px;
  57.     }
  58. #footer {
  59.     padding:10px;
  60.     text-align:center;
  61.     }
  62.  
  63.  
  64. /* Menu */
  65. #menu {
  66.     float:right;
  67.     }
  68. #menu ul {
  69.     list-style-type:none;
  70.     padding-right:10px;
  71.     }
  72. #menu li {
  73.     float:left;
  74.     text-align:center;
  75.     margin-left:3px;
  76.     }
  77. #menu li a {
  78.     height:26px;
  79.     line-height:26px;
  80.     width:80px;
  81.     display:block;
  82.     background-image:url(images/menu.gif);
  83.     background-repeat:no-repeat;
  84.     color:#ffffff;
  85.     font-size:11px;
  86.     margin-top:54px;
  87.     }
  88. #menu li a:hover {
  89.     height:30px;
  90.     line-height:30px;
  91.     margin-top:50px;
  92.     background-image:url(images/menu-hover.gif);
  93.     background-repeat:no-repeat;
  94.     color:#ffffff;
  95.     }
  96. #menu li .active {
  97.     height:30px;
  98.     line-height:30px;
  99.     margin-top:50px;
  100.     background-image:url(images/menu-hover.gif);
  101.     background-repeat:no-repeat;
  102.     color:#ffffff;
  103.     }
  104.  
  105. /* Headings */
  106.  
  107. h1 a {
  108.     color:#C2D926;
  109.     }
  110. h2 {
  111.     font-size:14px;
  112.     color:#f1f1f1;
  113.     font-weight:bold;
  114.     letter-spacing:-1px;
  115.     }
  116.  
  117. /* Sidebar */
  118.  
  119. #sidebar ul {
  120.     list-style-type:none;
  121.     }
  122. #sidebar li {
  123.     padding-left:10px;
  124.     }
  125. #sidebar li a {
  126.     font-weight:normal;
  127.     }    
  128.  
  129. /* Title */
  130.  
  131. #title {
  132.     line-height:80px;
  133.     padding-left:10px;
  134.     }
  135. #subtitle {
  136.     padding-left:30px;
  137.     margin-top:-26px;
  138.     color:#fdfdfd;
  139.     cursor:default;
  140.     }
  141. .title1 {
  142.     font-size:30px;
  143.     color:#ffffff;
  144.     }
  145. .title2 {
  146.     font-size:30px;
  147.     color:#000000;
  148.     font-style:italic;
  149.     }