home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Graphite / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-10-21  |  3.0 KB  |  177 lines
  1. @charset "iso-8859-2";
  2. /* CSS Document */
  3.  
  4. * {margin:0;
  5.     padding:0;}
  6. body {
  7.     font-family: Arial, sans-serif;
  8.     background-color: #898989;
  9.     color: #000000;
  10.     width: 780px;
  11.     background-position: top;
  12.     font-size: 12px;
  13.     margin: auto;
  14.     
  15.     }
  16.  
  17. #container {
  18.     width: 700px;
  19.     float: left;
  20.     margin: auto;
  21.         }
  22.         
  23. #menu  {
  24.     background-image: url(images/menu.png);
  25.     float:left;
  26.     color: #E3E3E3;
  27.     margin-top: -12px;
  28.     background-repeat: repeat-x;
  29.     border: solid 12px black;
  30.     }
  31.         #menu ul    {
  32.     list-style-type: none;
  33.         }
  34.         #menu li    {
  35.     font-size: 14px;
  36.     background-repeat: none;
  37.     height: 31px;
  38.     width: 163px;
  39.         }
  40.         #menu a{
  41.     font-size: 14px;
  42.     height: 23px;
  43.     background-image: url(images/menu-button.png);
  44.     background-repeat: no-repeat;
  45.     float: left;
  46.     padding-left: 17px;
  47.     padding-top: 8px;
  48.     color: #E3E3E3;
  49.     text-decoration: none;
  50.     vertical-align: bottom;
  51.     width: 146px;
  52. }
  53.  
  54.         #menu a:hover{
  55.     font-size: 14px;
  56.     background-image: url(images/menu-button.png);
  57.     font-weight: bold;
  58.             }
  59.             #brand{
  60.     font-size: 10px;
  61.     width: 163px;
  62.     margin-top: 20px;
  63.     margin-bottom: 20px;
  64. }
  65.             #brand h2 {
  66.     font-size: 14px;
  67.     display: block;
  68.     }
  69.  
  70.     #brand ul {
  71.  
  72.     }
  73.     
  74.     #brand li {
  75.     display: block;
  76.     font-size: 10px;
  77.     margin-bottom: -15px;
  78.     height: 27px;
  79.     }
  80.     #company {padding-bottom:10px;
  81.         display:block;}
  82.             
  83. #head    {
  84.     width: 672px;
  85.     height: 145px;
  86.     background-image: url(images/head.png);
  87.     float: left;
  88.     margin-left: 0px;
  89.     border: solid 12px black;
  90. }
  91.     #header     {
  92.     float: right;
  93.     color: #8F8F8F;
  94.     font-size: 48px;
  95.     font-weight: bold;
  96.     padding-top: 40px;
  97.     padding-right: 150px;
  98.     }
  99.     #header:first-letter {color:#840000;}
  100. #content    {
  101.     width: 463px;
  102.     float: left;
  103.     margin-top: 0px;
  104.     background-position: right;
  105.     background-repeat: repeat-y;
  106.     padding-right: 0px;
  107.     padding-bottom: 0px;
  108.     margin: 22px 22px 22px 22px;
  109.     background-color: #7F7F7F;
  110.  
  111.     }
  112.         #content h1    {
  113.     font-size: 24px;
  114.     background-image: url(images/h-bg.png);
  115.     background-repeat: repeat-y;
  116.     margin-left: -22px;
  117.     padding-left: 22px;
  118.     height: 32px;
  119.     margin-top: 10px;
  120.     margin-bottom: 20px;
  121.         }
  122.         #content h2 {
  123.     font-size: 18px;
  124.     background-image: url(images/h-bg.png);
  125.     background-repeat: repeat-y;
  126.     margin-left: -22px;
  127.     padding-left: 22px;
  128.     height: 24px;
  129.     margin-top: 15px;
  130.     margin-bottom: 10px;
  131.         }
  132. #foot    {
  133.     width: 672px;
  134.     height: 30px;
  135.     float: left;
  136.     border: solid 12px black;
  137.     background-image: url(images/menu.png);
  138.     margin-top: -15px;
  139.     overflow: hidden;
  140.  
  141.     }        
  142.     
  143.     #foot ul    {
  144.     list-style-type: none;
  145.     float: right;
  146.         }
  147.         #foot li    {
  148.     background-repeat: none;
  149.     height: 20px;
  150.     padding-left: 0px;
  151.     float: left;
  152.         }
  153.         #foot a{
  154.     font-size: 9px;
  155.     text-decoration: none;
  156.     color: #E3E3E3;
  157.     display: block;
  158.     float: left;
  159.     height: 25px;
  160.     padding: 8px;
  161. }
  162.  
  163.         #foot a:hover{
  164.     text-decoration:underline;
  165.     color: #E3E3E3;
  166.  
  167. }
  168. #up {
  169.     font-size: 10px;
  170.     color: #FFFFFF;
  171.     float: left;
  172.     padding-left: 15px;
  173.     text-align: center;
  174. }
  175. @charset "iso-8859-2";
  176. /* CSS Document */
  177.