home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / no67 / style.css < prev    next >
Cascading Style Sheet File  |  2008-01-16  |  5KB  |  271 lines
  1. * { 
  2. padding : 0;
  3. margin : 0;
  4. } 
  5. body { 
  6. font-family : Arial, Helvetica, sans-serif;
  7. font-size : 13px;
  8. } 
  9. a { 
  10. color : #c05711;
  11. } 
  12. img { 
  13. padding : 5px;
  14. border : 1px solid #fcc874;
  15. } 
  16. img.floatTL { 
  17. float : left;
  18. margin-right : 10px;
  19. margin-bottom : 5px;
  20. margin-top : 15px;
  21. margin-left : 0;
  22. } 
  23. img.floatTR { 
  24. float : right;
  25. margin-left : 3px;
  26. margin-bottom : 0;
  27. margin-top : 15px;
  28. margin-right : 10px;
  29. } 
  30. #wrapper { 
  31. margin : 0 auto;
  32. width : 922px;
  33. } 
  34. #header { 
  35. color : #333;
  36. width : 900px;
  37. float : left;
  38. padding : 10px;
  39. border : 1px solid #ccc;
  40. height : 100px;
  41. margin : 10px 0 0 0;
  42. background-color : #ff4e0b;
  43. background-image : url(images/topbg.jpg);
  44. background-repeat : repeat-x;
  45. } 
  46. .logo h1#lineone { 
  47. font-size : 1.2em;
  48. font-weight : bold;
  49. font-family : helvetica, arial, sans-serif;
  50. padding-top : 70px;
  51. padding-left : 20px;
  52. color : #532611;
  53. border : none;
  54. letter-spacing : -1px;
  55. } 
  56. .logo h1#lineone span { 
  57. color : #ffffff;
  58. } 
  59. .logo h2#linetwo { 
  60. padding-left : 20px;
  61. font-size : 0.9em;
  62. font-family : helvetica, arial, sans-serif;
  63. text-transform : none;
  64. color : #ffffff;
  65. } 
  66. .logo a { 
  67. color : #ffffff;
  68. text-decoration : none;
  69. } 
  70. #navigation { 
  71. color : #333;
  72. margin : -40px 1px 0 0;
  73. background : #fff url(images/bbg.jpg) repeat-y;
  74. position : relative;
  75. float : right;
  76. background-color : #ff4e0b;
  77. } 
  78. #navigation ul { 
  79. margin : auto;
  80. padding : 0;
  81. list-style : none;
  82. } 
  83. #navigation ul li { 
  84. float : left;
  85. background : url(images/tab-right.jpg) no-repeat top right;
  86. margin-right : 3px;
  87. } 
  88. #navigation li a { 
  89. display : block;
  90. padding : 0 2em;
  91. line-height : 3em;
  92. background : url(images/tab-left.jpg) no-repeat top left;
  93. font-weight : bold;
  94. color : #fcc874;
  95. } 
  96. #navigation ul a:hover { 
  97. color : #b9ab62;
  98. } 
  99. #leftcolumn { 
  100. color : #333;
  101. border : 1px solid #ccc;
  102. background : #fff;
  103. margin : 5px 0 0 0;
  104. padding : 10px;
  105. min-height : 350px;
  106. width : 200px;
  107. float : left;
  108. } 
  109. #leftcolumn ul { 
  110. margin-top : 10px;
  111. padding-top : 2px;
  112. padding-bottom : 10px;
  113. margin-bottom : 10px;
  114. border-bottom : 1px dotted;
  115. background-color : #532611;
  116. } 
  117. #leftcolumn li { 
  118. margin-top : 10px;
  119. display : list-item;
  120. list-style-type : none;
  121. font-size : 1.2em;
  122. text-indent : 5px;
  123. border-bottom : 1px dotted #fcc874;
  124. padding-bottom : 5px;
  125. } 
  126. #leftcolumn ul li.last { 
  127. border-bottom : none;
  128. padding-bottom : 0;
  129. } 
  130. #leftcolumn li a { 
  131. color : #fcc874;
  132. text-decoration : none;
  133. display : block;
  134. } 
  135. .contact { 
  136. padding-top : 15px;
  137. padding-bottom : 15px;
  138. } 
  139. .contact p { 
  140. margin-top : 10px;
  141. color : #4a2c14;
  142. } 
  143. .aboutus p { 
  144. color : #4a2c14;
  145. font-size : 1.1em;
  146. padding-top : 10px;
  147. text-align : justify;
  148. } 
  149. #leftcolumn h3 { 
  150. margin : 0;
  151. font-size : 24px;
  152. font-weight : lighter;
  153. background-color : #69461e;
  154. text-indent : 5px;
  155. color : #fcc874;
  156. } 
  157. #rightcolumn { 
  158. float : right;
  159. color : #333;
  160. border : 1px solid #ccc;
  161. background : #f9f9ed;
  162. margin : 5px 0 5px 0;
  163. padding : 10px;
  164. min-height : 350px;
  165. width : 673px;
  166. display : inline;
  167. } 
  168. .topright { 
  169. padding-bottom : 20px;
  170. border-bottom : 1px dotted #69461e;
  171. } 
  172. .topright p { 
  173. text-align : justify;
  174. font-size : 1.1em;
  175. color : #69461e;
  176. padding-top : 10px;
  177. } 
  178. .topright h3 { 
  179. margin : 0;
  180. font-size : 24px;
  181. font-weight : lighter;
  182. background-color : #69461e;
  183. text-indent : 5px;
  184. color : #fcc874;
  185. } 
  186. #boxes { 
  187. margin : 15px auto;
  188. } 
  189. .box1 { 
  190. background-image : url(images/redbg.jpg);
  191. width : 315px;
  192. padding-right : 20px;
  193. float : left;
  194. border-right : 1px dotted #69461e;
  195. } 
  196. .box1 p { 
  197. color : #4a2c14;
  198. font-size : 12px;
  199. margin-top : 10px;
  200. padding-left : 0;
  201. padding-right : 3px;
  202. text-align : justify;
  203. } 
  204. .box1 h2, .box2 h2 { 
  205. margin : 5px 0;
  206. font-size : 22px;
  207. font-weight : lighter;
  208. background-color : #69461e;
  209. text-indent : 5px;
  210. color : #fcc874;
  211. } 
  212. .box1 a, .box2 a { 
  213. float : right;
  214. padding-right : 20px;
  215. padding-bottom : 10px;
  216. color : #c56a58;
  217. } 
  218. .box2 { 
  219. background-image : url(images/greenbg.jpg);
  220. width : 315px;
  221. float : right;
  222. } 
  223. .box2 p { 
  224. color : #4a2c14;
  225. font-size : 12px;
  226. margin-top : 10px;
  227. padding-left : 3px;
  228. padding-right : 0;
  229. text-align : justify;
  230. } 
  231. .clear { 
  232. clear : both;
  233. } 
  234. #triplebox { 
  235. min-height : 136px;
  236. padding : 0;
  237. float : left;
  238. display : inline;
  239. margin-top : 10px;
  240. border-top : 1px dotted #69461e;
  241. } 
  242. .col { 
  243. width : 210px;
  244. float : left;
  245. margin : 10px 7px;
  246. text-align : justify;
  247. } 
  248. .col p { 
  249. margin : 11px 0 0 0;
  250. padding : 0;
  251. color : #4a2c14;
  252. } 
  253. .col h3 { 
  254. font-size : 1.4em;
  255. font-weight : lighter;
  256. color : #fcc874;
  257. background-color : #69461e;
  258. text-indent : 5px;
  259. } 
  260. #footer { 
  261. padding : 5px 0;
  262. background-color : #fff;
  263. display : inline;
  264. float : left;
  265. width : 100%;
  266. border-top : 1px solid #d1d1d1;
  267. font-size : 0.8em;
  268. text-align : center;
  269. color : #4a2c14;
  270. background-color : #f0f0f0;
  271. }