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