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