home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / aboutfruts / images / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-12-29  |  4.3 KB  |  265 lines
  1. /* project: internet services template
  2.    author: luka cvrk (www.solucija.com) */
  3.  
  4.    
  5. /* default styles
  6.    -------------- */
  7.    
  8. body { 
  9.     padding: 0; 
  10.     margin: 0; 
  11.     font: 0.7em Tahoma, sans-serif; 
  12.     line-height: 1.5em;
  13.     background: #fff; 
  14.     color: #454545; 
  15. }
  16.  
  17. a {    color: #E0691A;    background: inherit;}
  18. a:hover { color: #6C757A; background: inherit; }
  19.  
  20. h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
  21. .dark  {
  22.     color: #967A5A;
  23.     background: inherit;
  24.     font-weight: bold;
  25.     font-size: 30px;
  26. }
  27. h1 a, h2 a { text-decoration: none; }
  28. h1 a:hover, h2 a:hover {
  29.     color: #FF6600;
  30.     background: inherit;
  31. }
  32. h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
  33. h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
  34.  
  35. p {    margin: 0 0 5px 0; }
  36.  
  37. ul { margin: 0; padding : 0; list-style : none; }
  38.  
  39. form {     margin: 0; }
  40.  
  41. input.search { 
  42.     width: 292px; 
  43.     border: 0;
  44.     background: #FFF url(input.gif) no-repeat;
  45.     padding: 4px; 
  46.     color: #E0691A;
  47.     font-weight: bold;
  48. }
  49.  
  50. input.submit {
  51.     background: #E0691A url(submit.gif) no-repeat;
  52.     border: 0;
  53.     padding: 4px 0;
  54.     width: 65px;
  55.     margin: 0 15px 1px 0;
  56.     color: #FFF;
  57.     font: bold 1em Arial, Sans-Serif;
  58. }
  59.  
  60. input.login { 
  61.     width: 150px;
  62.     border: none; 
  63.     
  64.     padding: 4px; 
  65. }
  66.  
  67. /* layout
  68.    ------ */
  69.  
  70. .content { 
  71.     margin: 0 auto;
  72.     width: 780px;
  73.     padding: 10px; 
  74. }
  75.  
  76. .header { 
  77.     height: 55px;
  78.     background: #eee;
  79.     color: #808080;
  80.     margin: 3px 0;
  81.     padding: 10px 0 0 0;
  82.     border-bottom: 1px solid #ccc;
  83. }
  84.  
  85. .top_info {
  86.     float: right;
  87.     width: 555px;
  88.     padding: 5px 0 4px 0;
  89.     border-bottom: 1px solid #eee;
  90.     background: #eee;
  91.     color: #808080;
  92. }
  93.  
  94.     .top_info_left {
  95.         width: 200px;
  96.         float: left;
  97.     }
  98.  
  99.     .top_info_right {
  100.         float: right;
  101.         width: 290px;
  102.         padding: 0 0 0 35px;
  103.         border-left: 1px solid #eee;
  104.     }
  105.  
  106. .browse_category  {
  107.     font-size: 0.9em;
  108.     width: 190px;
  109.     color: #FFF;
  110.     background: inherit;
  111. }
  112.  
  113. .bar { 
  114.     clear: both;
  115.     font-size: 1.1em;
  116.     height: 30px; 
  117.     color: #FFF; 
  118.     background: #5A8096;
  119. }
  120.  
  121.     .bar li { 
  122.         margin: 0; 
  123.         padding: 7px 12px 5px 12px;
  124.         color: #FFEADC;
  125.         background: #5A8096;
  126.         float: left; 
  127.     }
  128.     
  129.     .bar li.active { 
  130.         background: #87C0E2 no-repeat center top; 
  131.         color: 5A8096;
  132.         font-weight: bold; 
  133.         padding: 7px 10px 6px 10px;
  134.     }
  135.     
  136.     .bar li a { 
  137.         font-weight: bold;
  138.         color: #FFF; 
  139.         background: inherit;
  140.         text-decoration: none;
  141.     } 
  142.     
  143.     .bar li a:hover {
  144.     color: #E3C888;
  145.  
  146.  
  147.  
  148.  
  149.     } 
  150.  
  151. .search_field { 
  152.     background: no-repeat right; 
  153.     color: #333333;
  154.     clear: both;
  155.     font-weight: bold;
  156.     padding: 7px 25px 10px 10px;
  157.     margin: 5px 0;
  158. }
  159.  
  160. .grey {
  161.     color: #FF9933;
  162.     background: inherit;
  163.     font-weight: normal;
  164. }
  165.  
  166. .search_form { float: right; }
  167.  
  168. .subheader {
  169.     margin: 0px 0 10px 0;
  170.     border-bottom: 1px solid #eee;
  171.     padding: 5px 0 5px 0;
  172.     background: #A4A4A4;
  173.     color: #fff;
  174. }
  175.  
  176. /* left side
  177.    --------- */
  178.  
  179. .left {
  180.     float: left;
  181.     width: 65%;
  182.     margin: 0 0 10px 0;
  183. }
  184.  
  185. .left h3 {
  186.     clear: both;
  187.     background: #E3A554 url(corner.gif) no-repeat right top;
  188.     color: #FFF;
  189.     padding: 7px 0 7px 5px;
  190.     font: bold 1em Tahoma, Arial, Sans-Serif;
  191.     margin: 0 0 0px 0;
  192. }
  193.     .left_side {
  194.     float: left;
  195.     width: 180px;
  196.     margin: 10px 0;
  197.     padding-top: 0;
  198.     padding-right: 0;
  199.     padding-bottom: 0;
  200.  
  201.     }
  202.         
  203.     .left_side a, .right_side a { color: #414141; background: #FFF; }
  204.         
  205.     .right_side {
  206.     float: none;
  207.     background: #FFFFFF;
  208.     color: #414141;
  209.     font-size: 14px;
  210.     font-style: normal;
  211.     margin-left: 10px;
  212.     margin-bottom: 10px;
  213.     padding-left: 10px;
  214.  
  215.  
  216.  
  217.  
  218.     }
  219.         
  220.     .left_box { margin: 0 0 0px; color: #000; background: #FFF; padding: 2px 0 3px; }
  221.     
  222.         
  223. /* right side
  224.    ---------- */
  225.         
  226. .right {
  227.     float: right;
  228.     width: 34.6%;
  229.     margin: 0 0 10px 0;
  230. }
  231.  
  232. .right h3 {
  233.     background: #967A5A url(corner.gif) no-repeat right top;;
  234.     color: #FFF;
  235.     padding: 7px 0 7px 5px;
  236.     font: bold 1em Tahoma, Arial, Sans-Serif;
  237.     margin: 0 0 3px 0;
  238. }
  239.  
  240.     .right_articles {
  241.         background: #f5f5f5;
  242.         color: #414141;
  243.         padding: 8px;    
  244.         margin: 0 0 3px;
  245.     }
  246.     
  247. .image {
  248.     float: left;
  249.     margin: 0 9px 3px 0;
  250. }
  251.  
  252. /* footer
  253.    ------ */
  254.  
  255. .footer { 
  256.     clear: both;
  257.     text-align: center;
  258.     padding: 2px 0 1px;
  259.     margin: 0;
  260.     border-top: 1px solid #ccc;
  261.     line-height: 1.8em;
  262. }
  263.  
  264. .footer a { color: #FF6633; background: #fff; }
  265.