home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / curiouslygreen / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-04-25  |  4.5 KB  |  351 lines
  1. *
  2. {
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6.  
  7. body
  8. {
  9. background-color: #fff;
  10. color: #9f9f9f;
  11. font-size: 11px;
  12. font-family: "trebuchet ms", helvetica, sans-serif;
  13. }
  14.  
  15. a
  16. {
  17. text-decoration: underline;
  18. color: #93B300;
  19. }
  20.  
  21. a:hover
  22. {
  23. text-decoration: none;
  24. color: #fff;
  25. background: #D3E378 url('images/bbg1.gif') repeat-x;
  26. }
  27.  
  28. strong
  29. {
  30. background: inherit;
  31. color: #50514D;
  32. }
  33.  
  34. #header
  35. {
  36. width: 100%;
  37. height: 104px;
  38. background-color: #4d4d4d;
  39. background: url('images/a1.gif') repeat-x;
  40. color: #ffffff;
  41. }
  42.  
  43. #header_inner
  44. {
  45. position: relative;
  46. width: 680px;
  47. height: 104px;
  48. margin: 0px auto;
  49. }
  50.  
  51. #header_inner h1
  52. {
  53. background: inherit;
  54. position: absolute;
  55. left: 0px;
  56. bottom: 10px;
  57. text-transform: lowercase;
  58. font-size: 39px;
  59. color: #fff;
  60. font-weight: normal;
  61. letter-spacing: -2px;
  62. }
  63.  
  64. #header_inner h1 span
  65. {
  66. background: inherit;
  67. color: #DADADA;
  68. }
  69.  
  70. #slogan
  71. {
  72. background: inherit;
  73. position: absolute;
  74. right: 0px;
  75. bottom: 25px;
  76. color: #DADADA;
  77. text-transform: lowercase;
  78. font-size: 13px;
  79. }
  80.  
  81. #main
  82. {
  83. padding-top: 20px;
  84. position: relative;
  85. width: 680px;
  86. margin: 0px auto;
  87. padding-bottom: 10px;
  88. }
  89.  
  90. #menu ul
  91. {
  92. list-style: none;
  93. margin: 0px;
  94. }
  95.  
  96. #menu li
  97. {
  98. background: none;
  99. padding: 0px;
  100. font-weight: bold;
  101. }
  102.  
  103. #menu a
  104. {
  105. display: block;
  106. position: relative;
  107. width: 168px;
  108. height: 27px;
  109. margin-bottom: 1px;
  110. text-decoration: none;
  111. background: inherit;
  112. background-image: url('images/bbg0.gif');
  113. padding-left: 17px;
  114. padding-top: 11px;
  115. color: #636363;
  116. text-transform: lowercase;
  117. font-size: 13px;
  118. }
  119.  
  120. #menu a span
  121. {
  122. position: absolute;
  123. right: 0px;
  124. margin-top: 5px;
  125. margin-right: 15px;
  126. width: 7px;
  127. height: 7px;
  128. background: url('images/x1.gif') no-repeat; 
  129. }
  130.  
  131. #menu a:hover span
  132. {
  133. position: absolute;
  134. right: 0px;
  135. margin-top: 5px;
  136. margin-right: 15px;
  137. width: 7px;
  138. height: 7px;
  139. background: url('images/x2.gif') no-repeat;
  140. }
  141.  
  142. #menu a:hover
  143. {
  144. background: inherit;
  145. color: #fff;
  146. background-image: url('images/bbg1.gif');
  147. }
  148.  
  149. #menu_end
  150. {
  151. height: 30px;
  152. background-image: url('images/a2.gif');
  153. }
  154.  
  155. h1
  156. {
  157. background: inherit;
  158. color: #50514D;
  159. text-transform: lowercase;
  160. font-size: 26px;
  161. }
  162.  
  163. h1 span
  164. {
  165. background: inherit;
  166. color: #85AC1E;
  167. }
  168.  
  169. h1 span sup
  170. {
  171. background: inherit;
  172. color: #85AC1E;
  173. font-size: 14px;
  174. }
  175.  
  176. h3
  177. {
  178. margin-top: 30px;
  179. background: inherit;
  180. color: #50514D;
  181. font-size: 15px;
  182. text-transform: lowercase;
  183. height: 34px;
  184. background: url('images/a3.gif') repeat-x 0px 17px;
  185. }
  186.  
  187. h3 span
  188. {
  189. background: inherit;
  190. color: #85AC1E;
  191. }
  192.  
  193. h3.first
  194. {
  195. margin-top: 0px;
  196. }
  197.  
  198. #lcol
  199. {
  200. position: relative;
  201. width: 185px;
  202. float: left;
  203. }
  204.  
  205. #lcontent
  206. {
  207. position: relative;
  208. padding: 0px 15px 0px 15px;
  209. }
  210.  
  211. #rcontent
  212. {
  213. position: relative;
  214. padding: 25px 20px 0px 20px;
  215. }
  216.  
  217. ul
  218. {
  219. list-style: none;
  220. }
  221.  
  222. li
  223. {
  224. background: url('images/x1.gif') no-repeat 0px 5px;
  225. padding-left: 15px;
  226. }
  227.  
  228. p
  229. {
  230. margin-bottom: 25px;
  231. text-align: justify;
  232. line-height: 20px;
  233. }
  234.  
  235. #lcol p
  236. {
  237. font-size: 10px;
  238. line-height: 16px;
  239. margin: 0px;
  240. }
  241.  
  242. .divider
  243. {
  244. font-size: 0px;
  245. position: relative;
  246. border-bottom: solid 1px #F5F5F5;
  247. height: 1px;
  248. width: 100%;
  249. margin: 10px 0px 10px 0px;
  250. }
  251.  
  252. .summary
  253. {
  254. text-align: right;
  255. font-style: italic;
  256. }
  257.  
  258. ul.divided li
  259. {
  260. border-top: solid 1px #F5F5F5;
  261. margin-top: 4px;
  262. padding-top: 4px;
  263. background-position: 0px 9px;
  264. }
  265.  
  266. ul.divided li.first
  267. {
  268. border-top: 0px;
  269. margin-top: 0px;
  270. padding-top: 0px;
  271. background-position: 0px 5px;
  272. }
  273.  
  274. #rcol
  275. {
  276. position: relative;
  277. margin-left: 190px;
  278. width: 485px;
  279. background-image: url('images/a2.gif');
  280. background-repeat: repeat-x;
  281. }
  282.  
  283. #slogan2
  284. {
  285. font-size: 14px;
  286. position: relative;
  287. top: -5px;
  288. }
  289.  
  290. .box
  291. {
  292. position: relative;
  293. border: dashed 1px #dadada;
  294. margin-top: 15px;
  295. background: inherit;
  296. color: #AAB165;
  297. }
  298.  
  299. .box h2
  300. {
  301. background: inherit;
  302. color: #6C7425;
  303. text-transform: lowercase;
  304. font-weight: normal;
  305. font-size: 18px;
  306. margin-bottom: 5px;
  307. }
  308.  
  309. .box p
  310. {
  311. font-size: 10px;
  312. line-height: 16px;
  313. margin: 0px;
  314. }
  315.  
  316. .box_inner
  317. {
  318. border: solid 1px #fff;
  319. padding: 15px;
  320. background: #FFFFE9 url('images/a4.gif') repeat-x;
  321. color: inherit;
  322. }
  323.  
  324. .captioned_image
  325. {
  326. position: relative;
  327. padding-bottom: 15px;
  328. float: left;
  329. margin-right: 17px;
  330. }
  331.  
  332. .captioned_image div
  333. {
  334. position: absolute;
  335. font-size: 9px;
  336. bottom: 0px;
  337. left: 0px;
  338. }
  339.  
  340. #footer
  341. {
  342. clear: both;
  343. background: url('images/a2.gif') repeat-x;
  344. width: 680px;
  345. margin: 0px auto;
  346. margin-bottom: 25px;
  347. padding-top: 10px;
  348. text-align: center;
  349. text-transform: lowercase;
  350. }
  351.