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