home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / orange / css / style.css
Encoding:
Cascading Style Sheet File  |  2008-01-05  |  3.4 KB  |  211 lines
  1. body {
  2.     background:url(../images/bckg.jpg) repeat-x #fefefe;
  3.     margin:0;
  4.     padding:0;
  5.     text-align:center;
  6.     font-family:Arial, Helvetica, sans-serif;
  7.     font-size:12px;
  8.     color:#525252;
  9.     }
  10.     
  11. .red {
  12.     color:#f73602;
  13.     }
  14.     
  15. a {
  16.     color:#f73602;
  17.     text-decoration:none;
  18.     }
  19. a:hover {
  20.     color:#000;
  21.     text-decoration:none;
  22.     }
  23.  
  24. #container {
  25.     width:100%;
  26.     }    
  27.     
  28. #main{
  29.     width:90%;
  30.     min-width:780px;
  31.     margin: 0 auto;
  32.     text-align:left;
  33.     }
  34.     
  35. #navbar{
  36.     height:60px;
  37.     font-family:Helvetica, Arial,  sans-serif;
  38.     font-size:14px;
  39.     font-weight:bold;
  40.     text-transform:uppercase;
  41.     color:#FFFFFF;
  42.     
  43.     }
  44.     #navbar ul{
  45.         margin:0;
  46.         padding:30px 0 0 40px;
  47.         }
  48.         #navbar ul li{
  49.             display:inline;
  50.             background:url(../images/li.gif) no-repeat;
  51.             background-position:10px 5px;
  52.             padding:0 5px 0 20px;
  53.             }
  54.             #navbar ul li a{
  55.                 color:#FFFFFF;
  56.                 text-decoration:none;
  57.                 }
  58.                 #navbar ul li a:hover{
  59.                     color:#FFFFFF;
  60.                     border-bottom:2px solid #f84b1d;
  61.                     }
  62.                         
  63.     
  64. #header{
  65.     height:222px;
  66.     background:url(../images/head_bckg.jpg) repeat-x #fff;
  67.     min-width:780px;
  68.     }
  69.     
  70. .title {
  71.     font-family:Helvetica, Arial,  sans-serif;
  72.     color:#f73602;
  73.     font-size:24px;
  74.     }
  75.     .title_dark {
  76.         font-family:Helvetica, Arial,  sans-serif;
  77.         color:#535353;
  78.         font-size:24px;
  79.         }
  80.     
  81. #left_bar_header {
  82.     float:left;
  83.     width:40%;
  84.     height:160px;
  85.     padding:55px 0 0 50px;
  86.     }
  87.     #left_bar_header p{
  88.         font-family: Arial, Helvetica, sans-serif;
  89.         color:#a2a2a2;
  90.         font-size:11px;
  91.         width:300px;
  92.         
  93.         }
  94.         
  95. #right_bar_header {
  96.     float:right;
  97.     width:50%;
  98.     height:222px;
  99.     text-align:right;
  100.     }
  101.  
  102. #content{
  103.     width:100%;
  104.     background-color:#FFFFFF;
  105.     padding:0;
  106.     float:left;
  107.  
  108.     }
  109.     #content h1{
  110.         font-family:Helvetica, Arial,  sans-serif;
  111.         color:#535353;
  112.         font-size:20px;
  113.         font-weight:normal;
  114.         padding-left:15px;
  115.         border-left:3px solid #f73602;
  116.         }
  117.         
  118. #first_column {
  119.     width:27%;
  120.     float:left;
  121.     padding:0 20px 0 10px;
  122.     margin-right:1%;
  123.     margin-left:1%;
  124.     }
  125.  
  126. #second_column {
  127.     width:27%;
  128.     float:left;
  129.     padding:0 10px 0 10px;
  130.     margin-right:1%;
  131.     margin-left:1%;
  132.     }
  133.  
  134. #third_column {
  135.     width:27%;
  136.     float:left;
  137.     padding:0 10px 0 20px;    
  138.     margin-right:1%;
  139.     margin-left:1%;
  140.     }
  141.     
  142. .gallery{
  143.   width:95%;
  144.   background-color:#fff; 
  145.   padding: 10px; 
  146.   float:left;
  147.   text-align:center;
  148. }
  149. .gallery .picture {
  150.   float:left;
  151.   margin: 5px; 
  152.   width:156px; 
  153.   border:solid 1px #D1D1D1;
  154.   background-color:#f2f2f2; 
  155. }
  156.  
  157. .gallery .picture_2{
  158.   float: left; 
  159.   margin: 5px; 
  160.   width:156px; 
  161.   text-align:center; 
  162.   border:solid 1px #F73602;
  163.   background-color:#f2f2f2; 
  164. }
  165.  
  166. .gallery .picture .image {
  167.   width:150px; 
  168.   height:150px; 
  169.   margin:3px;
  170. }
  171.  
  172. .gallery .picture_2 .image {
  173.   width:150px; 
  174.   height:150px; 
  175.   margin:3px;
  176. }
  177. .gallery .footer {
  178.   text-align:center;
  179.   width: 156px; 
  180.   border-top:solid 1px #D1D1D1; 
  181.   color:#F73602; 
  182.   font-weight:normal; 
  183.   padding-top: 7px; 
  184.   padding-bottom:7px; 
  185.   margin-top: 10px;
  186. }
  187.  
  188.     
  189. #footer{
  190.     width:100%;
  191.     float:left;    
  192.     padding:30px 0 30px 0;
  193.     border-top:10px solid #F3F3F3;
  194.     }
  195.     #footer a {
  196.         color:#525252;
  197.         text-decoration:none;
  198.         }
  199.         #footer a:hover {
  200.             color:#f73602;
  201.             text-decoration:none;
  202.             }
  203.             #footer .left_footer{
  204.                 width:52%;
  205.                 padding-left:30px;
  206.                 margin-bottom:10px;
  207.                 }
  208.                 #footer .right_footer{
  209.                 width:42%;
  210.                 padding-left:30px;
  211.                 }