home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / missunderstood / style.css < prev    next >
Cascading Style Sheet File  |  2007-06-28  |  3KB  |  169 lines
  1. /*  
  2. Name: missunderstood template
  3. Author: www.Garcya.us
  4. Date: 28/June/2007
  5. */
  6.  
  7. /***Misc Tags***/
  8.  
  9. * {
  10.  margin: 0px;
  11.  padding: 0px;
  12. }
  13.  
  14. body {
  15.  background: #222 url(headergrunge.jpg) repeat-x;
  16.  font-family: Verdana, Arial, sans-serif;
  17.  font-size: 16px;
  18.  color: #fff;}
  19.  
  20. a img{ border: 0px; }
  21.  
  22. a { text-decoration: none;}
  23.  
  24. input {
  25.  background: #333;
  26.  font-family: Verdana;
  27.  font-size: 0.7em;
  28.  padding: 3px;
  29.  color: #f4f4f4;
  30.  border: 2px solid #555;}
  31.     
  32. button {
  33.  background: #222;
  34.  font-family: Verdana;
  35.  font-size: 0.7em;
  36.  padding: 2px;
  37.  color: #f4f4f4;
  38.  border: 2px solid #444;
  39.  height: 2em;} 
  40.  
  41.  
  42. /**** Span class's *****/
  43.  
  44. .hidden { text-indent: -9000px;}
  45. .br { clear: both;}
  46. .pink { color: #D01A71;}
  47. .small { font-size: x-small;}
  48. .large { font-size: xx-large;}
  49. .right { float: right;}
  50. .left { float: left;}
  51. .center { margin: 0 auto; text-align: center;}
  52.  
  53.  
  54. /**** Site Container ****/
  55.  
  56. #container { width: 700px;}
  57.  
  58.  
  59.  
  60. /***Header***/
  61.  
  62.  
  63. #logo { float: left;}
  64.  
  65. #logo h1 { 
  66.  margin-top: 30px;
  67.  margin-left: 10px;
  68.  font-size: 1.6em;
  69.  letter-spacing: -0.1em;}
  70.  
  71. #search {
  72.  margin-top: 30px;
  73.  float: right;}
  74.  
  75. #search button { margin-left: 5px; padding: 0 2px 2px 2px;}
  76.  
  77. /***left Side Bar***/
  78.  
  79. #navlist { float: left; width: 170px; margin-top: 30px; margin-left: 5px;}
  80.  
  81.  
  82. #navlist ul {
  83.  list-style: none;
  84. }
  85.  
  86. #navlist li a{
  87.  display: block;
  88.  height: 25px;
  89.   width: 100px; 
  90.  padding: 9px;
  91.  margin: 5px;
  92.  background: inherit;
  93.  border-right: 4px solid #444;
  94.  color: #999;
  95.  text-transform: lowercase;
  96.  font-size: 0.9em;}
  97.  
  98. #navlist li a:hover {
  99.  color: #f4f4f4;
  100.  background: #333;
  101.  border-right: 4px solid #D01A71;}
  102.  
  103. #navlist li .active {
  104.  color: #999;
  105.  background: #333;
  106.  border-right: 4px solid #444;}
  107.  
  108.  
  109. /***Content***/
  110.  
  111. #content { float: right; width: 510px; margin-top: 30px; margin-left: 2px; }
  112.  
  113. #content a { color:#D01A71; font-weight: bold;}
  114.  
  115. #content a:hover { 
  116.  color: #fff; 
  117.  background: #D01A71; 
  118.  font-weight: bold;}
  119.  
  120. #content p {line-height: 1.4em; font-size: 0.7em; margin-bottom: 20px; color: #f4f4f4;}
  121.  
  122.  
  123. #content h3 {
  124. text-indent: 20px;
  125. color: #999;
  126. letter-spacing: -0.1em;
  127. margin-bottom: 4px;
  128. }
  129.  
  130. #content h3:hover { color: #fff;}
  131.  
  132.     #content .code{
  133.       color: #444;
  134.       background: #F4f4f4 url(codenums.png) repeat-y;
  135.       border: 1px solid #ccc;
  136.       padding: 1px;
  137.       padding-left: 25px;
  138.       font-family: "courier new", helvetica, "times new roman", monospace;
  139.       font-size: 0.8em;
  140.       width: 470px;
  141.       margin: 2px auto;
  142.       white-space: nowrap;
  143.       overflow: auto;}
  144.       
  145.     #content  code {
  146.       color: #fff;
  147.       font-family: "courier new", helvetica, "times new roman", monospace;
  148.       background-color: #333;
  149.       font-size: 1.2em;}
  150.  
  151. #content blockquote { color: #999; font-style: italic; text-align: center; width: 300px; margin: 10px auto;}
  152.  
  153. /***Footer***/
  154.  
  155. #footer {
  156.  text-align: center;
  157.  color: #666;
  158.  margin-top: 30px;
  159.  font-size: 0.7em;
  160.  }
  161.  
  162. #footer p { color: #666;}
  163.  
  164. #footer a { color: #666;}
  165.  
  166. #footer a:hover { color: #f4f4f4;}
  167.     
  168.  
  169.