home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / stickynotes / default.css next >
Cascading Style Sheet File  |  2007-02-09  |  3KB  |  223 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. body {
  8.     margin: 20px;
  9.     padding: 0;
  10.     background: #D4D4D4 url(images/img1.gif);
  11.     font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
  12.     color: #704B3A;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6, form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. a {
  21.     background: url(images/img10.gif) repeat-x left bottom;
  22.     text-decoration: none;
  23.     color: #6157E4;
  24. }
  25.  
  26. a:hover {
  27.     background-image: none;
  28. }
  29.  
  30. .content ul {
  31.     margin-top: 0;
  32. }
  33.  
  34. /* Teal Notes */
  35.  
  36. .tealnotes {
  37. }
  38.  
  39. /* Yellow Notes */
  40.  
  41. .yellownotes {
  42.     margin-bottom: 20px;
  43.     background: #FFF846 url(images/img2.gif) no-repeat left bottom;
  44. }
  45.  
  46. .yellownotes .heading {
  47.     height: 50px;
  48.     padding: 10px;
  49.     background: url(images/img3.gif) repeat-x left center;
  50. }
  51.  
  52. .yellownotes .content {
  53.     padding: 0 20px 60px 20px;
  54. }
  55.  
  56. /* Orange Notes */
  57.  
  58. .orangenotes {
  59.     margin-bottom: 20px;
  60.     background: #FF8C46 url(images/img6.gif) no-repeat left bottom;
  61. }
  62.  
  63. .orangenotes .heading {
  64.     height: 50px;
  65.     padding: 10px;
  66.     background: url(images/img7.gif) repeat-x left center;
  67. }
  68.  
  69. .orangenotes .content {
  70.     padding: 0 20px 60px 20px;
  71. }
  72.  
  73. /* Green Notes */
  74.  
  75. .greennotes {
  76.     margin-bottom: 20px;
  77.     background: #AEE63F url(images/img4.gif) no-repeat left bottom;
  78. }
  79.  
  80. .greennotes .heading {
  81.     height: 50px;
  82.     padding: 10px;
  83.     background: url(images/img5.gif) repeat-x left center;
  84. }
  85.  
  86. .greennotes .content {
  87.     padding: 0 20px 60px 20px;
  88. }
  89.  
  90. /* Header */
  91.  
  92. #header {
  93.     width: 720px;
  94.     height: 100px;
  95.     margin: 0 auto;
  96.     padding: 20px;
  97.     background: #5BCE9E url(images/img8.gif) no-repeat left bottom;
  98. }
  99.  
  100. #header h1, #header h2 {
  101.     float: left;
  102.     margin: 0;
  103.     padding: 0;
  104. }
  105.  
  106. #header a {
  107.     background: none;
  108. }
  109.  
  110. /* Pages */
  111.  
  112. #pages {
  113.     width: 560px;
  114.     margin: -50px auto 50px auto;
  115.     padding-left: 200px;
  116. }
  117.  
  118. #pages h2 {
  119.     float: left;
  120.     margin: 0;
  121.     padding: 0;
  122.     font-size: 1em;
  123. }
  124.  
  125. #pages ul {
  126.     margin: 0;
  127.     padding: 0;
  128.     list-style: none;
  129. }
  130.  
  131. #pages li {
  132.     display: inline;
  133.     padding-left: 1em;
  134. }
  135.  
  136. #pages a {
  137. }
  138.  
  139. /* Content */
  140.  
  141. #content {
  142.     width: 760px;
  143.     margin: 0 auto;
  144. }
  145.  
  146. /* Posts */
  147.  
  148. #posts {
  149.     float: left;
  150.     width: 490px;
  151. }
  152.  
  153. .post {
  154.     margin-bottom: 20px;
  155.     background: #5BCE9E url(images/img9.gif) repeat-x left top;
  156. }
  157.  
  158. .title {
  159.     padding: 5px 20px;
  160. }
  161.  
  162. .posted {
  163.     padding: 0 0 0 20px;
  164.     font-size: small;
  165. }
  166.  
  167. .story {
  168.     padding: 20px;
  169. }
  170.  
  171. .meta {
  172.     height: 60px;
  173.     padding: 40px 0 0 0;
  174.     background: url(images/img8.gif) no-repeat left bottom;
  175. }
  176.  
  177. .meta p {
  178.     margin: 0;
  179.     padding: 0 20px 0 0;
  180.     text-align: right;
  181. }
  182.  
  183. /* Search */
  184.  
  185. #search {
  186.     float: right;
  187.     width: 250px;
  188. }
  189.  
  190. #search .content {
  191.     padding-bottom: 100px;
  192. }
  193.  
  194. /* Archives */
  195.  
  196. #archives {
  197.     clear: right;
  198.     float: right;
  199.     width: 250px;
  200. }
  201.  
  202. /* Categories */
  203.  
  204. #categories {
  205.     clear: right;
  206.     float: right;
  207.     width: 250px;
  208. }
  209.  
  210. /* Blogroll */
  211.  
  212. #blogroll {
  213.     clear: right;
  214.     float: right;
  215.     width: 250px;
  216. }
  217.  
  218. /* Footer */
  219.  
  220. #footer {
  221.     clear: both;
  222.     text-align: center;
  223. }