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