home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / mike03 / mike03.css < prev    next >
Cascading Style Sheet File  |  2007-01-05  |  3KB  |  193 lines
  1. /************* Global *************/
  2. html,body {height:100%}
  3.  
  4. * {
  5. margin: 0;
  6. padding: 0;
  7. }
  8.  
  9. body, input{
  10. font-family: "Trebuchet MS", Verdana, sans-serif;
  11. text-align: left;
  12. }
  13.  
  14. a {
  15. text-decoration: none;
  16. color: #a99190;
  17. }
  18.  
  19. blockquote {
  20. background: #f7f7f7;
  21. padding: 15px;
  22. margin: 5px 0;
  23. }
  24.  
  25. /************* Container *************/
  26. #container {
  27. height: auto !important;
  28. min-height: 100%;
  29. padding-bottom: 15px;
  30. position: relative;
  31. background: #a99190 url(containerBg.gif) bottom left repeat-x fixed;
  32. }
  33.  
  34. * html #container {
  35.     height: 100%;
  36. }
  37.  
  38. /************* Header *************/
  39. #headerWrap {
  40. height: 59px;
  41. background: url(headerBg.gif);
  42. }
  43.  
  44. #header {
  45. width: 740px;
  46. margin: 0 auto;
  47. }
  48.  
  49. #header h1 a {
  50. font-size: 30px;
  51. letter-spacing: -1px;
  52. padding-top: 5px;
  53. float: left;
  54. color: #a99190;
  55. }
  56.  
  57. ul#navigation li {
  58. list-style-type: none;
  59. float: right;
  60. }
  61.  
  62. ul#navigation li a {
  63. padding: 15px 7px 12px;
  64. display: block;
  65. font-size: 17px;
  66. color: #fff;
  67. }
  68.  
  69. ul#navigation li a:hover, #footer a:hover {
  70. background: #806e6d;
  71. }
  72.  
  73. /************* Content *************/
  74. #content {
  75. width: 740px;
  76. margin: 7px auto 0;
  77. background: #fff;
  78. border: 1px solid #fff;
  79. position: relative;
  80. }
  81.  
  82. #content:after {
  83. content: "."; 
  84. display: block; 
  85. clear: both; 
  86. height: 0;
  87. visibility: hidden
  88. }    
  89.  
  90. #content a:hover {
  91. background: #a99190;
  92. color: #fff;
  93. }
  94.  
  95. /* 
  96. Header with picture and site description.
  97. It uses a hack for vertical-align because IE doesn't work properly with tables
  98. */
  99. #contentHeader {
  100. margin: 15px auto;
  101. width: 710px;
  102. height: 182px;
  103. background: url(header.gif) no-repeat;
  104. border: 1px solid #44434c;
  105. position: relative;
  106. }
  107.  
  108. #contentHeader[id] {
  109. display: table;
  110. position: static;
  111. }
  112.  
  113. #siteDescription {
  114. position: absolute;
  115. top: 50%;
  116. padding-left: 250px;
  117. color: #44434c;
  118. }
  119.  
  120. #siteDescription[id] {
  121. display: table-cell;
  122. vertical-align: middle;
  123. position: static;
  124. }
  125.  
  126. #siteDescription p {
  127. position: relative;
  128. top: -50%;
  129. }
  130.  
  131. #content h2 {
  132. margin: 15px 0;
  133. border-bottom: 1px solid #9b6e89;
  134. }
  135.  
  136. #content ul {
  137. padding: 10px 15px 10px 20px;
  138. list-style-image: url(arrow.gif);
  139. }
  140.  
  141. /************* Main *************/
  142.  
  143. #main {
  144. margin: 0 20px;
  145. width: 430px;
  146. float: right;
  147. }
  148.  
  149. .post {
  150. text-align: justify;
  151. }
  152.  
  153. /************* Secondary *************/
  154.  
  155. #secondary {
  156. width: 220px;
  157. margin-left: 20px;
  158. float: left;
  159. }
  160.  
  161. /************* Search *************/
  162. #searchform input {
  163. background: #f7f7f7;
  164. font-size: 0.9em;
  165. }
  166.  
  167. #searchsubmit {
  168. margin-top: 5px;
  169. padding: 0 10px;
  170. text-align: center;
  171. }
  172.  
  173. #searchform fieldset {
  174. border: 0;
  175. }
  176.  
  177. /************* Footer *************/
  178. #footer {
  179. position: relative;    
  180. clear: both;
  181. margin: 0 auto;
  182. background: #45444d;
  183. width: 740px;
  184. color: #fff;
  185. border: 1px solid #fff;
  186. clear: both;
  187. text-align: center;
  188. }
  189.  
  190. #footer a {
  191. color: #fff;
  192. font-weight: bold;
  193. }