home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template10 / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-10-16  |  4.0 KB  |  251 lines
  1. body {
  2.     font-family: tahoma, helvetica, arial, sans-serif;
  3.     text-align: center;
  4.     color: #6f6f6f;
  5. }
  6.   
  7. html, body, #wrapper, h1, #nav, #nav ul, #nav li {
  8.     margin: 0;
  9.     padding: 0;
  10.     list-style: none;
  11. }
  12.  
  13. body, th, td {
  14.     font-size: 10px;
  15. }
  16.  
  17. img { border: 0; }
  18.  
  19. #wrapper {
  20.     margin: 16px auto;
  21.     text-align: left;
  22.     position: relative;
  23. }
  24.  
  25. h1, h2, h3 {
  26.     font-size: 12px;
  27. }
  28.  
  29. h1 {
  30.     margin: 0;
  31.     padding: 0;
  32. }
  33.  
  34. h2 {
  35.     margin: 0 0 5px 0;
  36.     padding: 0;
  37. }
  38.  
  39. h3 {
  40.     padding: 4px 0 0 0;
  41. }
  42.  
  43. p {
  44.     margin: 1em 0;
  45.     padding: 0;
  46. }
  47.  
  48. .block {
  49.     display: block;
  50. }
  51.  
  52. .clear {
  53.     clear: both;
  54.     height: 1px;
  55.     padding-top: 0;
  56.     margin-top: 0;
  57.     margin-bottom: 0;
  58.     font-size: 1px;
  59.     line-height: 1px;
  60. }
  61.  
  62. * html .clear {
  63.     margin-top: -5px;
  64.     margin-bottom: -4px;
  65. }
  66.  
  67. .left {
  68.     float: left;
  69.     margin: 1px 12px 0px 0px;
  70. }
  71.  
  72. .softright {
  73.     text-align: right;
  74. }
  75.  
  76. /* ***** */
  77.  
  78. body {
  79.     background: #373839;
  80.     padding-bottom: 12px;
  81. }
  82.  
  83. #wrapper {
  84.     width: 658px;
  85. }
  86.  
  87. h1 {
  88.     margin-bottom: 2px;
  89. }
  90.  
  91. a {
  92.     color: #f5f5f5;
  93. }
  94.  
  95. a:hover {
  96.     text-decoration: none;
  97. }
  98.  
  99. /* navigation */
  100.  
  101. #nav {
  102.     position: absolute;
  103.     top: 15px;
  104.     right: 0;
  105.     width: 31em;
  106. }
  107.  
  108. #nav li {
  109.     width: 7em;
  110.     float: left;
  111.     margin: 0 0.3em;
  112.     padding: 0;
  113. }
  114.  
  115. #nav a {
  116.     color: #fff;
  117.     font-weight: bold;
  118.     text-decoration: none;
  119.     padding: 4px 0;
  120.     display: block;
  121.     text-align: center;
  122. }
  123.  
  124. #nav a:hover {
  125.     text-decoration: underline;
  126. }
  127.  
  128. #nav li.a   { background: url(images/menu_a_bg.gif) no-repeat; }
  129. #nav li.a a { background: url(images/menu_a_r.gif)  top right no-repeat; }
  130. #nav li.b   { background: url(images/menu_b_bg.gif) no-repeat; }
  131. #nav li.b a { background: url(images/menu_b_r.gif)  top right no-repeat; }
  132. #nav li.c   { background: url(images/menu_c_bg.gif) no-repeat; }
  133. #nav li.c a { background: url(images/menu_c_r.gif)  top right no-repeat; }
  134. #nav li.d   { background: url(images/menu_d_bg.gif) no-repeat; }
  135. #nav li.d a { background: url(images/menu_d_r.gif)  top right no-repeat; }
  136.  
  137. /* body */
  138.  
  139. #body { width: 100%; }
  140.  
  141. #body { background: #ed8601 url(images/body_bg.gif); }
  142. #body div { background: url(images/body_tl.gif) top left no-repeat; }
  143. #body div div { background: url(images/body_tr.gif) top right no-repeat; }
  144. #body div div div { background: url(images/body_bl.gif) bottom left no-repeat; }
  145. #body div div div div { background: url(images/body_br.gif) bottom right no-repeat; }
  146. #body .inner div { background: none; }
  147.  
  148. #body .inner {
  149.     color: white;
  150.     padding: 18px 20px;
  151. }
  152.  
  153. #body h2 {
  154.     margin-top: 3px;
  155.     text-indent: -3px;
  156. }
  157.  
  158. * html #body h2 {
  159.     margin-top: 21px;
  160.     marg\in-top: 3px;
  161. }
  162.  
  163. #body p {
  164.     margin: 1em 0;
  165. }
  166.  
  167. #body #dividerx {
  168.     clear: both;
  169.     margin: 0 1em;
  170.     padding: 12px 0;
  171.     background: url(images/divider_h.gif) 12px 12px repeat-x;
  172. }
  173.  
  174. /* darkboxes */
  175.  
  176. * html #boxes, * html #boxes .inner { width: 100%; }
  177. * html #body #boxes #left .inner  { width: 100%; w\idth: 90%; }
  178. * html #body #boxes #right .inner { width: 100%; w\idth: 95%; }
  179.  
  180. #body #boxes { background: url(images/box_bg.gif) repeat-y; }
  181. #body #boxes div { background: url(images/box_t.gif) top left no-repeat; }
  182. #body #boxes div div { background: url(images/box_b.gif) bottom left no-repeat; }
  183. #body #boxes .inner div { background: none; }
  184.  
  185. #body #boxes .inner {
  186.     color: white;
  187.     padding: 0;
  188. }
  189.  
  190. #left {
  191.     float: left;
  192.     width: 194px;
  193. }
  194.  
  195. #right {
  196.     float: right;
  197.     width: 404px;
  198. }
  199.  
  200. #body #boxes #left .inner,
  201. #body #boxes #right .inner {
  202.     padding: 10px 11px 0px 11px;
  203. }
  204.  
  205. #boxes ul {
  206.     margin: 0;
  207.     padding: 0;
  208. }
  209.  
  210. * html #boxes ul {
  211.     margin-left: -0.7em;
  212.     marg\in-left: 0.0em;
  213. }
  214.  
  215. #boxes li {
  216.     margin: 0.4em 1.8em 0.2em 0.1em;
  217.     padding: 0;
  218.     list-style: none;
  219. }
  220.  
  221. a {
  222.     font-weight: bold;
  223. }
  224.  
  225. #left .lowright {
  226.     float: right;
  227.     margin: 0 0 0 1em;
  228.     display: inline;
  229. }
  230.  
  231. * html #left .lowright {
  232.     margin-bottom: -5px;
  233. }
  234.  
  235. /* footer */
  236.  
  237. #footer {
  238.     margin-top: 3px;
  239.     text-align: center;
  240. }
  241.  
  242. #footer, #footer a {
  243.     font-weight: normal;
  244.     font-size: 9px;
  245.     color: #989994;
  246. }
  247.  
  248. #footer a:hover {
  249.     color: #fff;
  250.     text-decoration: underline;
  251. }