home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / no66 / style.css < prev   
Cascading Style Sheet File  |  2008-01-06  |  5KB  |  265 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/bg.jpg);
  9. background-repeat : repeat-x;
  10. } 
  11. p { 
  12. color : #787878;
  13. } 
  14. h1 { 
  15. font-size : 1.6em;
  16. } 
  17. h2 { 
  18. font-size : 1.4em;
  19. } 
  20. h3 { 
  21. font-size : 1.2em;
  22. } 
  23. a { 
  24. color : #99cccc;
  25. text-decoration : none;
  26. } 
  27. a:hover { 
  28. color : #003366;
  29. text-decoration : underline;
  30. } 
  31. #wrapper { 
  32. margin : 0 auto;
  33. width : 822px;
  34. } 
  35. #header { 
  36. color : #333;
  37. width : 820px;
  38. float : left;
  39. padding : 0 0 0 0;
  40. height : 200px;
  41. margin : 0 0 0 0;
  42. background-image : url(images/header.jpg);
  43. background-repeat : no-repeat;
  44. } 
  45. .logo h1#lineone { 
  46. font-size : 1.7em;
  47. font-weight : lighter;
  48. padding-top : 90px;
  49. padding-left : 25px;
  50. color : #003366;
  51. border : none;
  52. top : 0;
  53. left : 14px;
  54. letter-spacing : -1px;
  55. } 
  56. .logo h1#lineone span { 
  57. color : #99cccc;
  58. } 
  59. .logo h2#linetwo { 
  60. padding-left : 25px;
  61. font-size : 0.9em;
  62. text-transform : none;
  63. top : 25px;
  64. left : 14px;
  65. color : #99cccc;
  66. } 
  67. .logo a { 
  68. color : #99cccc;
  69. text-decoration : none;
  70. } 
  71. #header h3 { 
  72. margin-left : 320px;
  73. margin-top : -60px;
  74. } 
  75. #navigation { 
  76. float : left;
  77. width : 820px;
  78. color : #333;
  79. padding : 10px 0 10px 0;
  80. margin : -40px 0 0 15px;
  81. } 
  82. #navigation ul { 
  83. list-style-type : none;
  84. text-align : center;
  85. } 
  86. #navigation li { 
  87. display : inline;
  88. } 
  89. #navigation a { 
  90. float : left;
  91. width : 122px;
  92. text-decoration : none;
  93. color : #003366;
  94. padding : 5px;
  95. } 
  96. #navigation a:hover { 
  97. color : #82aeaf;
  98. } 
  99. #leftcolumn { 
  100. color : #333;
  101. margin : 0 0 0 10px;
  102. padding : 0 0 10px 0;
  103. height : 350px;
  104. width : 210px;
  105. float : left;
  106. } 
  107. .leftnav ul { 
  108. list-style : none;
  109. } 
  110. .leftnav li { 
  111. margin : 0 0 2px 0;
  112. } 
  113. .leftnav li a { 
  114. display : block;
  115. width : 199px;
  116. height : 40px;
  117. line-height : 30px;
  118. background : url(images/nav.jpg) no-repeat left top;
  119. text-indent : 10px;
  120. color : #99cccc;
  121. text-decoration : none;
  122. font-weight : bold;
  123. padding-top : 5px;
  124. } 
  125. .leftnav li a:active, .leftnav li a:visited, .leftnav li a:hover { 
  126. background-position : right top;
  127. color : #003366;
  128. font-weight : 800;
  129. } 
  130. .news { 
  131. background-image : url(images/leftboxtop.jpg);
  132. background-repeat : no-repeat;
  133. margin-top : 25px;
  134. width : 200px;
  135. min-height : 100px;
  136. } 
  137. .newsbottom { 
  138. height : 15px;
  139. background-image : url(images/leftboxbottom.jpg);
  140. background-repeat : no-repeat;
  141. } 
  142. .news h3 { 
  143. color : #336698;
  144. font-family : verdana;
  145. font-size : 1em;
  146. margin-left : 10px;
  147. margin-right : 10px;
  148. margin-top : 4px;
  149. padding-top : 20px;
  150. padding-bottom : 5px;
  151. padding-left : 5px;
  152. } 
  153. .news h4 { 
  154. font-family : verdana;
  155. font-size : 0.9em;
  156. padding-top : 10px;
  157. padding-left : 15px;
  158. padding-bottom : 5px;
  159. color : #46df32;
  160. margin-left : 10px;
  161. } 
  162. .news p { 
  163. font-family : verdana;
  164. font-size : 0.75em;
  165. padding-left : 15px;
  166. padding-bottom : 5px;
  167. margin-left : 10px;
  168. margin-right : 10px;
  169. text-align : justify;
  170. padding-right : 20px;
  171. background-color : #eff6ff;
  172. } 
  173. .news a { 
  174. padding-right : 10px;
  175. } 
  176. #rightcolumn { 
  177. float : right;
  178. color : #333;
  179. margin : 0 10px 0 0;
  180. padding : 0 0 0 0;
  181. min-height : 350px;
  182. width : 578px;
  183. display : inline;
  184. border-left : 5px solid #99cccc;
  185. border-right : 5px solid #99cccc;
  186. } 
  187. #rightcolumn h1 { 
  188. margin : 0 5px 0 5px;
  189. padding : 0 0 0 5px;
  190. color : #99cccc;
  191. background-color : #003366;
  192. } 
  193. #rightcolumn h2 { 
  194. margin : 10px 5px 0 5px;
  195. padding : 0 0 0 5px;
  196. color : #99cccc;
  197. background-color : #003366;
  198. } 
  199. #rightcolumn p { 
  200. padding : 10px 5px 0 5px;
  201. text-align : justify;
  202. font-size : 1.1em;
  203. } 
  204. .inset { 
  205. float : right;
  206. width : 250px;
  207. height : 250px;
  208. padding : 10px;
  209. margin : 10px 5px 5px 5px;
  210. color : inherit;
  211. font-size : 85%;
  212. background-image : url(images/adbg.jpg);
  213. background-repeat : no-repeat;
  214. } 
  215. .adunit { 
  216. width : 478px;
  217. height : 70px;
  218. margin : 10px auto;
  219. background-image : url(images/468au.jpg);
  220. background-repeat : no-repeat;
  221. } 
  222. .adunit h3 { 
  223. padding-left : 15px;
  224. padding-top : 5px;
  225. } 
  226. .righttop { 
  227. float : right;
  228. color : #333;
  229. margin : 0 0 0 0;
  230. padding : 0 0 0 0;
  231. height : 15px;
  232. width : 598px;
  233. display : inline;
  234. background-image : url(images/rcbg.jpg);
  235. background-repeat : no-repeat;
  236. background-position : 0 0;
  237. } 
  238. .rightbottom { 
  239. float : right;
  240. color : #333;
  241. margin : 0 0 0 0;
  242. padding : 0 0 0 0;
  243. height : 11px;
  244. width : 598px;
  245. display : inline;
  246. background-image : url(images/rcbgb.jpg);
  247. background-repeat : no-repeat;
  248. background-position : 0 0;
  249. } 
  250. #footer { 
  251. width : 598px;
  252. height : 70px;
  253. float : right;
  254. clear : both;
  255. color : #333;
  256. margin : 10px 0 10px 0;
  257. padding : 0 0 0 0;
  258. background-image : url(images/footer.jpg);
  259. background-repeat : no-repeat;
  260. } 
  261. #footer p { 
  262. text-align : center;
  263. padding-top : 10px;
  264. font-size : 80%;
  265. }