home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / dreamy / style.css < prev   
Cascading Style Sheet File  |  2006-11-30  |  3KB  |  209 lines
  1. /*  
  2. Theme Name: Ginger Ninja! v2
  3. Description: The new Ginger Ninja! theme.
  4. Version: 1.0
  5. Author: Donny Burnside
  6. Author URI: http://www.ginger-ninja.net/
  7. */
  8.  
  9. /* Generic Styling */
  10.  
  11. body {
  12.     background:url(images/bg-body.png) repeat-x top center #E8F7F9;
  13.     font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
  14.     font-size:62.5%; /* Sets default font size to 10px */
  15.     color:#222222;
  16.     }
  17.  
  18. * {
  19.     margin:0;
  20.     padding:0;
  21.     }
  22.  
  23. img {
  24.     border:0;
  25.     }
  26.  
  27. p {
  28.     margin-bottom:1.75em;
  29.     }
  30.  
  31. a {
  32.     text-decoration:none;
  33.     color:#B4C835;
  34.     }
  35. a:hover {
  36.     text-decoration:none;
  37.     color:#6CC7DC;
  38.     }
  39.  
  40. /* Structure */
  41.  
  42. #wrapper {
  43.     margin:0 auto;
  44.     width:700px;
  45.     background:#ffffff;
  46.     font-size:1.20em;
  47.  
  48.     }
  49. #header {
  50.     height:140px;
  51.     background:url(images/bg-header.jpg) no-repeat;
  52.     }
  53. #menu {
  54.     height:35px;
  55.     line-height:35px;
  56.     background:url(images/bg-menu.png) repeat-x;
  57.     padding:0 10px;
  58.     }
  59. #sidebar {
  60.     float:right;
  61.     width:180px;
  62.     background:#efefef;
  63.     margin-right:10px;
  64.     }
  65. #content {
  66.     float:left;
  67.     width:500px;
  68.     min-height:400px;
  69.     }
  70. #footer {
  71.     clear:both;
  72.     height:100px;
  73.     background:url(images/bg-footer.jpg) no-repeat;
  74.     }
  75.  
  76. /* Entries */
  77.  
  78. .entry {
  79.     padding:5px 10px;
  80.     text-align:justify;
  81.     line-height:1.75em;
  82.     }
  83. .entry-title {
  84.     font-size:1.90em;
  85.     font-weight:normal;
  86.     letter-spacing:-1px;
  87.     }
  88. .date {
  89.     font-size:0.9em;
  90.     color:#bbb;
  91.     cursor:default;
  92.     letter-spacing:1px;
  93.     }
  94. .comments {
  95.     margin-top:-1em;
  96.     }
  97. .comments a {
  98.     color:#6CC7DC;
  99.     background:url(images/icon-comment.png) no-repeat 0px 2px;
  100.     padding-left:20px;
  101.     padding-right:2px;
  102.     }
  103. .comments a:hover {
  104.     color:#B4C835;
  105.     }
  106.  
  107.  
  108. /* Menu */
  109.  
  110. #menu ul {
  111.     list-style-type:none;
  112.     }
  113. #menu li {
  114.     float:left;
  115.     }
  116. #menu li a {
  117.     padding:0 15px;
  118.     display:block;
  119.     color:#ffffff;
  120.     margin-right:2px;
  121.     }
  122. #menu li a:hover {
  123.     background:url(images/bg-menu-hover.png) no-repeat center center;
  124.     }
  125.  
  126. /* Sidebar */
  127.  
  128. #sidebar ul {
  129.     list-style-type:none;
  130.     margin-top:10px;
  131.     }
  132. #sidebar li {
  133.     
  134.     }
  135. #sidebar li a {
  136.     display:block;
  137.     height:20px;
  138.     line-height:20px;
  139.     color:#222222;
  140.     padding-left:5px;
  141.     border-bottom:1px solid #dddddd;
  142.     }
  143. #sidebar li a:hover {
  144.     background:#edebed;
  145.     color:#6CC4D8;
  146.     }
  147. #sidebar-bottom {
  148.     height:20px;
  149.     background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
  150.     }
  151.  
  152. /* Footer */
  153.  
  154. #footer-valid {
  155.     float:left;
  156.     padding-top:55px;
  157.     padding-left:20px;
  158.     cursor:default;
  159.     color:#ffffff;
  160.     }
  161. #footer-valid a {
  162.     color:#ffffff;
  163.     text-decoration:none;
  164.     }
  165. #footer-valid a:hover {
  166.     color:#ffffff;
  167.     text-decoration:underline;
  168.     }
  169.  
  170. /* Heading's */
  171.  
  172. h1 {
  173.     font-size:2.5em;
  174.     font-weight:normal;
  175.     cursor:default;
  176.     position:relative; top:50px; left:30px;
  177.     letter-spacing:1px;
  178.     color:#aaaaaa;
  179.     font-style:italic;
  180.     }
  181.  
  182. /* Feed */
  183.  
  184. #feed {
  185.     height:25px;
  186.     width:126px;
  187.     background:url(images/bg-feed.gif) no-repeat;
  188.     margin:0 auto;
  189.     padding-left:26px;
  190.     }
  191. a.feed-button {
  192.     display:block;
  193.     width:100px;
  194.     height:25px;
  195.     background:url("images/button-feed.png") 0 0 no-repeat;
  196.     text-decoration: none;
  197.     }
  198. a:hover.feed-button {
  199.     background-position:0 -25px;
  200.     }
  201.  
  202. /* Extra's */
  203.  
  204. #ad-top {
  205.     width:480px;
  206.     height:72px;
  207.     background:url(images/bg-ad-top.png) no-repeat;
  208.     padding:5px;
  209.     }