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