home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template12 / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-08-17  |  3.4 KB  |  253 lines
  1. body {
  2.     font-family: tahoma, 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-top, #nav-top li, #nav-left, #nav-top li {
  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. #wrapper {
  87.     width: 688px;
  88. }
  89.  
  90. /* header */
  91.  
  92. #header {
  93.     background: url(images/header_bg.gif) repeat-x;
  94.     position: relative;
  95.     width: 688px;
  96.     margin-bottom: 11px;
  97. }
  98.  
  99. #header .bl { height: 157px; }
  100.  
  101. #header .tr { background: url(images/header_tr.gif) top right no-repeat; }
  102. #header .bl { background: url(images/header_bl.gif) bottom left no-repeat; }
  103. #header .br { background: url(images/header_br.jpg) bottom right no-repeat; width:100%;}
  104.  
  105. /* the story of two navs */
  106.  
  107. #nav-top {
  108.     position: absolute;
  109.     top: 17px; left: 252px;
  110.     color: #fff;
  111. }
  112.  
  113. #nav-top li {
  114.     display: inline;
  115. }
  116.  
  117. #nav-top a {
  118.     color: #fff;
  119.     font-weight: bold;
  120.     text-decoration: none;
  121. }
  122.  
  123. #nav-top a:hover {
  124.       text-decoration: underline;
  125. }
  126.  
  127. #nav-left {
  128.     position: absolute;
  129.     top: 66px; left: 26px;
  130. }
  131.  
  132. /* body */
  133.  
  134. #body {
  135.     background: url(images/body_bg.gif) repeat-y;
  136. }
  137.  
  138. #body h2 {
  139.     margin: 0 0 1.5em 0;
  140. }
  141.  
  142. #body h3 {
  143.     margin: 0 0 0 0;
  144. }
  145.  
  146. #body ul {
  147.     margin: 0;
  148.     padding: 0;
  149.     list-style: none;
  150. }
  151.  
  152. #body li {
  153.     padding: 0;
  154.     margin: 0.8em 0;
  155. }
  156.  
  157. a {
  158.     color: #ce7210;
  159. }
  160.  
  161. a:hover {
  162.     color: #6f3f0b;
  163. }
  164.  
  165. #cap {
  166.     background: url(images/column_cap.gif) no-repeat;
  167.     padding-top: 19px;
  168.     width: 688px;
  169. }
  170.  
  171. #buy {
  172.     float: left;
  173.     width: 189px;
  174.     margin-left: 12px;
  175.     display: inline;
  176. }
  177.  
  178. #capabilities {
  179.     float: left;
  180.     width: 225px;
  181.     margin-left: 28px;
  182. }
  183.  
  184. #capabilities p {
  185.     line-height: 1.5;
  186. }
  187.  
  188. #capabilities h3 {
  189.     font-size: 10px;
  190. }
  191.  
  192. #news {
  193.     float: left;
  194.     width: 190px;
  195.     margin-left: 34px;
  196. }
  197.  
  198. #news h3 {
  199.     font-size: 10px;
  200. }
  201.  
  202. #news h3 a {
  203.     text-decoration: none;
  204. }
  205.  
  206. #news p {
  207.     line-height: 1.5;
  208. }
  209.  
  210. .timed {
  211.     background: #5b96da url(images/support_bg.jpg) no-repeat;
  212.     color: #fff;
  213.     padding: 10px 10px 1.3em 71px;
  214.     margin: 2em 0;
  215.     border-bottom: 1px solid white;
  216. }
  217.  
  218. .timed .readmore {
  219.     margin-bottom: 0;
  220. }
  221.  
  222. .timed h3 {
  223.     margin: 0;
  224.     padding: 0;
  225.     text-indent: -57px;
  226. }
  227.  
  228. .timed a {
  229.     color: #fff;
  230. }
  231.  
  232. .timed a:hover {
  233.     text-decoration: none;
  234. }
  235.  
  236. /* footer */
  237.  
  238. #footer {
  239.     clear: both;
  240.     text-align: center;
  241.     background: url(images/footer_bg.gif) repeat-x;
  242. }
  243.  
  244. #footer div div { padding: 8px 0; }
  245.  
  246. #footer, #footer a {
  247.     color: #fff;
  248. }
  249.  
  250. #footer div { background: url(images/footer_l.gif) no-repeat; width:100%; }
  251. #footer div div { background: url(images/footer_r.gif) top right no-repeat;width:100%; width:100%; }
  252.  
  253.