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