home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / hotspring / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-03-26  |  3.8 KB  |  286 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     background: #662C14 url(images/img01.gif) repeat-x;
  14.     text-align: justify;
  15. }
  16.  
  17. body, input, textarea, select {
  18.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  19.     color: #666666;
  20. }
  21.  
  22. h1, h2, h3 {
  23.     margin-bottom: 1em;
  24.     font-weight: normal;
  25.     color: #333333;
  26. }
  27.  
  28. h1 {
  29.     font-size: 2.2em;
  30. }
  31.  
  32. h2 {
  33.     font-size: 1.7em;
  34. }
  35.  
  36. h3 {
  37.     font-size: 1.3em;
  38. }
  39.  
  40. p, blockquote, ul, ol, form {
  41.     margin-bottom: 1.5em;
  42. }
  43.  
  44. blockquote, ul, ol {
  45.     margin-left: 3em;
  46. }
  47.  
  48. blockquote {
  49.     margin-right: 3em;
  50.     font-style: italic;
  51. }
  52.  
  53. ul {
  54.     list-style-type: square;
  55. }
  56.  
  57. a {
  58.     color: #3366FF;
  59. }
  60.  
  61. a:hover {
  62.     text-decoration: none;
  63.     color: #FF6600;
  64. }
  65.  
  66. hr {
  67.     display: none;
  68. }
  69.  
  70. .hr {
  71. }
  72.  
  73. img.left {
  74.     float: left;
  75.     margin: 0 15px 15px 0;
  76. }
  77.  
  78. img.right {
  79.     float: right;
  80.     margin: 0 0 15px 15px;
  81. }
  82.  
  83. /* Wrapper */
  84.  
  85. #wrapper {
  86.     width: 750px;
  87.     margin: 0 auto;
  88.     background: url(images/img02.gif) no-repeat;
  89. }
  90.  
  91. /* Header */
  92.  
  93. #header {
  94.     width: 740px;
  95.     height: 190px;
  96.     padding: 5px;
  97.     background: url(images/img03.jpg) no-repeat 50% 5px;
  98. }
  99.  
  100. #header h1, #header h2 {
  101.     margin: 0;
  102.     text-transform: lowercase;
  103.     font-weight: bold;
  104. }
  105.  
  106. #header h1 {
  107.     padding: 100px 0 0 20px;
  108.     letter-spacing: -2px;
  109.     font-size: 3em;
  110. }
  111.  
  112. #header h2 {
  113.     margin-top: -5px;
  114.     padding: 0 0 0 22px;
  115.     font-size: 1em;
  116. }
  117.  
  118. #header a {
  119.     text-decoration: none;
  120.     color: #FFFFFF;
  121. }
  122.  
  123. /* Content */
  124.  
  125. #content {
  126.     background: #FFFFFF url(images/img04.gif) repeat-y;
  127. }
  128.  
  129. /* Blog */
  130.  
  131. #blog {
  132.     float: left;
  133.     width: 520px;
  134.     margin-top: -5px;
  135.     padding-left: 5px;
  136. }
  137.  
  138. /* Post */
  139.  
  140. .post {
  141. }
  142.  
  143. .post .title {
  144.     height: 40px;
  145.     margin: 0;
  146.     padding: 7px 0 0 15px;
  147.     background: url(images/img06.gif) repeat-x;
  148. }
  149.  
  150. .post .title a {
  151.     text-decoration: none;
  152.     color: #FFFFFF;
  153. }
  154.  
  155. .post .title a:hover {
  156.     text-decoration: underline;
  157. }
  158.  
  159. .post .date {
  160.     margin-top: -30px;
  161.     padding-right: 15px;
  162.     text-align: right;
  163.     font: bold x-small Arial, Helvetica, sans-serif;
  164.     color: #FFFFFF;
  165. }
  166.  
  167. .post .entry {
  168.     padding: 20px 15px 10px 15px;
  169.     background: url(images/img07.gif) repeat-x;
  170.     line-height: 1.8em;
  171. }
  172.  
  173. .post .meta {
  174.     margin-bottom: 2em;
  175.     padding: 0 15px;
  176.     text-align: right;
  177.     font-size: x-small;
  178. }
  179.  
  180. /* Sidebar */
  181.  
  182. #sidebar {
  183.     float: right;
  184.     width: 220px;
  185.     margin-top: -5px;
  186. }
  187.  
  188. #sidebar ul {
  189.     margin: 0;
  190.     list-style: none;
  191. }
  192.  
  193. #sidebar li {
  194. }
  195.  
  196. #sidebar li ul {
  197.     margin: 0 5px;
  198.     padding: 15px 15px 15px 30px;
  199.     background: url(images/img07.gif) repeat-x;
  200.     list-style-type: square;
  201. }
  202.  
  203. #sidebar li li {
  204. }
  205.  
  206. #sidebar h2 {
  207.     height: 29px;
  208.     margin: 0;
  209.     padding: 24px 5px 0 20px;
  210.     background: url(images/img08.gif) no-repeat;
  211.     text-transform: uppercase;
  212.     font-size: 1em;
  213.     font-weight: bold;
  214.     color: #FFFFFF;
  215. }
  216.  
  217. #sidebar a {
  218.     text-decoration: none;
  219. }
  220.  
  221. /* Search */
  222.  
  223. #search {
  224. }
  225.  
  226. #search h2 {
  227.     height: 27px;
  228.     padding-top: 13px;
  229.     background-position: left bottom;
  230. }
  231.  
  232. #search form {
  233.     margin-left: 5px;
  234.     margin-right: 5px;
  235.     padding: 15px 15px 0 15px;
  236.     background: url(images/img07.gif) repeat-x;
  237. }
  238.  
  239. #search #inputtext1 {
  240.     width: 110px;
  241.     padding: 1px 2px;
  242.     background: url(images/img5.gif) repeat-x;
  243.     border: 1px solid #C4C3C4;
  244. }
  245.  
  246. #search #inputsubmit1 {
  247.     background: url(images/img6.gif) repeat-x left bottom;
  248.     border: 1px solid #C4C3C4;
  249. }
  250.  
  251. /* Archives */
  252.  
  253. #archives {
  254. }
  255.  
  256. /* Categories */
  257.  
  258. #categories {
  259. }
  260.  
  261. /* Blogroll */
  262.  
  263. #blogroll {
  264. }
  265.  
  266. /* Meta */
  267.  
  268. #meta {
  269. }
  270.  
  271. /* Footer */
  272.  
  273. #footer {
  274.     background: url(images/img05.gif) no-repeat;
  275. }
  276.  
  277. #footer p {
  278.     margin: 0;
  279.     padding: 5px 10px;
  280.     font-size: x-small;
  281.     color: #FFFFFF;
  282. }
  283.  
  284. #footer a {
  285.     color: #FFFFFF;
  286. }