home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / greengrass / images / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-04-21  |  4.7 KB  |  308 lines
  1. /*
  2.  
  3.     StyleSheet for GreenGrass Template
  4.     by David Herreman
  5.     http://www.free-css-templates.com
  6.     
  7. */
  8.  
  9.  
  10. h4 {
  11.     font-size: 12px;
  12.     color: #50922C;
  13.     text-align: left;
  14.     background-color: #fff;
  15. }
  16.  
  17. .date {
  18.     text-align: right;
  19.     color: #808080;
  20.     font-size: 11px;
  21.     background-color: #fff;
  22. }
  23.  
  24. .date a {
  25.     color: #245917;
  26.     background-color: #fff;
  27. }
  28.  
  29.  
  30. #content h2 {
  31.     margin: 0;
  32.     padding: 0;
  33.     padding-bottom: 0px;
  34.     color: #245917;
  35.     background-color: #fff;
  36. }
  37.  
  38. #content h4 {
  39.     margin: 0;
  40.     padding-bottom: 0px;
  41.     font-size: 12px;
  42.     color: #50922C;
  43.     background-color: #fff;
  44. }
  45.  
  46. #content a {
  47. color: #50922C;
  48. text-decoration: none;
  49. background-color: #fff;
  50. }
  51.  
  52. #content p {
  53.     margin: 0;
  54.     padding: 0;
  55.     padding-bottom: 10px;
  56.     background-color: #fff;
  57. }
  58.  
  59. #content .title
  60. {
  61.     margin: 0;
  62.     padding: 0;
  63.     padding-bottom: 0px;
  64.     font-size: 100%; 
  65.     text-transform: uppercase;
  66.     font-weight: bold;
  67.     text-decoration: none;
  68.     color: #245917;
  69.     background-color: #fff;
  70. }
  71.  
  72. #page-container {
  73.     width: 760px;
  74.     background: #fff;
  75.     text-align: left;
  76.     margin: auto;
  77.     background: #fff url("bg2.gif") top center repeat-y;
  78.     background-color: #fff;
  79. }
  80.  
  81. body {
  82.     font-family: Arial, Helvetica, Verdana, Sans-serif;
  83.     font-size: 12px;
  84.     color: #666666;
  85.     background: #ebebeb;
  86.     text-align: center;
  87. }
  88.  
  89. #menu {
  90.     text-align: center;
  91.     font-size: 100%; 
  92.     text-transform: uppercase;
  93.     font-weight: bold;
  94.     text-decoration: none;
  95. }
  96.  
  97. #menu a {
  98.     width: 180px;
  99.     color: #B60400;
  100.     font-size: 9pt;
  101.     font-weight: bold;
  102.     padding: 0 0 0 10px;
  103.     background-color: #fff;
  104. }
  105.  
  106. #menu a:hover {
  107.     color: #B60400;
  108.     font-size: 9pt;
  109.     font-weight: bold;
  110.     padding: 0 0 0 0px;
  111. }
  112.  
  113. ul#menu
  114. {
  115.     padding: 0px ;
  116.     list-style-type: none ;
  117.     text-align: left;
  118. }
  119.  
  120. ul#menu li
  121. {
  122.     margin: 0px 0 0 0 ;
  123.     padding: 0 ;
  124. }
  125.  
  126. ul#menu li a
  127. {
  128.     display: block ; 
  129.     width: 175px ;
  130.     line-height: 29px ;
  131.     color: #B60400;
  132.     text-indent: +30px ; 
  133.     text-decoration: none ;
  134.     background: url(li.gif) no-repeat +10px +8px; 
  135. }
  136.  
  137.  
  138. ul#menu li a:hover
  139. {
  140.     background: #eaeaea;
  141.     text-indent: +40px ;
  142.     line-height: 29px ;    
  143.     background: #ebebeb url(li.gif) no-repeat +10px +8px; 
  144. }
  145.         
  146.  
  147.  
  148. #top {
  149.     background: #fff url("header.gif") top center no-repeat;
  150.     height: 65px;
  151.     padding-top: 18px;
  152.     padding-left: 28px;
  153.     padding-right: 20px;
  154.     text-align: right;
  155.     color: #ccc;
  156.     font-size: 10px;
  157.     background-color: #fff;
  158. }
  159.  
  160. #top .comment {
  161. margin: 14px 0px 0px 0px;
  162. color: #245917;
  163. font-size: 11px;
  164. }
  165.  
  166. #top input.search { 
  167.     width: 292px; 
  168.     border: 0;
  169.     background: #FFF url(input.gif) no-repeat;
  170.     padding: 4px; 
  171.     color: #70b24C;
  172. }
  173.  
  174.  
  175. #top input.submit {
  176.     border: 0px;
  177.     background-color: #A3BB90;
  178.     padding: 0px 0;
  179.     width: 65px;
  180.     margin: 0 15px 1px 0;
  181.     color: #245917;
  182.     font: bold 1em Arial, Sans-Serif;
  183. }
  184.  
  185. #top a {
  186.  color: #808080;
  187.  background-color: #fff;
  188. }
  189.  
  190. #header {
  191.     background: #ccc url("bg2.gif") top center repeat-y;
  192.     height: 120px;
  193.     padding-left: 40px;
  194.     background-color: #fff;
  195. }
  196.  
  197. #prefooter {
  198.     clear: both;
  199.     background: #fff url("prefooter.gif") center no-repeat;
  200.     height: 169px;
  201.     padding: 0px 0px 0px 70px;
  202.     background-color: #0f0;
  203. }
  204.  
  205.  
  206. #prefooter p {
  207.     width: 350px;
  208.     padding: 12px 0px 10px 0px;
  209.     margin: 0px 0px 3px 0px;
  210.     border-bottom: 1px solid #ada;
  211. }
  212.  
  213.     
  214. #prefooter a {
  215.     color: #B60400;
  216.     font-size: 9pt;
  217.     font-weight: bold;
  218.     padding: 0 0px 0px 0px;
  219. }
  220.  
  221. #hrgreen {
  222.  background: #fff url("hr.gif") no-repeat;
  223.  margin: 13px;
  224.  height: 1px;
  225.  background-color: #fff;
  226. }
  227.  
  228. * html #hrgreen {
  229.  background: #fff url("hr.gif") no-repeat;
  230.  margin-left: 60px;
  231.  height: 1px;
  232.  background-color: #fff;
  233. }
  234.  
  235.  
  236. #content {
  237.     margin-right: 280px;
  238.     line-height: 18px;
  239.     padding-left: 20px;
  240. }
  241.  
  242. #content .padding {
  243.     padding: 25px;
  244.     background-color: #fff;
  245. }
  246.  
  247. #sidebar-a {
  248.     float: right;
  249.     width: 228px;
  250.     line-height: 18px;
  251.     margin-right: 10px;
  252.     background: #fff url("bg_nav.gif") right top no-repeat;
  253.     background-color: #fff;
  254. }
  255.  
  256.  
  257. #sidebar-a p {
  258.     width: 173px ;
  259.     margin-left: 30px;
  260.     text-decoration: none ;
  261.     text-align: left;
  262.     background-color: #fff;
  263. }
  264.  
  265.  
  266. * html #sidebar-a p {
  267.   width: 173px;
  268.   margin-left: 75px;
  269.   margin-top: -15px;
  270.   text-decoration: none ;
  271.   text-align: left;
  272.   background-color: #fff;
  273.   }
  274.  
  275.  
  276. #sidebar-a .padding {
  277.     margin: 10px 0px 10px 0px;
  278.     padding: 35px 20px 0px 30px;
  279. }
  280.  
  281.  
  282. #footer {
  283.     background: #ebebeb url("footer2.gif") top no-repeat;
  284.     font-family: Tahoma, Arial, Helvetica, Sans-serif;
  285.     font-size: 11px;
  286.     color: #505050;
  287.     padding: 8px 0px;
  288.     text-align: center;
  289.     background-color: #0f0;
  290. }
  291.  
  292. #footer a {
  293.     color: #245917;
  294.     text-decoration: none;
  295. }
  296.  
  297. #footer a:hover {
  298.     color: #db6d16;
  299. }
  300.  
  301. #footer #copyright {
  302.     padding-top: 1px;
  303. }
  304.  
  305. .hidden {
  306.     display: none;
  307. }
  308.