home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / bitter_sweet / default.css next >
Cascading Style Sheet File  |  2006-10-07  |  3KB  |  155 lines
  1. /*#############################################################
  2. Name: Bitter Sweet
  3. Date: 2006-10-02
  4. Description: Lime flavoured template with two columns.
  5. Author: Viktor Persson
  6. URL: http://templates.arcsin.se
  7.  
  8. Feel free to use and modify but please provide credits.
  9. #############################################################*/
  10.  
  11. /* standard elements */
  12. * {
  13.     margin: 0;
  14.     padding: 0;
  15. }
  16. a {color: #682;}
  17. a:hover {color: #9A6;}
  18. body {
  19.     background: #5F8000 url(img/bg.gif) repeat-y center top;
  20.     color: #333;
  21.     font: normal 62.5% "Lucida Sans Unicode",sans-serif;
  22. }
  23. input {
  24.     color: #555;
  25.     font: normal 1.1em "Lucida Sans Unicode",sans-serif;
  26. }
  27. p,cite,code,ul {
  28.     font-size: 1.2em;
  29.     padding-bottom: 1.2em;
  30. }
  31. ul {margin-left: 1.2em;}
  32. li {list-style-image: url(img/li.gif);}
  33. h1 {font-size: 1.4em;}
  34. blockquote {
  35.     background: #FFF;
  36.     border-bottom: 1px solid #EEE;
  37.     border-top: 1px solid #EEE;
  38.     color: #333;
  39.     display: block;
  40.     font-size: 0.9em;
  41.     margin-bottom: 1.2em;
  42.     padding: 6px 12px;
  43. }
  44. blockquote p {padding: 3px 0;}
  45. h1,h2,h3 {color: #654;}
  46.  
  47. /* misc */
  48. .clearer {clear: both;}
  49.  
  50. /* structure */
  51. .container {
  52.     background: url(img/bgcontainer.gif) repeat-y;
  53.     margin: 0 auto;
  54.     width: 702px;
  55. }
  56.  
  57. /* top */
  58. .top {
  59.     background: #567300;
  60.     font: normal 2.4em Verdana,sans-serif;
  61.     height: 60px;
  62.     margin: 0 auto;
  63.     width: 630px;
  64. }
  65. .top a {
  66.     color: #FFF;
  67.     display: block;
  68.     line-height: 60px;
  69.     text-decoration: none;
  70.     width: 100%;
  71. }
  72. .top span {padding-left: 24px;}
  73. .top a:hover {
  74.     background: #688B00;
  75.     color: #FFF;
  76. }
  77.  
  78. /* header */
  79. .header {
  80.     background: url(img/header.jpg) no-repeat;
  81.     height: 180px;
  82.     margin: 0 auto;
  83.     width: 630px;
  84. }
  85.  
  86. /* item */
  87. .item {clear: both;}
  88. .item .date {
  89.     background: url(img/bgdate.gif) no-repeat;
  90.     color: #FDD;
  91.     float: left;
  92.     height: 40px;
  93.     text-align: center;
  94.     width: 36px;
  95. }
  96. .item .date div {padding-top: 4px;}
  97. .item .date span {font: normal 1.6em serif;}
  98. .item .content {
  99.     float: left;
  100.     width: 420px;
  101. }
  102. .item h1 {
  103.     background: #567300;
  104.     color: #FFF;
  105.     line-height: 40px;
  106.     padding-left: 16px;
  107. }
  108. .item .body {padding: 12px 18px;}
  109.  
  110. /* main */
  111. .main {float: left;}
  112.  
  113. /* navigation */
  114. .navigation {
  115.     float: left;
  116.     margin-left: 1px;
  117.     width: 208px;
  118. }
  119. .navigation h1 {
  120.     background: #81AC00;
  121.     color: #FFF;
  122.     font-size: 1.3em;
  123.     line-height: 40px;
  124.     padding-left: 12px;
  125. }
  126. .navigation ul {margin: 0; padding: 0;}
  127. .navigation li {
  128.     border-bottom: 1px solid #D5E8AD;
  129.     list-style: none;
  130. }
  131. .navigation li a {
  132.     background: #E8F6BF url(img/bgnavigation.gif) repeat-x;    
  133.     color: #553;
  134.     display: block;
  135.     padding: 8px 4px 8px 12px;
  136.     text-decoration: none;
  137. }
  138. .navigation li a:hover {
  139.     background: #F0FFC6;
  140.     color: #553;
  141. }
  142.  
  143. /* footer */
  144. .footer {
  145.     background: url(img/bgfooter.gif) repeat-x;
  146.     color: #FFF;
  147.     font-size: 1.1em;
  148.     line-height: 40px;
  149.     margin: 0 auto;
  150.     text-align: center;
  151.     width: 626px;
  152. }
  153. .footer a {color: #FFF;}
  154. .footer a:hover {color: #FAFCB0;}
  155.