home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / broadsheet / default.css next >
Cascading Style Sheet File  |  2007-02-07  |  3KB  |  248 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: 10px 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img00.gif) repeat-x;
  11.     font: normal small Georgia, "Times New Roman", Times, serif;
  12.     color: #6B6B6B;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6 {
  16.     margin: 0;
  17.     padding: 0;
  18.     font-weight: normal;
  19.     color: #3787DE;
  20. }
  21.  
  22. h1, h2, h3 {
  23. }
  24.  
  25. h4, h5, h6 {
  26. }
  27.  
  28. p, ul, ol, blockquote {
  29.     margin-top: 0;
  30.     line-height: 160%;
  31. }
  32.  
  33. blockquote {
  34.     font-style: italic;
  35. }
  36.  
  37. a {
  38.     text-decoration: none;
  39.     color: #3787DE;
  40. }
  41.  
  42. a:hover {
  43.     text-decoration: underline;
  44.     color: #990000;
  45. }
  46.  
  47. img {
  48.     border: none;
  49. }
  50.  
  51. /* Header */
  52.  
  53. #header {
  54.     width: 760px;
  55.     height: 101px;
  56.     margin: 0 auto;
  57.     background: url(images/img01.gif) no-repeat;
  58. }
  59.  
  60. #header h1 {
  61.     float: left;
  62.     padding: 25px 0 0 20px;
  63.     letter-spacing: -3px;
  64.     font-size: 3.4em;
  65. }
  66.  
  67. #header h2 {
  68.     float: right;
  69.     padding: 43px 20px 0 0;
  70.     letter-spacing: -1px;
  71.     font-size: 2em;
  72. }
  73.  
  74. #header a {
  75.     text-decoration: none;
  76. }
  77.  
  78. /* Content */
  79.  
  80. #content {
  81.     width: 720px;
  82.     margin: 0 auto;
  83.     padding: 20px;
  84.     background: url(images/img02.gif) no-repeat;
  85. }
  86.  
  87. /* Posts */
  88.  
  89. #posts {
  90.     float: left;
  91.     width: 320px;
  92. }
  93.  
  94. .post {
  95. }
  96.  
  97. .post .title {
  98.     letter-spacing: -1px;
  99.     font-size: 2em;
  100. }
  101.  
  102. .post .posted {
  103.     margin-bottom: 20px;
  104.     font-size: .8em;
  105. }
  106.  
  107. .post .story {
  108. }
  109.  
  110. .post .meta {
  111.     height: 50px;
  112.     padding: 8px 0 0 10px;
  113.     background: url(images/img09.gif) no-repeat;
  114.     font-size: .8em;
  115. }
  116.  
  117. /* Archives */
  118.  
  119. #archives {
  120.     float: left;
  121.     width: 180px;
  122.     padding: 0 0 0 20px;
  123. }
  124.  
  125. /* Search */
  126.  
  127. #search {
  128.     float: right;
  129.     width: 180px;
  130. }
  131.  
  132. #search form {
  133.     margin: 0 0 12px 0;
  134.     padding: 0;
  135. }
  136.  
  137. #search #textfield1 {
  138.     width: 155px;
  139. }
  140.  
  141. #search #submit1 {
  142.     display: none;
  143. }
  144.  
  145. /* Pages */
  146.  
  147. #pages {
  148.     float: right;
  149.     width: 180px;
  150. }
  151.  
  152. /* Categories */
  153.  
  154. #categories {
  155.     float: right;
  156.     width: 180px;
  157. }
  158.  
  159. /* Blog Roll */
  160.  
  161. #blogroll {
  162.     float: right;
  163.     width: 180px;
  164. }
  165.  
  166. /* Orange Box */
  167.  
  168. .obox {
  169. }
  170.  
  171. .obox .heading {
  172.     height: 27px;
  173.     padding: 4px 0 0 10px;
  174.     background: url(images/img03.gif) no-repeat;
  175.     letter-spacing: -1px;
  176.     font-size: 1.4em;
  177.     color: #FF6500;
  178. }
  179.  
  180. .obox .content {
  181.     padding: 10px;
  182.     background: url(images/img04.gif) no-repeat;
  183. }
  184.  
  185. .obox ul {
  186.     margin: 0;
  187.     padding: 0;
  188.     list-style: none;
  189. }
  190.  
  191. .obox li {
  192.     padding-left: 15px;
  193.     background: url(images/img05.gif) no-repeat left center;
  194. }
  195.  
  196. .obox a {
  197.     color: #FF6500;
  198. }
  199.  
  200. /* Green Box */
  201.  
  202. .gbox {
  203. }
  204.  
  205. .gbox .heading {
  206.     height: 27px;
  207.     padding: 4px 0 0 10px;
  208.     background: url(images/img06.gif) no-repeat;
  209.     letter-spacing: -1px;
  210.     font-size: 1.4em;
  211.     color: #09881C;
  212. }
  213.  
  214. .gbox .content {
  215.     padding: 10px;
  216.     background: url(images/img07.gif) no-repeat;
  217. }
  218.  
  219. .gbox ul {
  220.     margin: 0;
  221.     padding: 0;
  222.     list-style: none;
  223. }
  224.  
  225. .gbox li {
  226.     padding-left: 15px;
  227.     background: url(images/img08.gif) no-repeat left center;
  228. }
  229.  
  230. .gbox a {
  231.     color: #09881C;
  232. }
  233.  
  234. /* Footer */
  235.  
  236. #footer {
  237.     width: 760px;
  238.     margin: 0 auto;
  239.     padding: 60px 0 0 0;
  240.     background: url(images/img10.gif) no-repeat;
  241. }
  242.  
  243. #footer p {
  244.     margin: 0;
  245.     padding: 0;
  246.     text-align: center;
  247.     font-size: x-small;
  248. }