home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / gamingtemplate / style.css < prev   
Cascading Style Sheet File  |  2006-10-28  |  4KB  |  265 lines
  1. body {
  2.     font-family: tahoma, helvetica, arial, sans-serif;
  3.     font-size: 10px;
  4.     text-align: center;
  5.     background: #5d5d5d url(images/page_bg.gif);
  6.     margin: 0px;
  7.     padding: 10px;
  8. }
  9.  
  10. html, #wrapper, h1 {
  11.     margin: 0px;
  12.     padding: 0px;
  13. }
  14.  
  15. img { border: 0px; }
  16.  
  17. #wrapper {
  18.     margin: auto;
  19.     text-align: left;
  20.     width: 710px;
  21.     position: relative;
  22. }
  23.  
  24. h1, h2, h3 {
  25.     font-size: 10px;
  26. }
  27.  
  28.  
  29. h1 {
  30.     line-height: 1;
  31.     position: absolute;
  32.     top: 0px;
  33.     left: 0px;
  34. }
  35.  
  36. h2 {
  37.     margin: 0px 0px 5px 0px;
  38.     padding: 0px;
  39. }
  40.  
  41. h3 {
  42.     padding: 4px 0px 0px 0px;
  43. }
  44.  
  45. .block {
  46.     display: block;
  47. }
  48.  
  49. .clear {
  50.     clear: both;
  51.     height: 10px;
  52. }
  53.  
  54. .left {
  55.     float: left;
  56.     margin: 5px 20px 0px 0px;
  57. }
  58.  
  59. .right {
  60.     float: right;
  61.     margin: 0px 0px 0px 20px;
  62. }
  63.  
  64. .readmore {
  65.     text-align: right;
  66. }
  67.  
  68.  /* page structure */
  69.  
  70. #wrapper {
  71.     background: url(images/body_t.gif) top no-repeat;
  72.     padding-top: 20px;
  73. }
  74.  
  75. #body {
  76.     background: url(images/body_bg.gif) repeat-y;
  77.     padding-bottom: 10px;
  78. }
  79.  
  80. #body p {
  81.     background: white;
  82. }
  83. #nav {
  84.     position: absolute;
  85.     top: 25px;
  86.     left: 253px;
  87.     width: 450px;
  88.     height:35px;
  89.     background: url(images/nav.gif) repeat-x;
  90. }
  91. #nav ul{
  92.     padding: 0px;
  93.     margin: 0px;
  94.     list-style-type: square;
  95.     list-style-position: inside;
  96. }
  97. #nav li{
  98.     padding: 7px 16px 0px 16px;
  99.     margin: 0px;
  100.     height:35px;
  101.     list-style-type: square;
  102.     list-style-position: inside;
  103.     float:left;
  104.     border-right: 1px solid #FFFFFF;
  105.     display:inline;
  106. }
  107.  
  108. .lastchild{border-right: 0px none #FFFFFF !important;}
  109.  
  110. #nav a{
  111.     font-family: Arial, Helvetica, sans-serif;
  112.     font-size: 14px;
  113.     font-weight: bold;
  114.     text-transform: capitalize;
  115.     color: #FFFFFF;
  116.     text-decoration: none;
  117. }
  118. #nav a:hover{
  119.     color:#fcff85;
  120. }
  121.  
  122. #current {
  123.     float: left;
  124.     width: 235px;
  125.     margin-left: 10px;
  126.     margin-top: -10px;
  127.     background: url(images/menu_bg.gif) repeat-y;
  128.     border-bottom: 1px solid #05256b;
  129. }
  130.  
  131. * html #current {
  132.     margin-left: 5px;
  133. }
  134.  
  135. #content {
  136.     float: right;
  137.     width: 450px;
  138.     padding-top: 40px;
  139.     margin-right: 8px;
  140. }
  141.  
  142. * html #content {
  143.     margin-right: 4px;
  144. }
  145.  
  146. #footer {
  147.     background: url(images/body_b.gif) no-repeat;
  148.     text-align: center;
  149.     padding-right: 10px;
  150.     padding-left: 480px;
  151.     padding-bottom: 30px;
  152. }
  153.  
  154. #copyright {
  155.     position: relative;
  156.     top: -8px;
  157.     color: #989898;
  158. }
  159.  
  160. /* current column */
  161.  
  162. #current .nav {
  163.     margin: 21px 6px 5px 5px;
  164. }
  165.  
  166. #current ul {
  167.     border: 1px solid #8497c2;
  168.     margin: 0px;
  169.     padding: 0px;
  170. }
  171.  
  172. * html #current ul {
  173.     padding: 3px 0px;
  174.     padd\ing: 0px;
  175. }
  176.  
  177. #current li {
  178.     list-style: none;
  179.     border: 1px solid #4e698f;
  180.     background: #01285f url(images/harry.gif) left center no-repeat;
  181.     padding: 0px 0px 0px 20px;
  182.     margin: 3px;
  183. }
  184.  
  185. #current li.readmore {
  186.     text-align: right;
  187.     background-image: none;
  188. }
  189.  
  190. #current ul a {
  191.     color: #beddff;
  192.     text-decoration: none;
  193.     display: block;
  194.     padding: 3px 12px 3px 0px;
  195. }
  196.  
  197. * html #current ul a {
  198.     width: 100%;
  199.     w\idth: auto;
  200. }
  201.  
  202. #current ul a:hover {
  203.     color: white;
  204. }
  205.  
  206. #current .readmore {
  207.     padding: 3px 4px 4px 20px;
  208. }
  209.  
  210. * html #current .readmore {
  211.     padding: 0px 4px 1px 20px;
  212.     padd\ing: 3px 4px 4px 20px;
  213. }
  214.  
  215. #current .readmore a {
  216.     text-decoration: underline;
  217.     display: inline;
  218. }
  219.  
  220. #currenttitle {
  221.     position: absolute;
  222.     left: 15px;
  223.     top: 409px;
  224. }
  225.  
  226. * html #currenttitle {
  227.     top: 411px;
  228. }
  229.  
  230. /* page content */
  231.  
  232. #content h2 {
  233.     line-height: 1;
  234.     margin: 0px;
  235.     padding: 20px 0px 0px 0px;
  236. }
  237.  
  238. #content h3 {
  239.     margin: 10px 0px;
  240.     padding: 0px;
  241.     text-transform: capitalize;
  242. }
  243.  
  244. #content p {
  245.     margin: 10px 0px;
  246.     padding: 0px;    
  247. }
  248.  
  249. #content .contentbox {
  250.     border: 1px solid #e1e1e1;
  251.     border-top: none;
  252.     padding: 5px 20px 10px 20px;
  253. }
  254.  
  255. * html #content .contentbox {
  256.     padding-bottom: 11px;
  257. }
  258.  
  259. #content, #content a {
  260.     color: #868686;
  261. }
  262.  
  263. #content a:hover {
  264.     color: #000;
  265. }