home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / slashblog / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-08-16  |  3.4 KB  |  269 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 0 0 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #203C36;
  14. }
  15.  
  16. form {
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20.  
  21. fieldset {
  22.     margin: 0;
  23.     padding: 0;
  24.     border: none;
  25. }
  26.  
  27. legend {
  28.     display: none;
  29. }
  30.  
  31. input, textarea {
  32.     padding: 2px 5px;
  33.     border: 1px solid #B8E0D7;
  34.     font: normal 1em Arial, Helvetica, sans-serif;
  35.     color: #203C36;
  36. }
  37.  
  38. h1, h2, h3 {
  39.     text-transform: lowercase;
  40.     color: #203C36;
  41. }
  42.  
  43. h1 {
  44.     letter-spacing: -1px;
  45.     font-size: 3em;
  46. }
  47.  
  48. h2 {
  49.     font-size: 2em;
  50. }
  51.  
  52. h3 {
  53.     font-size: 1em;
  54. }
  55.  
  56. p, ul, ol {
  57.     margin-bottom: 1.6em;
  58.     line-height: 180%;
  59. }
  60.  
  61. p {
  62. }
  63.  
  64. blockquote {
  65.     font-style: italic;
  66. }
  67.  
  68. ul {
  69. }
  70.  
  71. ol {
  72. }
  73.  
  74. a {
  75.     color: #7AB9AB;
  76. }
  77.  
  78. a:hover {
  79.     text-decoration: none;
  80. }
  81.  
  82. small {
  83. }
  84.  
  85. hr {
  86.     display: none;
  87. }
  88.  
  89. img {
  90.     border: none;
  91. }
  92.  
  93. img.left {
  94.     float: left;
  95.     margin: 0 15px 0 0;
  96. }
  97.  
  98. img.right {
  99.     float: left;
  100.     margin: 0 0 0 15px;
  101. }
  102.  
  103. /* Header */
  104.  
  105. #header {
  106.     width: 960px;
  107.     height: 80px;
  108.     margin: 0 auto;
  109.     background: url(images/img02.jpg);
  110. }
  111.  
  112. #header h1 {
  113.     margin: 0;
  114.     padding: 15px 0 0 20px;
  115.     letter-spacing: normal;
  116.     font-size: 1em;
  117.     color: #FFFFFF;
  118. }
  119.  
  120. #header h1 a {
  121.     text-decoration: none;
  122.     color: #FFFFFF;
  123. }
  124.  
  125. #header h1 a:hover {
  126.     text-decoration: underline;
  127. }
  128.  
  129. #header b {
  130.     display: block;
  131.     letter-spacing: -2px;
  132.     font-size: 2.4em;
  133. }
  134.  
  135. /* Search */
  136.  
  137. #search {
  138.     float: right;
  139.     width: 180px;
  140.     padding-top: 30px;
  141. }
  142.  
  143. #searchfield {
  144.     width: 150px;
  145. }
  146.  
  147. #searchsubmit {
  148.     display: none;
  149. }
  150.  
  151. /* Page */
  152.  
  153. #page {
  154.     width: 900px;
  155.     margin: 0 auto;
  156.     padding: 40px 30px;
  157.     background: url(images/img03.jpg) no-repeat;
  158. }
  159.  
  160. /* Content */
  161.  
  162. #content {
  163.     float: left;
  164.     width: 600px;
  165. }
  166.  
  167. .post {
  168. }
  169.  
  170. .post .date {
  171.     margin: 0;
  172.     line-height: normal;
  173.     font-size: .8em;
  174.     color: #999999;
  175. }
  176.  
  177. .post .title, .post .meta {
  178.     display: inline;
  179.     margin: 0;
  180.     padding: 0;
  181.     text-transform: uppercase;
  182.     font: normal 1.6em "Arial Black", Arial, Helvetica, sans-serif;
  183. }
  184.  
  185. .post .title {
  186. }
  187.  
  188. .post .meta {
  189.     padding-left: 10px;
  190.     color: #DDDDDD;
  191. }
  192.  
  193. .post .meta a {
  194.     color: #DDDDDD;
  195. }
  196.  
  197. .post .links {
  198.     padding: 5px 10px;
  199.     background: #F8F8F8;
  200.     border-top: 1px solid #EEEEEE;
  201.     border-bottom: 1px solid #EEEEEE;
  202.     text-align: right;
  203.     font-weight: bold;
  204. }
  205.  
  206. .post .entry {
  207.     clear: both;
  208.     margin-bottom: 50px;
  209. }
  210.  
  211. /* Sidebar */
  212.  
  213. #sidebar {
  214.     float: right;
  215.     width: 240px;
  216.     background: url(images/img04.jpg) repeat-y;
  217. }
  218.  
  219. #sidebar ul {
  220.     margin: 0;
  221.     padding: 0;
  222.     list-style: none;
  223. }
  224.  
  225. #sidebar li {
  226.     background: url(images/img05.jpg) no-repeat;
  227. }
  228.  
  229. #sidebar li ul {
  230.     padding: 20px 20px 60px 20px;
  231.     background: url(images/img06.jpg) no-repeat left bottom;
  232. }
  233.  
  234. #sidebar li li {
  235.     padding: 0;
  236.     background: url(images/spacer.gif);
  237.     color: #FFFFFF;
  238. }
  239.  
  240. #sidebar h2 {
  241.     margin: 0;
  242.     padding: 20px 20px 0 20px;
  243.     text-transform: uppercase;
  244.     font-family: "Arial Black", Arial, Helvetica, sans-serif;
  245.     font-size: .8em;
  246.     color: #FFFFFF;
  247. }
  248.  
  249. #sidebar a {
  250.     color: #FFFFFF;
  251. }
  252.  
  253. /* Footer */
  254.  
  255. #footer {
  256.     clear: both;
  257.     padding: 40px 0;
  258.     background: #696B60 url(images/img07.gif) repeat-x;
  259. }
  260.  
  261. #footer p {
  262.     margin: 0;
  263.     text-align: center;
  264.     color: #999999;
  265. }
  266.  
  267. #footer a {
  268.     color: #999999;
  269. }