home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Creme / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-10-21  |  3.5 KB  |  201 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: #dacc8d;
  9.     color: #000000;
  10.     width: 900px;
  11.     background-position: top;
  12.     font-size: 12px;
  13.     margin: auto;
  14.     margin-left: -30px;
  15.     
  16.     }
  17.  
  18. #container {
  19.     width: 700px;
  20.     float: right;
  21.     background-image: url(images/bg.jpg);
  22.     height: 768px;
  23.     background-repeat: no-repeat;
  24.     padding-left: 90px;
  25.     
  26.  
  27.         }
  28.         
  29. #menu  {
  30.     background-image: url(images/menuhead.png);
  31.     float:left;
  32.     width:170px;
  33.     height:400px;
  34.     color: #7b795b;
  35.     background-repeat: no-repeat;
  36.     text-align: center;
  37.     font-size: 24px;
  38.     font-family:"Times New Roman", Times, serif;
  39.     background-position: 30%top;
  40.     margin-top: 320px;
  41.     padding-top: 30px;
  42.     }
  43. #menufoot {
  44.     background-image: url(images/menufoot.png);
  45.     background-position: center;
  46.     background-repeat: no-repeat;
  47.     height: 50px;
  48.     width: 163px;
  49. }
  50.  
  51.         #menu ul    {
  52.     list-style-type: none;
  53.     width: 163px;
  54.         }
  55.         #menu li    {
  56.     background-repeat: none;
  57.     height: 31px;
  58.     width: 170px;
  59.     margin-top: 5px;
  60.     margin-left: 5px;
  61.         }
  62.         #menu a{
  63.     font-size: 18px;
  64.     height: 23px;
  65.     background-image: url(images/menu-button.png);
  66.     width: 163px;
  67.     background-repeat: no-repeat;
  68.     float: left;
  69.     padding-left: 17px;
  70.     padding-top: 8px;
  71.     text-decoration: none;
  72.     vertical-align: bottom;
  73.     color: #7b795b;
  74.     border-left: solid #7b795b 3px;
  75.     text-align: left;
  76. }
  77.  
  78.         #menu a:hover{
  79.     border-left: solid black 3px;
  80.             }
  81.             #brand{
  82.     font-size: 10px;
  83.     margin-top: 100px;
  84. }
  85.             #brand h1 {
  86.     font-size: 14px;
  87. }
  88.     #header     {
  89.     float: left;
  90.     font-size: 56px;
  91.     font-weight: bold;
  92.     float: right;
  93.     font: Times New Roman;
  94.     color: #7b795b;
  95.     text-align: right;
  96.     padding-right: 150px;
  97.     padding-top: 40px;
  98.     }
  99.     
  100. #stripe {
  101.     float: left;
  102.     height: 750px;
  103.     width: 70px;
  104.     background-color: #F3F4EF;
  105.     margin-top: 360px;
  106. }
  107. #content    {
  108.     float: left;
  109.     background-position: left;
  110.     background-repeat: repeat-y;
  111.     width: 430px;
  112.     margin-top: 150px;
  113.     margin-left: 50px;
  114.  
  115.     }
  116.  
  117.  
  118.  
  119.         #content h1    {
  120.     font-size: 24px;
  121.     margin-left: -5px;
  122.     padding-left: 22px;
  123.     height: 32px;
  124.     margin-top: 15px;
  125.     margin-bottom: 20px;
  126.     font: Times New Roman;
  127.     background-image: url(images/h1.gif);
  128.     background-repeat: no-repeat;
  129.     background-position: left;
  130.         }
  131.         #content h2 {
  132.     font-size: 18px;
  133.     background-repeat: no-repeat;
  134.     margin-left: 5px;
  135.     padding-left: 22px;
  136.     height: 24px;
  137.     margin-top: 15px;
  138.     margin-bottom: 10px;
  139.     font: Times New Roman;
  140.     background-image: url(images/h2.gif);
  141.     background-position: left;
  142.         }
  143.  
  144. #foot    {
  145.     width: 700px;
  146.     background-repeat: no-repeat;
  147.     float: left;
  148.     height: 74px;
  149.     background-position: 100%;
  150.     background-image: url(images/foot.png);
  151.     margin-right: 40px;
  152.     margin-top: 30px;
  153.  
  154.     }        
  155.     
  156.     #foot ul    {
  157.     list-style-type: none;
  158.     text-align: center;
  159.     margin-right: 50px;
  160.         }
  161.         #foot li    {
  162.     font-size: 24px;
  163.     background-repeat: none;
  164.     height: 70px;
  165.     float: right;
  166.     display: inline;
  167.         }
  168.         #foot a{
  169.     font-size: 10px;
  170.     text-decoration: none;
  171.     color: #7b795b;
  172.     display: block;
  173.     float: left;
  174.     margin-top: 2px;
  175.     padding: 4px;
  176. }
  177.  
  178.         #foot a:hover{
  179.     border-top: 2px solid;
  180.     margin-top: 0px;
  181.  
  182.  
  183. }
  184.  
  185. #up {
  186.     font-weight:bold;
  187.     display: block;
  188.     background-color: #D1C174;
  189.     text-align: center;
  190.     float: left;
  191.     padding-top: 0px;
  192.     background-image: url(images/up.png);
  193.     background-position: top center;
  194.     background-repeat: no-repeat;
  195.     color: #DACC8D;
  196.     }
  197. #foot up{ color:#0033FF;}
  198.  
  199. @charset "iso-8859-2";
  200. /* CSS Document */
  201.