home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / LightBiz / images / style.css < prev    next >
Cascading Style Sheet File  |  2006-05-12  |  5KB  |  177 lines
  1. /* 
  2.  
  3. LightBiz Free Template
  4. By Herreman David 
  5. http://www.free-css-templates.com
  6.  
  7. */
  8.  
  9. body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#FFF; line-height: 1.4em; background : #3C4049;}
  10. .content { color: #505050; margin: 0 auto; padding: 0; width: 760px; background: #FAFAFA; }
  11.  
  12. /*LEFT SIDE */
  13. .lside {    background: #FFF; color: #000; width: 580px; float: left; }
  14. .lside .topmenu { background: #3A4354; color: #FFF; width: 580px; height: 15px; padding: 5px 0 5px 0px; font-size: 90%; }
  15. .lside .header { background: #546078 url(header.jpg) no-repeat; width: 580px; height: 145px; color: #FF8D00;}
  16. .lside .header .padding { padding: 30px 0 0 35px; color: #FFF;}
  17. .lside .header .citation { color : #EEE; font-size: 90%; padding: 70px 20px 15px 0; float: right; text-align: right; }
  18. .lside .main { background: #FFF; color: #505050; padding: 15px 20px 15px 20px; }
  19. .lside .infobox { background: #FFF url(info.jpg) no-repeat; color: #222; height: 160px;  }
  20. .lside .infobox .r_sd { width: 270px; float: right; padding: 10px 0px 5px 20px;}
  21. .lside .infobox .l_sd { padding: 10px 20px 5px 20px; }
  22. .lside .infobox a { color: #3A4354; }
  23.  
  24. /* RIGHT SIDE */
  25. .rside {    background: #000; color: #000; width: 180px; float: right; clear: both; }
  26. .rside .topmenu { background: #546078; height: 15px; color: #FFF; text-align: right; padding: 5px 5px 5px 0px;}
  27. .rside .loginbox { background: #E6E9EE; height: 145px; color: #000; margin: 0; padding: 0px;}
  28. .rside .loginbox .padding { padding: 0px 10px 0px 10px; line-height: 1.9em; margin: 0;} 
  29. .rside .topmain { background: #FF8D00; height: 15px; color: #FFF; padding: 5px;}
  30. .rside .menu { background: #FAFAFA; padding: 5px; color: #333; }
  31. .rside .menu h2 { color: #FF8D00; padding-left: 10px; }
  32. .rside .menu .ads { padding: 0 10px 0 10px; }
  33. .rside .menu .links { font-size: 90%; padding-left: 10px; }
  34. .rside .menu .links a { color: #546078; }
  35. .rside .search { padding-left: 10px; }
  36.  
  37. /* NAVIGATION */
  38. .nav { clear: both; text-align: left; color:     #7D8085; padding: 5px 0 0 0; }
  39. .nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; }
  40. .nav li a { color: #546078; text-decoration: none; }
  41. .nav li a:hover { color: #F29900; text-decoration: none; }
  42.  
  43. /* FOOTER */
  44. .footer { clear:both; width: 760px; padding-top: 3px; height: 25px; color:#FFF; font-size:90%; background: #546078; text-align:center; }
  45. .footer a { color: #eee; }
  46.  
  47. p {     margin: 0 0 5px 0;     padding: 0; color: #888; background: inherit; }
  48. hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
  49. a {     color: #888; background: inherit;  text-decoration:none; }
  50. a:hover {     background: inherit;    text-decoration: underline; }
  51. h1 { padding:0; margin:0; color: #FFF; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
  52. h1 a {color: #FFF; background: inherit;}
  53. h2 { background-color: inherit;     color:#FF8D00; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
  54. h2 a { color: #FF8D00; }
  55. h2 a:hover {     color: #EE8300; text-decoration: none;}
  56.  
  57. ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
  58. li { list-style-type: none;    color: #F29900;    margin: 0 0 0px 0;    padding: 0 0 0 0px; }
  59. li a { color: #546078;  }
  60. li a:hover { color: #F29900; }
  61.  
  62.  
  63.  
  64. fieldset {
  65.     border: 1px solid #eee;
  66. }
  67.  
  68. textarea.text { 
  69.     height: 150px; 
  70.     width: 90%; 
  71.     border: 1px solid #ccc; 
  72.     background: #fff; 
  73.     color: #000;
  74. }
  75.  
  76. textarea.text:hover { 
  77.     border: 1px solid #eee; 
  78.     background: #FFFFF4; 
  79.     color: #000;
  80. }
  81.  
  82. input.field { 
  83.     border: 1px solid #ccc; 
  84.     background-color: #3C3C3C; 
  85.     width: 100px; 
  86.     color: #000;
  87. }
  88.  
  89. input.field:hover { 
  90.     border: 1px solid #eee; 
  91.     background: #ccc; 
  92.     color: #000;
  93. }
  94.  
  95. input.text { 
  96.     margin: 0; 
  97.     width: 110px;
  98.     border: 1px solid #546078; 
  99.     background: #FFF;
  100.     color: #808080; 
  101. }
  102.  
  103. input.text:hover { 
  104.     border: 1px solid #3a4354; 
  105. }
  106.  
  107. input.searchbutton { 
  108.     margin: 0; 
  109.     font-size: 100%; 
  110.     font-family: Arial, Sans-serif; 
  111.     border: none; 
  112.     background: #FFFFFF; 
  113.     color: #808080; 
  114.     padding: 1px; 
  115.     font-weight: bold; 
  116. }
  117.  
  118. .date { 
  119.     color: #505050; 
  120.     background: #FFF;
  121.     text-align: right; 
  122.     margin: 4px 0 5px 0; 
  123.     padding: 0.4em 0 0 0; 
  124.     border-top: 1px solid #ddd;
  125. }
  126.  
  127. .date a { color: #546078; }
  128.  
  129.  
  130.  
  131. input.button { 
  132.     background: #FFFFF4; 
  133.     color: #808080;
  134.     border-right: 1px solid #ccc;
  135.     border-bottom: 1px solid #ccc;
  136. }
  137.  
  138. .comments { 
  139.     padding: 10px 10px 8px 10px; 
  140.     margin: 0 0 7px 0; 
  141.     background: #3f3f3f; 
  142.     color: #000;
  143. }
  144.  
  145. .commentsbox { 
  146.     padding: 8px 0 10px 10px; 
  147.     margin: 0 0 10px 0; 
  148.     background: #f4f4f4; 
  149.     color: #000;
  150. }
  151.  
  152. .error {
  153.     color: #990000;
  154.     background-color: #FFF0F0;
  155.     padding: 7px;
  156.     margin-top: 5px;
  157.     margin-bottom: 10px;
  158.     border: 1px dashed #990000;
  159. }
  160. .error h2 {
  161.     color: #990000;
  162.     background: inherit;
  163. }
  164.  
  165. .success {
  166.     color: #000000;
  167.     background: #FAFAFA;
  168.     padding: 7px;
  169.     margin-top: 5px;
  170.     margin-bottom: 5px;
  171.     border: 1px dashed #546078;
  172. }
  173. .success h2 {
  174.     color: #546078;
  175.     background: inherit;
  176. }
  177.