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