home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / blackandgreen / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-01-18  |  4.8 KB  |  176 lines
  1. * {
  2.  padding: 0;
  3.  margin: 0;
  4. }
  5. body {
  6.  font-family: Arial, Helvetica, sans-serif;
  7.  color: #666666;
  8.  font-size: 12px;
  9.  background-color: #333333;
  10.  }
  11.  img {
  12. padding: 3px;
  13. border: solid 1px #bce296;
  14. }
  15.  
  16. img.floatTL {
  17. float: left;
  18. margin-right: 1em;
  19. margin-bottom: 1em;
  20. margin-top: 1em;
  21. }
  22.  
  23. img.floatTR {
  24. float: right;
  25. margin-left: 1em;
  26. margin-bottom: 1em;
  27. margin-top: 1em;
  28. }
  29.  
  30. h3{
  31. font-size: 1em;
  32. color: #ff7733;
  33. background-image: url(images/hbgsm.jpg);
  34. background-repeat: no-repeat;
  35. padding-left: 45px;
  36. padding-top: 6px;
  37. padding-bottom: 6px;
  38. margin-left: 7px;}
  39.  
  40. #wrapper {
  41.  width: 770px;
  42.  margin: 0 auto;
  43. }
  44.  
  45. #navbartop {
  46.  margin: 0px 5px 1px 5px;
  47.  padding: 4px;
  48.  background-color: #65fc00;
  49.  background-repeat: no-repeat;
  50.  text-align: right;
  51.  color: #ff7733;
  52. }
  53. #navbartop a{
  54. font-size: 1em;
  55. color: #ff7733;
  56. text-decoration: none;
  57. }
  58. #navbar {
  59.  margin: 0px 5px 0px 5px;
  60.  background-color: #333332;
  61.  height: 55px;
  62.  background-image: url(images/navbg1.jpg);
  63.  background-repeat: no-repeat;
  64.  text-align: center;
  65.  padding: 5px;}
  66. #nav {
  67.  padding: 0;
  68.  height: 2.2em;
  69.  margin-top: 15px;
  70.  }
  71. #nav li {
  72.  list-style-type: none;
  73.  display: inline;
  74.  line-height: 20px;
  75.  }        
  76. #nav li a { 
  77.  text-decoration: none; 
  78.  color: #333360;
  79.  border-bottom: 0;
  80.  padding: 5px 10px;
  81.  font-size: 1.1em;
  82.  font-weight: bold;
  83.  }
  84. #nav li a:hover { 
  85.  color: #ff7733; 
  86. }
  87. #nav li a.on { 
  88.  color: #00a7cc; 
  89.  }
  90. #header {
  91.  border: 1px #ff7733 solid;
  92.  margin: 5px 5px 5px 5px;
  93.  height: 90px;
  94.  padding: 10px;
  95.  background-color: #333332;
  96.  background-image: url(images/header.jpg);
  97.  background-repeat: no-repeat;
  98.  }
  99. #header h1 {
  100.  color: #89cc46;
  101.  font-size: 1.7em;
  102.  text-decoration: underline;
  103.  }
  104. #header a {
  105.  color: #bce296;
  106.  font-size: 1em;
  107.  text-decoration: none;
  108.  font-weight: bold;
  109.  }
  110. #maintext {
  111.  border: 1px solid #ccc;
  112.  margin: 0px 5px 5px 5px;
  113.  padding: 4px;
  114.  background-color: #eeeeee;
  115. }
  116. #maintext h1{
  117. color: #00a7cc;
  118. font-size: 1.4em;
  119. background-image: url(images/hbg.jpg);
  120. background-repeat: no-repeat;
  121. padding-left: 65px;
  122. padding-bottom: 6px;
  123. padding-top: 6px;
  124. }
  125. #maintext h2{
  126. color: #00a7cc;
  127. font-size: 1.2em;
  128. background-image: url(images/hbg.jpg);
  129. background-repeat: no-repeat;
  130. padding-left: 65px;
  131. padding-bottom: 8px;
  132. padding-top: 8px;
  133. }
  134. #maintext p{
  135. color: #999999;
  136. text-align: justify;
  137. padding-top: 10px;
  138. padding-left: 5px;
  139. padding-bottom: 10px;
  140. padding-right: 11px;
  141. }
  142. #maintext a{
  143. color: #00d0ff;
  144. text-decoration: none;
  145. }
  146. #maintext a:hover{
  147. color: #ff7733;
  148. }
  149. .inset
  150. { 
  151. float:right;
  152. width:346px;
  153. padding:5px;
  154. border:#66cc00 1px solid;
  155. margin:5px 0 0 5px;
  156. background:#ddffc5;
  157. color:inherit;
  158. font-size:85%;
  159. }
  160.  
  161. blockquote {
  162. font-family: monospace;
  163. font-size: .9em;
  164. background-color: #e9ffd9;
  165. margin: 5px;
  166. padding: 10px;
  167. text-align: justify;
  168. }
  169.  
  170. /* ---------------------------- */
  171. #leftcolumn1 { /* Parent Wrapper for inside boxes */
  172.  margin: 0 0px 0px 5px;
  173.  display: inline; /* IE Hack */
  174.  width: 180.5px;
  175.  float: left;
  176.  min-height: 300px;
  177.  padding: 4px;
  178.  border: 1px solid #66ff00;
  179.  
  180. }
  181. * html #leftcolumn1 {height:300px} /* IE Min-Height Hack */ 
  182.  
  183. #leftcolumn2 { /* Parent Wrapper for inside boxes */
  184.  margin: 0 0px 0px 0px;
  185.  display: inline; /* IE Hack */
  186.  width: 180px;
  187.  float: left;
  188.  min-height: 300px;
  189.  padding: 4px;
  190. border-top: 1px #66ff00 solid;
  191. border-bottom: 1px #66ff00 solid;}
  192. * html #leftcolumn2 {height:300px} /* IE Min-Height Hack */ 
  193. /* ---------------------------- */
  194.  
  195.  
  196. /* ---------------------------- */
  197. #rightcolumn1 { /* Parent Wrapper for inside boxes */
  198.  
  199.  margin: 0px 0px 0px 0px;
  200.  display: inline; /* IE Hack */
  201.  padding: 4px;
  202.  width: 181px;
  203.  float: left;
  204.  min-height: 300px;
  205. border-top: 1px #66ff00 solid;
  206. border-bottom: 1px #66ff00 solid;
  207. border-left: 1px #66ff00 solid;}
  208. * html #rightcolumn1 {height:300px;
  209. border-left: 1px #66ff00 solid;} /* IE Min-Height Hack */ 
  210.  
  211. #rightcolumn2 { /* Parent Wrapper for inside boxes */
  212.  border: 1px solid #66ff00;
  213.  margin: 0px 0px 0px 0px;
  214.  display: inline; /* IE Hack */
  215.  padding: 4px;
  216.  width: 181px;
  217.  float: left;
  218.  min-height: 300px;
  219. }
  220. * html #rightcolumn2 {height:300px} /* IE Min-Height Hack */ 
  221. /* ---------------------------- */
  222. #leftcolumn1 ul, #leftcolumn2 ul, #rightcolumn1 ul, #rightcolumn2 ul{
  223. margin-left: 30px;
  224. margin-top: 20px;
  225. color: #66ff00;}
  226.  
  227. #leftcolumn1 li, #leftcolumn2 li, #rightcolumn1 li, #rightcolumn2 li{
  228. padding-top: 10px;
  229. padding-left: 10px;
  230. }
  231.  
  232. #leftcolumn1 a, #leftcolumn2 a, #rightcolumn1 a, #rightcolumn2 a{
  233. color: #ff7733;
  234. font-weight: bold;
  235. text-decoration: none;}
  236.  
  237. #footer {
  238.  border: 1px solid #66ff00;
  239.  background-color: #eeeeee;
  240.  margin: 5px 5px 5px 5px;
  241.  display: inline; /* IE Hack */
  242.  padding: 4px;
  243.  float: left;
  244.  width: 750px;
  245. background-image: url(images/bgft.jpg);
  246. background-repeat: repeat-x;
  247. text-align: center;
  248. font-size: .9em;}
  249.  
  250. #footer a{
  251. color: #cc4400;}
  252.  
  253.