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