home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template14 / style.css < prev    next >
Cascading Style Sheet File  |  2005-08-21  |  4KB  |  297 lines
  1. body {
  2.     font-family: tahoma, helvetica, arial, sans-serif;
  3.     font-size: 11px;
  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: 10px;
  30. }
  31.  
  32.  
  33. h1 {
  34.     margin: 0;
  35.     padding: 0;
  36. }
  37.  
  38. h2 {
  39.     margin: 0 0 0 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. body {
  87.     background: #5D1F1F;
  88.     color: #251200;
  89. }
  90.  
  91. #wrapper {
  92.     width: 780px;
  93.     background: #AD803D;
  94. }
  95.  
  96. a {
  97.     color: #422100;
  98. }
  99.  
  100. a:hover {
  101.     color: #231201;
  102. }
  103.  
  104. #body #events .readmore a, #body .readmore a, #hotstuff .readmore a {
  105.     color: #e2c3a5;
  106.     text-decoration: none;
  107. }
  108.  
  109. #body .readmore a:hover, #body #events .readmore a:hover, #hotstuff .readmore a:hover {
  110.     text-decoration: underline;
  111. }
  112.  
  113. /* header */
  114.  
  115. #header {
  116.     background: url(images/header.jpg) top left no-repeat;
  117.     height: 299px; width: 100%;
  118.     margin: 0;
  119.     border-bottom: 1px solid white;
  120. }
  121.  
  122. #header h1 {
  123.     text-align: right;
  124. }
  125.  
  126. #header #nav {
  127.     font-size: 9px;
  128.     text-align: center;
  129.     background: #170E01;
  130.     color: #D4A66F;
  131.     font-weight: bold;
  132.     width: 489px;
  133.     position: absolute;
  134.     top: 86px;
  135.     left: 291px;
  136.     padding: 9px 0 10px 0;
  137.     margin: 0;
  138.     border-top: 1px solid white;
  139.     border-bottom: 1px solid white;
  140. }
  141.  
  142. #header #nav li {
  143.     display: inline;
  144. }
  145.  
  146. #header #nav a {
  147.     color: #D4A66F;
  148.     text-decoration: none;
  149. }
  150.  
  151. #header #nav a:hover {
  152.     color: #fff;
  153.     text-decoration: underline;
  154. }
  155.  
  156. #header #welcome {
  157.   position: absolute;
  158.   top: 122px; left: 291px;
  159.   width: 470px; height: 173px;
  160.   overflow: auto;
  161. }
  162.  
  163. #header #welcome h2 {
  164.     padding: 0.2em 0 0 0;
  165.     margin: 0;
  166.     line-height: 1;
  167. }
  168.  
  169. #header #welcome p {
  170.     margin: 0.5em 0;
  171. }
  172.  
  173. * html #header #welcome p {
  174.     margin: 0.5em 0;
  175. }
  176.  
  177. #header #welcome p {
  178.     padding-left: 2em;
  179. }
  180.  
  181. /* body */
  182.  
  183. #body {
  184.     position: relative;
  185.     color: #251200;
  186.     background: url(images/body_bg.gif) repeat-y;
  187. }
  188.  
  189. #body-i {
  190.     width: 100%;
  191.     background: url(images/photo.jpg) top right no-repeat;
  192. }
  193.  
  194. #body #hevents {
  195.     position: absolute;
  196.     top: 0; left: 291px;
  197. }
  198.  
  199. * html #body #hevents {
  200.     position: relative;
  201.     top: 0; left: 0;
  202.     margin-top: -32px;
  203. }
  204.  
  205. #body #specials {
  206.     float: left;
  207.     width: 286px;
  208.     margin-left: 2px;
  209.     display: inline;
  210. }
  211.  
  212. #body #events {
  213.     float: left;
  214.     width: 235px;
  215.     margin-left: 10px;
  216.     display: inline;
  217. }
  218.  
  219. #body .imagebox {
  220.     padding: 2px 8px 2px 100px;
  221.     margin: 2px 0;
  222.     background: #9b6f2d 4px no-repeat;
  223. }
  224.  
  225. #body h3, #body p {
  226.     margin: 0 0 0.2em 0;
  227. }
  228.  
  229. #body #events a {
  230.     color: #ce9b5e;
  231. }
  232.  
  233. #body #events a:hover {
  234.     color: #fff;
  235. }
  236.  
  237. #events .readmore {
  238.     margin-bottom: 0;
  239. }
  240.  
  241. /* hotstuff */
  242.  
  243. #hotstuff {
  244.     width: 100%;
  245.     background: url(images/hotstuff_bg.gif) repeat-y;
  246. }
  247.  
  248. * html #hotstuff {
  249.     padding-bottom: 10px;
  250. }
  251.  
  252. #hotstuff h2 {
  253.     background: #3b2000;
  254.     border-top: 1px solid #fff;
  255. }
  256.  
  257. * html #hotstuff h2 {
  258.     width: 100%;
  259. }
  260.  
  261. #hotstuff .imagebox {
  262.     padding: 2px 8px 2px 103px;
  263.     margin: 2px 0;
  264.     background: 4px no-repeat;
  265.     float: left;
  266.     width: 200px;
  267. }
  268.  
  269. #hotstuff #hot-one   { width: 180px; }
  270. #hotstuff #hot-two   { width: 140px; margin-left: 2px; }
  271. #hotstuff #hot-three { width: 120px; margin-left: 2px; }
  272.  
  273. * html #hotstuff #hot-one   { width: 290px; w\idth: 180px; }
  274. * html #hotstuff #hot-two   { width: 250px; w\idth: 140px; }
  275. * html #hotstuff #hot-three { width: 230px; w\idth: 120px; }
  276.  
  277. #hotstuff h3, #hotstuff p {
  278.     margin: 0 0 0.2em 0;
  279. }
  280.  
  281. * html #spacer {
  282.     margin-top: 8px;
  283. }
  284.  
  285. /* footer */
  286.  
  287. #footer {
  288.     padding-bottom: 2em;
  289. }
  290.  
  291. #footer, #footer a {
  292.     color: #986D6D;
  293. }
  294.  
  295. #footer a:hover {
  296.     color: #fff;
  297. }