home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / blue_sky / css / style.css
Encoding:
Cascading Style Sheet File  |  2008-01-05  |  6.1 KB  |  352 lines
  1. body {
  2.     margin:0;
  3.     padding:0;
  4.     background: url(../images/bckg.jpg) repeat-x #5dcaf1;
  5.     }
  6. a {
  7.     color:#FFFFFF;
  8.     }
  9.  
  10. p a {
  11.     color:#e6ff14;
  12.     }
  13.     p a:hover {
  14.         text-decoration:none;
  15.         color:#e6ff14;
  16.         }
  17.         
  18. h1 {
  19.     font-size:24px;
  20.     color:#FFF;
  21.     padding:0;
  22.     font-weight:normal;
  23.     }
  24.  
  25. p {
  26.     padding:0;
  27.     margin:0;
  28.     }
  29.  
  30. input {
  31.     border:1px solid #1698e3;
  32.     width:180px;
  33.     font-size:12px;
  34.     font-family:"Trebuchet MS", Arial;
  35.     color:#0a71cb;
  36.     }
  37.  
  38. .b{
  39.     color:#1a6290;
  40.     }    
  41.  
  42. /*main div which containes all content structure*/    
  43. #container {
  44.     position:absolute;
  45.     width:980px;
  46.     left:50%;
  47.     margin:0px 0px 0px -490px;
  48.     padding:0;
  49.     font-family:"Trebuchet MS", Arial;
  50.     font-size:12px;
  51.     color:#FFFFFF;
  52.     }
  53. /*little top bar with home and contact us links*/
  54. #head_navbar {
  55.     height:25px;
  56.     margin:0;
  57.     padding:5px 30px 0 0;
  58.     text-align:right;
  59.     }
  60.     #head_navbar ul {
  61.         margin:0;
  62.         padding:0;
  63.         }
  64.         #head_navbar ul li{
  65.             display:inline;
  66.             color:#C1D8EF;
  67.             }
  68.             #head_navbar ul li a{
  69.                 color:#C1D8EF;
  70.                 text-decoration:none;
  71.                 }
  72.             #head_navbar ul li a:hover{
  73.                 color:#C1D8EF;
  74.                 text-decoration:underline;
  75.                 }
  76. /*head and company name*/
  77. #company_name {
  78.     font-size:24px;
  79.     font-weight:normal;
  80.     padding:40px 0 0 30px;
  81.     height:75px;
  82.     background: url(../images/company_name_bckg.jpg);
  83.     }
  84.     #company_name a{
  85.         text-decoration:none;
  86.         }
  87.     #company_name .y {
  88.         color:#e6ff14;
  89.         }
  90. /*all page structure without header including footer*/        
  91. #content_container{
  92.     float:left;
  93.     width:100%;
  94.     }
  95. /*div created for correct grouping content columns without footer. to separate them*/    
  96. #main {
  97.     width:600px;
  98.     float:left;
  99.     padding:0 20px 0 20px;
  100.     }
  101. /*main menu*/
  102. #menu {
  103.     margin:10px 10px 10px 0px;
  104.     }
  105. #menu a{
  106.     padding:10px 10px 0 10px;
  107.     text-decoration:none;
  108.     }
  109.     #menu a:hover{
  110.         text-decoration:none;
  111.         color: #e6ff14;
  112.         border-bottom:2px solid #e6ff14;
  113.         }
  114. /*first post styles*/
  115. #first_post {
  116.     padding:0 0 20px 0;
  117.     border-bottom:1px dashed #6bf1fb;
  118.     }    
  119.     #first_post h1{
  120.         padding-top:30px;
  121.         }
  122.         #first_post p{
  123.             padding:0;
  124.             
  125.             }    
  126.             #first_post .b{
  127.                 color:#1a6290;
  128.                 }        
  129. /*first column under first post. left column*/
  130. #first_column {
  131.     width:290px;
  132.     float:left;
  133.     margin-right:20px;
  134.     padding-top:10px;
  135.     }    
  136.     #first_column p{
  137.         padding:0 0 20px 0;
  138.             }    
  139.         #first_column .b{
  140.             color:#1a6290;
  141.             }    
  142. /*second column under first post. right column*/                        
  143. #second_column {
  144.     width:290px;
  145.     float:left;
  146.     padding-top:10px;
  147.     }        
  148.     #second_column p{
  149.         padding:0 0 20px 0;
  150.         }    
  151.         #second_column .b{
  152.             color:#1a6290;
  153.             }    
  154. /*read more style*/
  155.  a.read_more{
  156.     display:block;
  157.     width:40px;
  158.     height:15px;
  159.     font-size:11px;
  160.     text-align:center;
  161.     padding:0 10px 0 10px;
  162.     margin-top:10px;
  163.     background-color:#28a4e5;
  164.     border:1px solid #77e1f8;
  165.     text-decoration:none;
  166.     color:#FFFFFF;
  167.     }
  168.      a.read_more:hover{
  169.         display:block;
  170.         width:40px;
  171.         height:15px;
  172.         font-size:11px;
  173.         text-align:center;
  174.         padding:0 10px 0 10px;
  175.         background-color:#1497F1;
  176.         border:1px solid #77e1f8;
  177.         text-decoration:none;
  178.         color:#FFFFFF;
  179.         }
  180. /*search div*/
  181. #search {
  182.     margin:20px 10px 0px 0px;
  183.     padding-bottom:25px;
  184.     }
  185. #search a{
  186.     padding:10px 10px 0 17px;
  187.     text-decoration:none;
  188.     background:url(../images/search_str.gif) no-repeat;
  189.     background-position:0 12px;
  190.     font-weight:bold;
  191.     }
  192.     #search a:hover{
  193.         text-decoration:none;
  194.         color: #e6ff14;
  195.         }
  196.  
  197. /*categories styles*/
  198. #categories {
  199.     padding:0 0 20px 0;
  200.     }    
  201.     #categories h1{
  202.         padding-top:0px;
  203.         }
  204.  
  205. #items {
  206.     float:left;
  207.     margin-bottom:30px;
  208.     }
  209. .item {
  210.         display:block;
  211.         width:310px;
  212.         height:18px;
  213.         background-color:#5DC7FF;
  214.         padding:5px 0 5px 10px;
  215.         border-left:5px solid #68eaff;
  216.         border-bottom:1px solid #36bbee;
  217.         }
  218.         .item a{
  219.             text-decoration:none;
  220.             }
  221.             .item a:hover{
  222.                 text-decoration:none;
  223.                 }
  224.         .item_over{
  225.             display:block;
  226.             width:310px;
  227.             height:18px;
  228.             background-color:#25a1e5;
  229.             padding:5px 0 5px 10px;
  230.             border-left:5px solid #29dcf5;
  231.             border-bottom:1px solid #36bbee;
  232.             }
  233.                 .item span.y{
  234.                     display:block;
  235.                     width:170px;
  236.                     font-weight:bold;
  237.                     color: #fff;
  238.                     font-size:12px;
  239.                     float:left;
  240.                     }
  241.                     .item span.b{
  242.                         width:120px;
  243.                         font-weight:normal;
  244.                         color:#1a6290;
  245.                         font-size:10px;
  246.                         line-height:0.9;
  247.                         }
  248.                 .item_over span.y{
  249.                     display:block;
  250.                     width:170px;
  251.                     font-weight:bold;
  252.                     color: #e6ff14;
  253.                     font-size:12px;
  254.                     float:left;
  255.                     cursor:pointer;
  256.                     }
  257.                     .item_over a{
  258.                         text-decoration:none;
  259.                         }
  260.                     .item_over a:hover{
  261.                         text-decoration:none;
  262.                         }
  263.                         .item_over span.b{
  264.                         width:120px;
  265.                         font-weight:normal;
  266.                         color:#1a6290;
  267.                         font-size:10px;
  268.                         line-height:0.9;
  269.                         }
  270. /*links*/
  271. #links {
  272.     float:left;
  273.     width:155px;
  274.     }
  275.     #links ul {
  276.         margin-top:0;
  277.         padding-left:17px;
  278.         margin-left:0;
  279.         }
  280.         #links ul li {
  281.             list-style-image:url(../images/links_str.gif);
  282.             }
  283.             #links ul li a{
  284.                 text-decoration:underline;
  285.                 }
  286.                 #links ul li a:hover{
  287.                 text-decoration:none;
  288.                 }
  289.  
  290. #links_2 {
  291.     float:left;
  292.     width:155px;
  293.     }
  294.     #links_2 ul {
  295.         margin-top:0;
  296.         padding-left:17px;
  297.         margin-left:0;
  298.         }
  299.         #links_2 ul li {
  300.             list-style-image:url(../images/links_str.gif);
  301.             }
  302.             #links_2 ul li a{
  303.                 text-decoration:underline;
  304.                 }
  305.                 #links_2 ul li a:hover{
  306.                 text-decoration:none;
  307.                 }
  308.                         
  309. /*right bar of content part*/                            
  310. #right {
  311.     width:310px;
  312.     float:left;
  313.     clear:right;
  314.     }
  315. /*footer*/
  316. #footer {
  317.     float:left;
  318.     background:url(../images/footer_bckg.jpg) repeat-x;
  319.     height:45px;
  320.     width:960px;
  321.     padding-top:30px;
  322.     padding-left:20px;
  323.         }
  324.         #footer a{
  325.             text-decoration:none;
  326.             color:#1a6290;
  327.             }
  328.             #footer a:hover{
  329.                 text-decoration:underline;
  330.                 }
  331. /*footer parts. left and right*/
  332. #footer_left {
  333.     width:48%;
  334.     float:left;
  335.     color:#1a6290;
  336.     padding-left:10px;
  337.     }
  338.     
  339. #footer_right {
  340.     width:48%;
  341.     float:left;
  342.     text-align:right;
  343.     }
  344.     #footer_right a {
  345.         color:#e6ff14;
  346.         text-decoration:underline;
  347.         }
  348.         #footer_right a:hover {
  349.             color:#e6ff14;
  350.             text-decoration:none;
  351.             }                
  352.