home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / matt-template2 / common.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-02-01  |  3.0 KB  |  204 lines
  1. /*
  2. ______________________________________________
  3.  
  4. Global Settings
  5. ______________________________________________
  6. */
  7.  
  8. * {
  9.     margin: 0; 
  10.     padding: 0;
  11. }
  12.  
  13.  
  14. html, body 
  15. {
  16.     font-family: "Trebuchet MS",sans-serif;
  17.     height: 100%;
  18.     background: #EDF4FC;
  19.     background: url(images/bg.gif);
  20. }
  21.  
  22.  
  23. .main 
  24. {
  25.     width: 700px;
  26.     background: #B2C4D7;
  27.     margin: 0 auto;
  28.     min-height: 100%;
  29.     padding-bottom: 70px;
  30.     position: relative;
  31. }
  32.  
  33.  
  34. /*
  35. ______________________________________________
  36.  
  37. Header/Navigation
  38. ______________________________________________
  39. */
  40.  
  41.         .header h1 
  42.         {
  43.             border-top: 4px solid #EDF4FC;
  44.             background: url(images/top.gif);
  45.             background-repeat: no-repeat;
  46.             font-size: 12px;
  47.             color: #FFF;
  48.             padding: 3px 3px 3px 17px;
  49.             font-weight: 500;
  50.             white-space: text-wrap;
  51.             height: 20px;
  52.         }
  53.     
  54.     
  55.         .header h2 span 
  56.         {
  57.             display: none;
  58.         }
  59.         
  60.         .header h2 
  61.         {
  62.             border-top: 4px solid #FFF;
  63.             height: 100px;
  64.             background-image: url(images/title.jpg);
  65.             background-repeat: no-repeat;
  66.         }
  67.             
  68.         .header ul
  69.         {
  70.             border-top: 4px solid #FFF;
  71.             width: 700px;
  72.             height: 30px;
  73.             background: #7f92a8;
  74.         }
  75.     
  76.         .header li
  77.         {
  78.             list-style: none;
  79.             float: left;
  80.             text-align: center;
  81.         }
  82.         
  83.         .header a
  84.         {
  85.             padding-top: 3px;
  86.             font-size: 16px;
  87.             color: #E2E2E2;
  88.             text-decoration: none;
  89.             font-weight: bold;
  90.             display: block;
  91.             width: 175px; /* For 4 links: 175px - 5 links: 140px - 6 links: 116.6  ------- Basically its 700/[amount of nav links]  */
  92.             height: 27px;
  93.         }
  94.         
  95.         .header a:hover
  96.         {
  97.             background: #DCEFF8;
  98.             color: #116086;
  99.         }
  100.  
  101. /*
  102. ______________________________________________
  103.  
  104. Content
  105. ______________________________________________
  106. */
  107.  
  108.     
  109. #content
  110. {
  111.     border-top: 4px solid #FFF;
  112.     width: 700px;
  113.     background: #B2C4D7;
  114. }
  115.  
  116.     #content a 
  117.     {
  118.         color: #CCC;
  119.         text-decoration: none;
  120.     }
  121.     
  122.     #content h3 
  123.     {
  124.         border-bottom: 4px solid #FFF;
  125.         font-size: 14px;
  126.         font-weight: bold;
  127.         color: #333;
  128.         background: #B3BFCB;
  129.         padding-left: 20px;
  130.     }
  131.     
  132.     #content h4
  133.     {
  134.         font-size: 26px;
  135.         letter-spacing: -1px;
  136.         font-weight: bold;
  137.         color: #010E47;
  138.         margin: 15px 10px 5px 15px;
  139.         border-bottom: 2px dotted #000;
  140.     }
  141.  
  142.     #content p
  143.     {
  144.         font-size: 13px;
  145.         color: #333;
  146.         margin: 20px;
  147.     }
  148.  
  149.  
  150. /*
  151. ______________________________________________
  152.  
  153. Footer
  154. ______________________________________________
  155. */
  156.  
  157.     
  158. #footer 
  159. {
  160.     margin: 0 auto;
  161.     background: url(images/bottom.gif);
  162.     width: 700px;
  163.     height: 50px;
  164.     margin-top: -54px;
  165.     border-top: 4px solid #FFF;
  166.     position: relative;
  167.     text-align: center;
  168. }
  169.  
  170.     #footer p
  171.     {
  172.         margin: 6px;
  173.         font-size: 12px;
  174.         color: #FFF;
  175.         text-decoration: none;
  176.     }
  177.     
  178.     #footer ul
  179.     {
  180.         display: block;
  181.     }
  182.     
  183.     #footer li
  184.     {
  185.         display: inline;
  186.     }
  187.     
  188.     #footer a 
  189.     {
  190.         margin-top: 6px;
  191.         font-size: 13px;
  192.         color: #FFF;
  193.         text-decoration: none;
  194.         font-weight: 600;
  195.         letter-spacing: 2px;
  196.     }
  197.     
  198.         #footer a:hover
  199.     {
  200.         margin-top: 10px;
  201.         color: #CCC;
  202.         text-decoration: none;
  203.     }
  204.