home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template68 / files / css / style.css
Encoding:
Cascading Style Sheet File  |  2006-09-24  |  4.9 KB  |  259 lines
  1. html {
  2.     font: 0.8em/1.3 Verdana, Helvetica, Arial, Sans-serif;
  3.     background-color: #1f1f1f;
  4.     color: #38494e;
  5.     text-align: center;
  6. }
  7.  
  8. body {
  9.     width: 770px;
  10.     background: #fff url(../images/main_bg.gif) repeat-y;
  11.     color: #38494e;
  12.     margin: 0 auto;
  13.     padding: 0;
  14.     text-align: left;
  15. }
  16.  
  17. a:link, a:visited {
  18.     color: #869ea8;
  19.     background-color: inherit;
  20.     text-decoration: none;
  21. }
  22.  
  23. a:hover, a:active {
  24.     color: #1f1f1f;
  25.     background-color: inherit;
  26.     text-decoration: none;
  27. }
  28.  
  29. img, a img {
  30.     border: 0;
  31. }
  32.  
  33. ul, ol {
  34.     position: relative;
  35. }
  36.  
  37. h1 {
  38.     text-indent: -10000px;
  39.     width: 770px;
  40.     height: 150px;
  41.     margin: 0;
  42.     padding: 0;
  43.     background: transparent url(../images/head.gif) no-repeat;
  44. }
  45.  
  46. #headblank {
  47.     text-indent: -10000px;
  48.     width: 770px;
  49.     height: 150px;
  50.     margin: 0;
  51.     padding: 0;
  52.     background: transparent url(../blank-image-files/head_blank.gif) no-repeat;
  53. }
  54.  
  55. ul {
  56.     margin: 10px 0 0 40px;
  57.     padding: 0;
  58. }
  59.  
  60.     ul li {
  61.         margin: 2px 0 0 0;
  62.         padding: 0 0 0 17px;
  63.         list-style-type: none;
  64.         background: transparent url(../images/li.gif) no-repeat left;
  65.     }
  66.  
  67. dl, dt, dd {
  68.     margin: 0;
  69.     padding: 0;
  70. }
  71.  
  72. ul#none {
  73.     display: none;
  74. }
  75.  
  76. div#maincol {
  77.     width: 535px;
  78.     padding: 0 0 20px 0;
  79.     float: left;
  80. }
  81.  
  82.     div#maincol h2 {
  83.         margin: 15px 0 7px 13px;
  84.         padding: 0 0 0 7px;
  85.         background: #fff url(../images/heading_ul.gif) repeat-x bottom left;
  86.         font: 1.8em Georgia, "Times New Roman", Times, Serif;
  87.         color: #38494e;
  88.         width: 300px;
  89.     }
  90.  
  91.     div#maincol h3 {
  92.         margin: 10px 0 3px 23px;
  93.         padding: 0 0 0 2px;
  94.         background: #fff url(../images/heading_ul.gif) repeat-x bottom left;
  95.         font: 1.5em Arial, Helvetica, Verdana, Sans-serif;
  96.         color: #666;
  97.     }
  98.  
  99.     div#maincol p {
  100.         margin: 7px 20px 21px 20px;
  101.         padding: 0;
  102.         color: #38494e;
  103.         background-color: inherit;
  104.     }
  105.  
  106. ul#nav {
  107.     width: 535px;
  108.     height: 33px;
  109.     background: transparent url(../images/nav_bg.gif) repeat-x top left;
  110.     margin: 0;
  111.     padding: 0;
  112. }
  113.  
  114.     ul#nav li {
  115.         margin: 0;
  116.         padding: 0;
  117.         float: left;
  118.         list-style-type: none;
  119.         display: block;
  120.         height: 35px;
  121.         background: transparent url(../images/nav_sep.gif) no-repeat right;
  122.     }
  123.  
  124.         ul#nav li a:link, ul#nav li a:visited {
  125.             color: #38494e;
  126.             background-color: inherit;
  127.             text-decoration: none;
  128.             line-height: 29px;
  129.             padding: 5px 24px 7px 20px;
  130.         }
  131.  
  132.         ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active {
  133.             color: #38494e;
  134.             text-decoration: none;
  135.             line-height: 29px;
  136.             margin: 0;
  137.             padding: 5px 24px 9px 20px;
  138.             background-color: inherit;
  139.             background: url(../images/nav_hover.gif) no-repeat bottom;
  140.         }
  141.  
  142.         ul#nav > li > a:hover, ul#nav > li > a:focus, ul#nav > li > a:active {
  143.             padding: 5px 24px 10px 20px;
  144.         }
  145.  
  146. div#rightcol {
  147.     width: 210px;
  148.     margin-left: 10px;
  149.     padding: 0 10px 20px 0;
  150.     background: transparent url(../images/side_bg.gif) no-repeat bottom;
  151.     position: relative;
  152.     bottom: 30px;
  153.     right: 3px;
  154.     font-size: 0.9em;
  155. }
  156.  
  157. body > div#rightcol {
  158.     width: 200px;
  159.     margin-left: 538px;
  160.     padding: 0 10px 20px 10px;
  161.     background: transparent url(../images/side_bg.gif) no-repeat bottom;
  162. }
  163.  
  164.     div#rightcol p {
  165.         margin: 10px 0 0 13px;
  166.     }
  167.  
  168.     div#rightcol > p {
  169.         margin: 10px 0 0 3px;
  170.     }
  171.  
  172.     div#rightcol dl {
  173.         margin: 10px 0 0 0;
  174.         padding: 0 0 50px 0;
  175.     }
  176.  
  177.     div#rightcol > dl {
  178.         margin: 10px 0 0 -10px;
  179.         padding: 0 0 50px 0;
  180.     }
  181.  
  182.     div#rightcol h3, div#rightcol dt {
  183.         margin: 20px 0 8px 8px;
  184.         padding: 0 0 0 7px;
  185.         background: #fff url(../images/heading_ul.gif) repeat-x bottom left;
  186.         font: 1.8em Georgia, "Times New Roman", Times, Serif;
  187.         color: #666;
  188.         width: 190px;
  189.     }
  190.  
  191.     div#rightcol > h3, div#rightcol > dt {
  192.         margin: 20px 0 10px 2px;
  193.     }
  194.  
  195.         div#rightcol dl dd {
  196.             margin: 2px 0 0 17px;
  197.             padding: 0 0 0 17px;
  198.             list-style-type: none;
  199.             background: transparent url(../images/li.gif) no-repeat left;
  200.         }
  201.  
  202.         div#rightcol > dd {
  203.             margin: 2px 0 0 0;
  204.             padding: 0 0 0 17px;
  205.             list-style-type: none;
  206.             background: transparent url(../images/li.gif) no-repeat left;
  207.         }
  208.  
  209.             div#rightcol form#searchform h3 {
  210.                 margin-left: 10px;
  211.             }
  212.  
  213.             div#rightcol form#searchform > h3 {
  214.                 margin-left: 0;
  215.             }
  216.  
  217.             div#rightcol form#searchform input {
  218.                 margin: 10px 0 0 10px;
  219.             }
  220.  
  221.             div#rightcol form#searchform input#searchinput {
  222.                 border: 1px solid #ddd;
  223.                 width: 120px;
  224.                 height: 20px;
  225.                 padding: 4px 5px 0 5px;
  226.                 color: #666;
  227.                 background-color: inherit;
  228.             }
  229.  
  230.             div#rightcol form#searchform input#searchsubmit {
  231.                 margin: 0 0 0 10px;
  232.                 width: 40px;
  233.             }
  234.  
  235. pre {
  236.     border: 1px solid #ddd;
  237.     background-color: #f7f7f7;
  238.     margin: 20px;
  239.     padding: 10px;
  240.     color: #38494e;
  241. }
  242.  
  243. code {
  244.     font: 12px/1.5 "Courier New", Courier, Monospace;
  245. }
  246.  
  247. h4 {
  248.     clear: both;
  249.     margin: 0;
  250.     padding: 0 10px 0 0;
  251.     width: 760px;
  252.     height: 20px;
  253.     color: #b1bebb;
  254.     text-align: right;
  255.     background: #363636 url(../images/foot_bg.gif) bottom repeat-x;
  256.     font-size: 0.8em;
  257.     font-weight: normal;
  258.     line-height: 20px;
  259. }