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