home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / BinaryNews / images / style.css < prev    next >
Cascading Style Sheet File  |  2006-04-18  |  5KB  |  226 lines
  1. /*
  2. By Herreman David
  3. http://www.free-css-templates.com
  4. StyleSheet for BinaryNews Template
  5. */
  6.  
  7. body {
  8.  background-color: #e7e7e7;
  9.  color: #FFF;
  10.  padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em;
  11. }
  12.  
  13. a { color: #46574D; background: inherit; }
  14. a:hover { color: #647B6D; background: inherit;}
  15.  
  16. h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
  17. h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
  18. h1 a { color: #46574D; background: inherit; }
  19. h1 a, h2 a { text-decoration: none; }
  20. h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
  21. h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #46574D; background: #FFF; }
  22. p {    margin: 0 0 0px 0; line-height: 1.5em; }
  23. form { margin: 0; }
  24.  
  25. input.search { width: 122px; height: 15px; border: 1px dashed #46574D; background: #FFF url(input.jpg) no-repeat; padding: 3px; color: #616161; }
  26. input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }
  27.  
  28.  
  29.  
  30. .content { 
  31.     background: #FFF; 
  32.     margin: 0 auto;
  33.     padding: 0px;
  34.     width: 886px;
  35.     color: #000;
  36. }
  37.  
  38. .preheader {
  39.     background: #000 url(preheader.jpg) no-repeat center bottom;
  40.     color: #FFF;
  41.     width: 886px;
  42.     height: 71px;
  43.     margin: 0;
  44.     padding: 0;
  45. }
  46.  
  47.     .preheader a { color: #FFF; background: inherit; text-decoration:none; }
  48.     .preheader a:hover { color: #FFF; background: inherit;}
  49.  
  50. .preheader .padding {
  51.     
  52.     float: right;
  53.     padding: 52px 70px 0 0;
  54.     color: #FFF;
  55. }
  56.  
  57. .header {
  58.     background: #000 url(header.jpg) no-repeat center bottom;
  59.     color: #FFF;
  60.     width: 886px;
  61.     height: 78px;
  62.     margin: 0;
  63.     padding: 0;
  64. }
  65.  
  66. .header .title {
  67.     float: left;
  68.     padding: 12px 0 0 84px;
  69.     color: #FFF;
  70.     font: bold 1.8em Arial, sans-serif;
  71. }
  72.  
  73. .header .slogan {
  74.     float: left;
  75.     clear: both;
  76.     padding: 2px 0 0 84px;
  77.     color: #FFF;
  78.     font: bold 0.8em Arial, sans-serif;
  79. }
  80.  
  81. #nav {
  82.     background: #000 url(menu.jpg) no-repeat center bottom;
  83.     background-color: #000;
  84.     width: 886px;
  85.     height: 28px;
  86.     margin: 0;
  87.     padding: 0;
  88. }
  89.  
  90. #nav ul { margin:0; list-style:none; padding: 0px 0 0 76px; }
  91. #nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px 10px 5px 10px; background: #9e9e9e; text-decoration:none; font-weight: bold; }
  92. #nav a { float:none; }
  93. #nav li { float:left; color: #FFF; background: #9e9e9e; margin:0; padding:0 0 0 0px; }
  94. #nav #current { float:left; background: #aeaeae; color: #FFF; }
  95. #nav #current a { float:left; background: #aeaeae; padding:5px 10px 5px 10px; color:#FFF; }
  96. #nav a:hover { float:left; color:#FFF; background: #aeaeae; }  
  97. #nav .padding { padding: 5px 0 0 10px; font-weight: bold; }
  98.  
  99.  
  100. .main_content {
  101.     background: #FFF url(bg.jpg) repeat-y center bottom;
  102.     background-color: #FFF;
  103.     margin: 0 auto;
  104.     padding: 0px;
  105.     width: 886px;
  106. }
  107.  
  108.  
  109. .sd_left {
  110.  
  111.     background-color: #FFF;
  112.     color: #000;
  113.     margin: 0 0 0px 80px;
  114.     padding: 0px 20px 0px 5px;
  115.     width: 500px;
  116.     
  117. }    
  118.  
  119. .sd_right {
  120.     clear:both;
  121.     background-color: #FFF;
  122.     float: right;
  123.     color: #000;
  124.     margin: 0 90px 0 0;
  125.     padding: 0px 0px 0 15px;
  126.     width: 170px;
  127.     border-left: 1px dashed #ccc;
  128. }    
  129.  
  130. /* For IE... */
  131. * html .sd_right {
  132.     clear:both;
  133.     background-color: #FFF;
  134.     float: right;
  135.     color: #000;
  136.     margin: 0 40px 0 0;
  137.     padding: 0px 0px 0 15px;
  138.     width: 170px;
  139.     border-left: 1px dashed #ccc;
  140. }    
  141.  
  142.  
  143. .text_padding {
  144.     padding: 15px 0 0 0;
  145. }
  146.  
  147. .main_content h2 {
  148.     background-color: #FFF;
  149.     padding: 5px 0 5px 0;
  150.     color: #46574D;
  151.     font: bold 1.6em Arial, sans-serif;
  152. }
  153.  
  154.  
  155. .date { 
  156.     color: #46574D; 
  157.     background: #FFFFFF;
  158.     text-align: right; 
  159.     margin: 10px 0 5px 0; 
  160.     padding: 0.4em 0 0 0; 
  161.     border-top: 1px solid #eee;
  162. }
  163.  
  164. input.button { 
  165.     background: #FFFFF4; 
  166.     color: #808080;
  167.     border-right: 1px solid #ccc;
  168.     border-bottom: 1px solid #ccc;
  169. }
  170.  
  171. .comments { 
  172.     padding: 10px 10px 8px 10px; 
  173.     margin: 0 0 7px 0; 
  174.     background: #f8f8f8; 
  175.     color: #000;
  176. }
  177.  
  178. .commentsbox { 
  179.     padding: 8px 0 10px 10px; 
  180.     margin: 0 0 10px 0; 
  181.     background: #f4f4f4; 
  182.     color: #000;
  183. }
  184.  
  185. .error {
  186.     color: #990000;
  187.     background-color: #FFF0F0;
  188.     padding: 7px;
  189.     margin-top: 5px;
  190.     margin-bottom: 10px;
  191.     border: 1px dashed #990000;
  192. }
  193. .error h2 {
  194.     color: #990000;
  195.     background: inherit;
  196. }
  197.  
  198. .success {
  199.     color: #000000;
  200.     background: #F5FBE1;
  201.     padding: 7px;
  202.     margin-top: 5px;
  203.     margin-bottom: 5px;
  204.     border: 1px dashed #7BA813;
  205. }
  206. .success h2 {
  207.     color: #7BA813;
  208.     background: inherit;
  209. }
  210.  
  211. .footer { 
  212.     background: #000 url(footer.jpg) center no-repeat;
  213.     width: 886px;
  214.     height: 78px;
  215.     color:#555;  
  216.     font-size:90%;
  217.     text-align:center; 
  218.     clear:both;
  219. }
  220.  
  221.         .footer .padding {
  222.             padding: 40px 0 0 0;
  223.                 
  224.         }
  225.  
  226.