home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / Generic_Blog / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-01-05  |  3.1 KB  |  163 lines
  1. a, a:link, a:visited  {
  2. text-decoration: none;
  3. color:#000;
  4. }
  5. a:hover, a:active   {
  6. text-decoration: underline;
  7. color:#a28a71;
  8. }
  9.  
  10. h1 {
  11. font-size: 20px;
  12. padding: 20px 0 0 20px;
  13. }
  14. h2 {
  15. font-size: 13px;
  16. color: #000;
  17. padding-top: 5px;
  18. }
  19. h3 {
  20. font-size: 11px;
  21. color: #a28a71;
  22. padding-top: 10px;
  23. }
  24. p {
  25. font-size: 10px;
  26. color: #635631;
  27. }
  28. form {
  29. float: right;
  30. padding: 0 10px 0 0;
  31. }
  32. input {
  33. background: #000;
  34. color: #fff;
  35. border: inset 1px #000;
  36. }
  37. /**Everything above here is just formatting stuff, edit it if you want to change colors and whatnot...**/
  38. .searchbutton {
  39. width: 19px;
  40. height: 30px;
  41. border: none;
  42. vertical-align: middle;
  43. }
  44.  
  45. #header img,#content img,#footer img{display:block}
  46.  
  47. body {
  48. background: url(images/topbg.jpg) repeat-x #a28a71;
  49. color: #FFFFFF;
  50. font-family: Verdana, Arial, Helvetica, sans-serif;
  51. text-align:center; /* centre for ie5.+*/
  52. display: block;
  53. line-height: 1.5;
  54. }
  55. /* commented backslash hack \*/ 
  56. html, body{height:100%;} 
  57. /* end hack */
  58. html,body {margin:0;padding:0}
  59.  
  60. body h1 {
  61. text-align: left;
  62. }
  63. #wrapper {  /** Don't touch this**/
  64. width: 604px;
  65. margin-left: auto;
  66. margin-right: auto;
  67. }
  68. #header {
  69. background: url(images/header.jpg) no-repeat;
  70. height: 72px;
  71. position: relative;
  72. margin-top: 30px;
  73. }
  74. /*Menu Code Begin*/
  75.     
  76. #nav {  /**Don't change this either!**/
  77. position: absolute;
  78. left: 330px;
  79. bottom: -16px;
  80. list-style:none;
  81. }
  82.  
  83. #nav li{display:inline;}
  84.     
  85. #nav a{
  86. padding: 0 1px 0 1px;
  87. float:left;
  88. height:24px;
  89. width:70px;
  90. text-decoration:none;
  91. }
  92.       
  93. #nav a:hover { background-position: -70px 0; }  /**All this code controls how the menu reacts to rollovers**/
  94. #nav a.selected {background-position: -70px 0; }
  95. #nav a:active { background-position: 0 0; }
  96. #thome a  { background: url(images/home.jpg) top left no-repeat; }
  97. #tabout a { background: url(images/about.jpg) top left no-repeat; }
  98. #tcontact a { background: url(images/contact.jpg) top left no-repeat;   }
  99.  
  100. /*End Menu Code*/
  101.  
  102. #title, #content {
  103. border-left: #635631 2px solid;
  104. border-right: #635631 2px solid;
  105. }
  106. #title {
  107. background: url(images/titlebar.jpg) no-repeat;
  108. height: 30px;
  109. }
  110. #content{
  111. background: #e0f587;
  112. min-height:100%;
  113. height:auto;
  114. width:600px;
  115. margin-left:auto;/* center it*/
  116. margin-right:auto;/* center it*/
  117. position:relative;
  118. text-align:left;
  119. }
  120. * html #content{ /**Don't change this**/
  121. height:100%;
  122. width:600px;/* box model hack for ie5.+*/
  123. w\idth:600px
  124. }
  125.  
  126. #leftbar {
  127. width: 420px;
  128. padding-left: 20px;
  129. float: left;
  130. }
  131. #leftbar p {
  132. padding-top: 10px;
  133. padding-bottom: 5px;
  134. }
  135. #rightbar {
  136. width: 150px;
  137. float: right;
  138. }
  139. .toph2 {  /** This shouldn't have to be changed!**/
  140. padding-top: 35px;
  141. }
  142. #rightbar p:hover {
  143. color: #a28a71;
  144. text-decoration: underline;
  145. }
  146. #footer {
  147. background: url(images/footer.png) no-repeat;
  148. width:100%;
  149. position:relative;
  150. bottom:0;
  151. left:0;
  152. height:80px;
  153. padding-bottom: 30px;
  154. }
  155. #footer p {
  156. padding-top: 5px;
  157. color: #FFF;
  158. }
  159. #footer a {
  160. color: #e0f587;
  161. }
  162. #clearfooter{clear:both;height:80px;width:100%} /** Don't touch or the site will die**/
  163. div>p {margin:0}