home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / freeness / style.css < prev   
Cascading Style Sheet File  |  2008-04-15  |  5KB  |  306 lines
  1. body,td,th {
  2.     font-family: Arial, Helvetica, sans-serif;
  3.     font-size: 12px;
  4.     color: #2b2b2b;
  5.     text-align:center;
  6. }
  7. body {
  8.     background-color: #8f0b11;
  9.     background-image: url(images/bg.gif);
  10.     background-repeat: repeat-y;
  11.     background-position:center;
  12.     text-align:center;
  13.     margin:0;
  14.     padding-bottom:20px;
  15. }
  16. #wrapper{
  17. width:1000px;
  18. margin:0 auto;
  19. text-align:left;
  20. }
  21. #header{
  22. background:url(images/header.gif) top repeat-x;
  23. height:93px;
  24. width:100%;
  25. }
  26. #logo{
  27. float:left;
  28. padding-top:26px;
  29. width:200px;
  30. padding-left:60px;
  31. }
  32. h1{
  33. margin:0;
  34. background:url(images/logo.gif) top left no-repeat;
  35. overflow:hidden;
  36. width:126px;
  37. height:37px;
  38. }
  39. h1 a{
  40. display:block;
  41. width:126px;
  42. height:37px;
  43. text-indent:-999px;
  44. }
  45. #nav{
  46. float:left;
  47. padding-left:50px;
  48. padding-top:17px;
  49. }
  50. #nav ul {
  51. margin:0;
  52. padding-left:10px;
  53. padding-top:13px;
  54. padding-bottom:20px;
  55. list-style:none;
  56. font-size:11px;
  57. }
  58. #nav ul li {
  59. display:inline;
  60. margin-left:2px;
  61. padding-top:14px;
  62. padding-bottom:20px;
  63. height:13px;
  64. }
  65. #nav ul li a {
  66. text-decoration:none; 
  67. font-family:"Trebuchet MS", Verdana, sans-serif;
  68. font-weight:bold;
  69. text-transform:uppercase;
  70. padding-top:11px;
  71. padding-bottom:20px;
  72. height:13px;
  73. display:block;
  74. text-align:center;
  75. color:#222;
  76. width:112px;
  77. padding-right:10px;
  78. background:url(images/navitem.gif) top left no-repeat;
  79. float:left;
  80. }
  81. #nav ul li a:hover {
  82. text-decoration:underline; 
  83. font-family:"Trebuchet MS", Verdana, sans-serif;
  84. font-weight:bold;
  85. text-transform:uppercase;
  86. padding-top:11px;
  87. padding-bottom:20px;
  88. height:13px;
  89. display:block;
  90. text-align:center;
  91. color:#222;
  92. width:112px;
  93. padding-right:10px;
  94. background:url(images/hover.gif) top left no-repeat;
  95. float:left;
  96. }
  97. #r1{
  98. background:url(images/topr.gif) repeat-x top #fff;margin-left:5px;width:990px;
  99. }
  100. #r2{
  101. background:url(images/bottom4.gif) repeat-x  bottom;width:990px;
  102. }
  103. #r3{
  104. background:url(images/left3.gif) repeat-y left;width:990px;
  105. }
  106. #r4{
  107. background:url(images/rght2.gif) repeat-y right;width:990px;
  108. }
  109. #r5{
  110. background:url(images/topleft.gif) top left no-repeat;width:990px;
  111. }
  112. #r7{
  113. background:url(images/topright.gif) top right no-repeat;width:990px;
  114. }
  115. #r8{
  116. background:url(images/bottomleft.gif) bottom left no-repeat;width:990px;
  117. }
  118. #r9{
  119. background:url(images/bottomright.gif) bottom right no-repeat;
  120. width:990px;
  121. padding-bottom:5px;
  122. }
  123. #bar{
  124. margin-top:3px;
  125. margin-left:3px;
  126. margin-right:3px;
  127. background:url(images/bar.gif) repeat-x bottom;
  128. height:29px;
  129. font-size:11px;
  130. padding-top:10px;
  131. width:964px;
  132. padding-left:20px;
  133. }
  134. #go{
  135. background:url(images/go.gif) bottom center no-repeat;
  136. text-transform:uppercase;
  137. outline:none;
  138. border:none;
  139. width:24px;
  140. height:21px;
  141. overflow:hidden;
  142. text-indent:-999px;
  143. }
  144. #leftcolumn{
  145. width:580px;
  146. float:left;
  147. padding:10px 20px 10px 15px;
  148. }
  149. #rightcolumn{
  150. width:370px;
  151. float:right;
  152. padding:6px 0px 10px 0px;
  153. }
  154. .clear{
  155. clear:both;
  156. }
  157. #footer{
  158. background:#f1eff0;
  159. border-top:3px solid #dcdcdc;
  160. padding-top:20px;
  161. padding-bottom:20px;
  162. width:964px;
  163. margin-left:3px;
  164. margin-right:3px;
  165. padding-left:20px;
  166. }
  167. #footer a:link, #footer a:hover, #footer a:visited{
  168. color:#2b2b2b;
  169. }
  170. a:link {
  171.     color: #cd0000;
  172. }
  173. a:visited {
  174.     color: #cd0000;
  175. }
  176. a:hover {
  177.     color: #8A0000;
  178. }
  179. a:active {
  180.     color: #cd0000;
  181. }
  182. .info{
  183. background:#ffffcd;
  184. color:#b39841;
  185. border:1px solid #f7e09a;
  186. padding:5px;
  187. }
  188. p {
  189. margin:0;
  190. }
  191. #content{
  192. background:url(images/contenbg.gif) left repeat-y;
  193. margin-left:3px;
  194. }
  195. h2{
  196. font-size:18px;
  197. margin:0;
  198. font-weight:normal;
  199. }
  200. h2 a:link,h2 a:hover, h2 a:visited{
  201. color:#2b2b2b;
  202. text-decoration:none;
  203. }
  204. .article{
  205. line-height:18px;
  206. padding-top:15px;
  207. }
  208. .article p{
  209. margin-bottom:9px;
  210. margin-top:5px;
  211. }
  212. .otherbar{
  213. background:url(images/otherbar.gif) repeat-x top;
  214. border:1px solid #e2e2e2;
  215. padding:5px;
  216. color:#7a7a7a;
  217. }
  218. .otherbar span{
  219. float:right;
  220. padding-right:10px;
  221. }
  222. .otherbar a:link, .otherbar a:visited, .otherbar a:hover{
  223. color:#7a7a7a;
  224. text-decoration:underline;
  225. }
  226. .l{
  227. float:left;
  228. }
  229. h4{
  230. font-weight:bold;
  231. font-size:13px;
  232. margin-top:20px;
  233. margin-bottom:5px;
  234. }
  235. ul.older {
  236.   float: left;
  237.   width: 600px;
  238.   margin: 0;
  239.   padding: 0;
  240.   list-style: none;
  241. }
  242.  
  243. ul.older li {
  244.   float: left;
  245.   width:300px;
  246.   margin: 0;
  247.   padding: 0;
  248. } 
  249. #adcol{
  250. float:right;
  251. width:160px;
  252. border-left:1px solid #ddd;
  253. padding:5px 5px 5px 5px;
  254. }
  255. #linkcol{
  256. float:left;
  257. width:190px;
  258. }
  259. #linkcol ul{
  260. list-style-type:none;
  261. line-height:20px;
  262. padding-left:0;
  263. padding-top:5px;
  264. margin:0;
  265. padding-bottom:20px;
  266. }
  267. #linkcol ul li{
  268. display:block;
  269. width:190px;
  270. height:20px;
  271. }
  272. #linkcol ul li a:link,#linkcol ul li a:visited{
  273. background:url(images/buttel.gif) top left no-repeat;
  274. width:160px;padding-left:26px;
  275. display:block;height:20px;
  276. color:#2b2b2b;
  277. }
  278. #linkcol ul li a:hover{
  279. background:url(images/bulletover.gif) top left no-repeat #ffffcb;
  280. width:160px;padding-left:26px;
  281. display:block;height:20px;color:#2b2b2b;
  282. }
  283. h3{
  284. margin:0; 
  285. background:url(images/h3.gif) top left no-repeat;
  286. width:187px;
  287. height:23px;
  288. font-weight:bold;
  289. font-size:12px;
  290. text-align:center;
  291. padding-top:10px;
  292. }
  293. #leftcolumn{
  294. list-style-image:url(images/ulbullet.gif);
  295. }
  296. blockquote{
  297. background:#f4f2f3;
  298. border-left:5px solid #e2e2e2;
  299. padding:5px;
  300. font-weight:bold;
  301. font-style:italic;
  302. font-size:14px;
  303. margin:0;
  304. color:#666;
  305. margin-bottom:10px
  306. }