home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template13 / style.css < prev    next >
Cascading Style Sheet File  |  2005-08-18  |  4KB  |  311 lines
  1. body {
  2.     font-family: verdana, helvetica, arial, sans-serif;
  3.     font-size: 10px;
  4.     text-align: center;
  5.     background: url(images/page_bg.jpg);
  6.     color: #6f6f6f;
  7. }
  8.  
  9. html, body, #wrapper, h1, #nav, li, ul {
  10.     margin: 0;
  11.     padding: 0;
  12.     list-style: none;
  13. }
  14.  
  15. th, td {
  16.     font-size: 11px;
  17. }
  18.  
  19. img { border: 0; }
  20.  
  21. #wrapper {
  22.     margin: 16px auto;
  23.     text-align: left;
  24.     width: 750px;
  25.     position: relative;
  26. }
  27.  
  28. h1, h2, h3 {
  29.     font-size: 11px;
  30. }
  31.  
  32.  
  33. h1 {
  34.     margin: 0;
  35.     padding: 0;
  36. }
  37.  
  38. h2 {
  39.     margin: 0 0 5px 0;
  40.     padding: 0;
  41. }
  42.  
  43. h3 {
  44.     padding: 4px 0 0 0;
  45. }
  46.  
  47. p {
  48.     margin: 1em 0;
  49.     padding: 0;
  50. }
  51.  
  52. .block {
  53.     display: block;
  54. }
  55.  
  56. .clear {
  57.     clear: both;
  58.     height: 1px;
  59.     padding-top: 0;
  60.     margin-top: 0;
  61.     margin-bottom: 0;
  62.     font-size: 1px;
  63.     line-height: 1px;
  64. }
  65.  
  66. * html .clear {
  67.     margin-top: -5px;
  68.     margin-bottom: -4px;
  69. }
  70.  
  71. .left {
  72.     float: left;
  73.     margin: 1px 8px 0px 0px;
  74. }
  75.  
  76. .softright {
  77.     text-align: right;
  78. }
  79.  
  80. .readmore {
  81.     text-align: right;
  82. }
  83.  
  84. /* ***** */
  85.  
  86. html, body, #wrapper {
  87.     height: 100%;
  88. }
  89.  
  90. body {
  91.     background: #a6b3cb;
  92.     color: #fff;
  93. }
  94.  
  95. p {
  96.     line-height: 1.4;
  97. }
  98.  
  99. a {
  100.     color: #fbde3b;
  101.     text-decoration: none;
  102. }
  103.  
  104. a:hover {
  105.    text-decoration: underline;
  106. }
  107.  
  108. #wrapper {
  109.     margin: auto;
  110.     width: 787px;
  111.     padding: 0;
  112.     background: url(images/page_bg.gif) repeat-y;
  113. }
  114.  
  115. #wrapper-i {
  116.     background: url(images/page_bg.gif) repeat-y;
  117.     width: 100%;
  118. }
  119.  
  120. /* header */
  121.  
  122. #header {
  123.     position: absolute;
  124.     top: 0;   left: 13px;
  125.     width: 766px;
  126.     background: url(images/menu_bg.gif) repeat-x;
  127. }
  128.  
  129. #header-cap {
  130.     position: absolute;
  131.     top: 197px;   left: 327px;
  132.     width: 129px; height: 29px;
  133.     background: url(images/header_2.jpg) no-repeat;
  134. }
  135.  
  136. #header h1 {
  137.     background: url(images/header.jpg) no-repeat;
  138.     text-align: right;
  139.     margin: 32px 0 0 0;
  140. }
  141.  
  142. /* nav */
  143.  
  144. #nav {
  145.     position: absolute;
  146.     top: 0;   left: 0;
  147.     width: 574px; height: 32px;
  148.     background: url(images/menu_cap.gif) top right no-repeat;
  149. }
  150.  
  151. #nav li {
  152.     float: left;
  153. }
  154.  
  155. #b-nav {
  156.     background: url(images/b_nav_r.jpg) top right no-repeat;
  157. }
  158.  
  159. /* body */
  160.  
  161. #spacer {
  162.     height: 197px;
  163. }
  164.  
  165. #body {
  166.     background: url(images/body_bg.jpg) repeat-x;
  167.     margin: 0 8px 0 13px;
  168.     padding: 14px;
  169.     min-height: 200px;
  170. }
  171.  
  172. #body-i {
  173.     background: url(images/divider_v.gif) 276px 9% no-repeat;
  174. }
  175.  
  176. /* left */
  177.  
  178. #left {
  179.     float: left;
  180.     width: 261px;
  181. }
  182.  
  183. #bullets {
  184.     padding-top: 15px;
  185.     background: url(images/box_t.jpg) no-repeat;
  186. }
  187.  
  188. #bullets ul {
  189.     padding-bottom: 20px;
  190.     background: url(images/box_b.jpg) bottom left no-repeat;
  191. }
  192.  
  193. * html #bullets ul {
  194.     width: 100%;
  195. }
  196.  
  197. * html #bullets img {
  198.     margin-left: -3px;
  199.     marg\in-left: 0px;
  200.     float: left;
  201. }
  202.  
  203. #bullets img {
  204.     display: block;
  205. }
  206.  
  207. #left .i {
  208.     margin: 0 25px;
  209. }
  210.  
  211. /* right */
  212.  
  213. #right {
  214.     float: right;
  215.     width: 442px;
  216.     margin-top: 15px;
  217. }
  218.  
  219. #right .i {
  220.     margin: 0 253px 0 27px;
  221. }
  222.  
  223. #right .j {
  224.     float: right;
  225.     width: 246px;
  226.     margin-top: 0.5em
  227. }
  228.  
  229. #right .i .left {
  230.     margin: 0;
  231. }
  232.  
  233. #right .j ul {
  234.     float: right;
  235.     width: 130px;
  236.     display: inline;
  237.     margin-right: 10px;
  238. }
  239.  
  240. #right .clear {
  241.     padding-top: 7px;
  242.     margin:  0 0 10px 0;
  243. }
  244.  
  245. ul.bigbullets li {
  246.     background: url(images/bullet.gif) left no-repeat;
  247.     margin: 0;
  248.     padding: 5px 2px 5px 20px;
  249. }
  250.  
  251. * html ul.bigbullets li {
  252.     text-indent: -1.5em;
  253. }
  254.  
  255. /* footer */
  256.  
  257. #footer-p {
  258.     clear: both;
  259.     height: 24px;
  260. }
  261.  
  262. #footer    { background: url(images/footer_w_bg.gif) repeat-x; }
  263. #footer .l { background: url(images/footer_w_l.gif) top left no-repeat; }
  264. #footer .r { background: url(images/footer_w_r.gif) top right no-repeat; }
  265.  
  266. #foot-nav    { background: url(images/footer_g_bg.gif) repeat-x; }
  267. #foot-nav .l { background: url(images/footer_g_l.gif) top left no-repeat; }
  268. #foot-nav .r { background: url(images/footer_g_r.gif) top right no-repeat; }
  269.  
  270. #footer {
  271.     color: #d96d1e;
  272.     text-align: center;
  273. }
  274.  
  275. #footer a {
  276.     color: #d96d1e;
  277.     text-decoration: underline;
  278. }
  279.  
  280. #footer a:hover {
  281.     color: black;
  282. }
  283.  
  284. #foot-nav {
  285.     position: relative;
  286.     top: -14px;
  287.     width: 43em;
  288.     margin: auto;
  289.     color: #f8fbc8;
  290. }
  291.  
  292. #foot-nav .r {
  293.     padding: 9px 0 10px 0;
  294.     width: 100%;
  295. }
  296.  
  297. #foot-nav a {
  298.     color: #f8fbc8;
  299.     text-decoration: none;
  300. }
  301.  
  302. #foot-nav a:hover {
  303.     color: #f8fbc8;
  304.     text-decoration: underline;
  305. }
  306.  
  307. #footer p {
  308.     position: relative;
  309.     margin-top: 13px;
  310.     top: -20px;
  311. }