home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / no68 / style.css < prev   
Cascading Style Sheet File  |  2008-01-20  |  5KB  |  263 lines
  1. * { 
  2. padding : 0;
  3. margin : 0;
  4. } 
  5. body { 
  6. font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
  7. font-size : 13px;
  8. background-image : url(images/bbg.jpg);
  9. background-repeat : repeat-x;
  10. } 
  11. a { 
  12. color : #1529ff;
  13. } 
  14. #wrapper { 
  15. margin : 0 auto;
  16. width : 922px;
  17. } 
  18. #header { 
  19. color : #333;
  20. width : 900px;
  21. float : left;
  22. padding : 10px;
  23. height : 50px;
  24. margin : 10px 0 0 0;
  25. } 
  26. .logo { 
  27. width : 280px;
  28. float : right;
  29. text-align : center;
  30. } 
  31. .logo h1.lineone { 
  32. font-size : 2.5em;
  33. font-weight : bold;
  34. padding-left : 5px;
  35. color : #99ff32;
  36. border : none;
  37. letter-spacing : -1px;
  38. } 
  39. .logo h1.lineone span { 
  40. color : #1529ff;
  41. } 
  42. .logo h2.linetwo { 
  43. padding-left : 5px;
  44. font-size : 1.3em;
  45. text-transform : none;
  46. color : #1529ff;
  47. } 
  48. .logo a { 
  49. color : #1529ff;
  50. text-decoration : none;
  51. } 
  52. #navigation { 
  53. margin-right : 4px;
  54. padding : 0;
  55. width : 100%;
  56. background : transparent;
  57. voice-family : "\"}\"";
  58. voice-family : inherit;
  59. padding-right : 5px;
  60. } 
  61. #navigation ul { 
  62. font : bold 11px Arial, Verdana, sans-serif;
  63. margin : 0;
  64. padding : 0;
  65. list-style : none;
  66. } 
  67. #navigation li { 
  68. display : inline;
  69. margin : 0 2px 0 0;
  70. padding : 0;
  71. text-transform : uppercase;
  72. } 
  73. #navigation a { 
  74. float : left;
  75. color : white;
  76. background : #678b3f url(images/tab-left.gif) no-repeat left top;
  77. margin : 0 2px 0 0;
  78. padding : 0 0 1px 3px;
  79. text-decoration : none;
  80. letter-spacing : 1px;
  81. } 
  82. #navigation a span { 
  83. float : left;
  84. display : block;
  85. background : transparent url(images/tab-right.gif) no-repeat right top;
  86. padding : 4px 9px 2px 6px;
  87. } 
  88. #navigation a span { 
  89. float : none;
  90. } 
  91. #navigation a:hover { 
  92. background-color : #8cb85c;
  93. } 
  94. #navigation a:hover span { 
  95. background-color : #8cb85c;
  96. } 
  97. #navigation #current a, #navigation #current span { 
  98. background-color : #8cb85c;
  99. color : #1529ff;
  100. } 
  101. #navigationline { 
  102. clear : both;
  103. padding : 0;
  104. width : 100%;
  105. height : 58px;
  106. line-height : 58px;
  107. background : #678b3f url(images/navlinebg.jpg);
  108. border-top : 1px solid #fff;
  109. } 
  110. #leftcolumn { 
  111. color : #333;
  112. margin : 5px 0 0 0;
  113. padding : 10px;
  114. min-height : 350px;
  115. width : 456px;
  116. float : left;
  117. } 
  118. #leftcolumn h1 { 
  119. font-weight : lighter;
  120. color : #009933;
  121. background-color : #d4ff90;
  122. text-indent : 5px;
  123. margin-bottom : 5px;
  124. } 
  125. #leftcolumn p { 
  126. text-align : justify;
  127. } 
  128. .lefttext p { 
  129. font-size : 100%;
  130. } 
  131. .post { 
  132. background : #eee;
  133. padding : 3px;
  134. margin : 20px 10px 20px 5px;
  135. border : 0 dashed #8a795d;
  136. font-size : 75%;
  137. } 
  138. .post .date { 
  139. background : url(images/clock.gif) no-repeat left center;
  140. padding-left : 18px;
  141. margin : 0 5px 0 5px;
  142. } 
  143. .post .comments { 
  144. background : url(images/comment.gif) no-repeat left center;
  145. padding-left : 18px;
  146. margin : 0 5px 0 5px;
  147. } 
  148. .post .readmore { 
  149. background : url(images/page.gif) no-repeat left center;
  150. padding-left : 18px;
  151. margin : 0 5px 0 5px;
  152. } 
  153. #centercolumn { 
  154. float : left;
  155. color : #333;
  156. margin : 5px 0 0 0;
  157. padding : 10px;
  158. min-height : 350px;
  159. width : 200px;
  160. display : inline;
  161. } 
  162. .sp-links-top { 
  163. margin-top : 15px;
  164. height : 20px;
  165. background-image : url(images/ccb-top.jpg);
  166. background-repeat : no-repeat;
  167. } 
  168. .sp-links { 
  169. background-image : url(images/ccb.jpg);
  170. background-repeat : repeat-y;
  171. padding : 0 10px;
  172. font-size : 110%;
  173. } 
  174. .sp-links h3 { 
  175. color : #7bdb58;
  176. margin : 0 0 0 0;
  177. font-size : 1.2em;
  178. padding-top : 10px;
  179. } 
  180. .sp-links p { 
  181. font-size : 1em;
  182. } 
  183. .sp-links a { 
  184. font-size : 0.9em;
  185. text-decoration : none;
  186. color : #1529ff;
  187. } 
  188. .sp-links-bottom { 
  189. height : 20px;
  190. background-image : url(images/ccb-bot.jpg);
  191. background-repeat : no-repeat;
  192. } 
  193. #rightcolumn { 
  194. color : #333;
  195. margin : 5px 0 0 0;
  196. padding : 10px;
  197. min-height : 350px;
  198. width : 200px;
  199. float : left;
  200. } 
  201. #rightcolumn h2, #centercolumn h2 { 
  202. font-weight : lighter;
  203. color : #009933;
  204. background-color : #d4ff90;
  205. text-indent : 5px;
  206. margin-bottom : 5px;
  207. } 
  208. .links ul { 
  209. margin : 10px 0 15px 0;
  210. } 
  211. .links li { 
  212. font-size : 1.1em;
  213. list-style-type : none;
  214. } 
  215. .links li a { 
  216. color : #1529ff;
  217. text-decoration : none;
  218. } 
  219. .cloud { 
  220. margin : 10px 0;
  221. padding : 5px;
  222. border : 1px solid #ccc;
  223. } 
  224. .cloud li { 
  225. display : inline;
  226. margin : 0 0 0 0;
  227. } 
  228. .cloud1 { 
  229. font-size : 10px;
  230. } 
  231. .cloud2 { 
  232. font-size : 12px;
  233. } 
  234. .cloud3 { 
  235. font-size : 13px;
  236. } 
  237. .cloud4 { 
  238. font-size : 14px;
  239. } 
  240. .cloud5 { 
  241. font-size : 15px;
  242. } 
  243. .cloud6 { 
  244. font-size : 16px;
  245. } 
  246. .cloud7 { 
  247. font-size : 17px;
  248. } 
  249. .cloud8 { 
  250. font-size : 18px;
  251. } 
  252. #cloud li a { 
  253. text-decoration : none;
  254. color : #9cafc5;
  255. } 
  256. #footer { 
  257. width : 900px;
  258. clear : both;
  259. color : #333;
  260. border-top : 3px solid #ccc;
  261. margin : 5px 0 10px 0;
  262. padding : 10px;
  263. }