home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / snowflakes / default.css next >
Cascading Style Sheet File  |  2007-02-25  |  5KB  |  342 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 0 0 0;
  49.     text-align: center;
  50.     letter-spacing: -3px;
  51.     font-size: 40px;
  52.     font-weight: normal;
  53. }
  54.  
  55. #logo h2 {
  56.     margin-top: -10px;
  57.     text-align: center;
  58.     font-size: 13px;
  59. }
  60.  
  61. #logo a {
  62.     text-decoration: none;
  63.     text-transform: lowercase;
  64. }
  65.  
  66. #logo a:hover {
  67.     color: #990000;
  68. }
  69.  
  70. /* Menu */
  71.  
  72. #menu {
  73.     float: left;
  74.     padding: 0 0 0 0;
  75. }
  76.  
  77. #menu ul {
  78.     height: 55px;
  79.     margin: 0;
  80.     padding: 23px 0;
  81.     list-style: none;
  82. }
  83.  
  84. #menu li {
  85.     display: inline;
  86. }
  87.  
  88. #menu a {
  89.     display: block;
  90.     float: left;
  91.     width: 120px;
  92.     height: 43px;
  93.     padding-top: 12px;
  94.     background: url(images/img03.jpg) no-repeat;
  95.     text-align: center;
  96.     text-decoration: none;
  97.     text-transform: lowercase;
  98.     letter-spacing: -1px;
  99.     font-size: 26px;
  100. }
  101.  
  102. #menu a:hover, #menu .active a {
  103.     background-image: url(images/img04.jpg);
  104.     color: #FFFFFF;
  105. }
  106.  
  107. /* Content */
  108.  
  109. #content {
  110.     width: 700px;
  111.     margin: 0 auto;
  112. }
  113.  
  114. /* Posts */
  115.  
  116. #posts {
  117.     float: right;
  118.     width: 480px;
  119. }
  120.  
  121. .post {
  122.     padding-bottom: 1em;
  123. }
  124.  
  125. .post .title {
  126.     padding-top: 10px;
  127.     letter-spacing: -.1em;
  128.     font-size: 2em;
  129.     font-weight: normal;
  130.     color: #8E959B;
  131. }
  132.  
  133. .post .date {
  134.     height: 20px;
  135.     padding: 2px 0 0 10px;
  136.     background: url(images/img12.gif) no-repeat;
  137.     font-size: 12px;
  138.     font-weight: normal;
  139. }
  140.  
  141. .post .story {
  142.     padding: 0 20px;
  143.     line-height: 1.6em;
  144. }
  145.  
  146. .post .meta {
  147.     height: 40px;
  148.     margin: 0 20px;
  149.     padding: 0 0 0 10px;
  150.     background: #EEEDED url(images/img13.gif) no-repeat;
  151. }
  152.  
  153. .post .meta span {
  154.     display: none;
  155. }
  156.  
  157. .post .meta p {
  158.     margin: 0;
  159.     padding: 10px 0 0 0;
  160. }
  161.  
  162. .post .meta a {
  163.     float: left;
  164.     height: 20px;
  165.     padding: 4px 20px 0 37px;
  166.     text-decoration: none;
  167.     font-size: small;
  168.     font-weight: bold;
  169.     color: #777777;
  170. }
  171.  
  172. .post .meta a:hover {
  173.     color: #E55D13;
  174. }
  175.  
  176. .post .category {
  177.     background: url(images/img14.gif) no-repeat left bottom;
  178. }
  179.  
  180. .post .comments {
  181.     background: url(images/img15.gif) no-repeat left bottom;
  182. }
  183.  
  184. /* Bar */
  185.  
  186. #bar {
  187.     float: left;
  188.     width: 200px;
  189. }
  190.  
  191. /* Box Style One */
  192.  
  193. .boxed1 {
  194.     margin-bottom: 20px;
  195. }
  196.  
  197. .boxed1 h2 {
  198.     height: 40px;
  199.     margin: 0 0 2px 0;
  200.     padding: 10px 0 0 50px;
  201.     background: #AFB43C url(images/img06.jpg) no-repeat;
  202.     text-transform: lowercase;
  203.     letter-spacing: -2px;
  204.     font-size: 26px;
  205.     font-weight: normal;
  206.     color: #FFFFFF;
  207. }
  208.  
  209. .boxed1 ul {
  210.     margin: 0;
  211.     padding: 0;
  212.     background: #E4E9C5 url(images/img07.gif) no-repeat left bottom;
  213.     list-style: none;
  214. }
  215.  
  216. .boxed1 li {
  217.     padding: 10px;
  218.     background: url(images/img08.gif) repeat-x;
  219.     font-size: small;
  220. }
  221.  
  222. .boxed1 a {
  223.     text-decoration: none;
  224.     font-weight: bold;
  225.     color: #A7B83F;
  226. }
  227.  
  228. .boxed1 a:hover {
  229.     color: #545C20;
  230. }
  231.  
  232. .boxed1 .active, .boxed1 .active a {
  233.     background-color: #ABB63D;
  234.     color: #FFFFFF;
  235. }
  236.  
  237. /* Box Style Two */
  238.  
  239. .boxed2 {
  240.     margin-bottom: 20px;
  241. }
  242.  
  243. .boxed2 h2 {
  244.     height: 40px;
  245.     margin: 0 0 2px 0;
  246.     padding: 10px 0 0 50px;
  247.     background: #AFB43C url(images/img09.jpg) no-repeat;
  248.     text-transform: lowercase;
  249.     letter-spacing: -2px;
  250.     font-size: 26px;
  251.     font-weight: normal;
  252.     color: #FFFFFF;
  253. }
  254.  
  255. .boxed2 ul {
  256.     margin: 0;
  257.     padding: 0;
  258.     background: #C5DFE9 url(images/img10.gif) no-repeat left bottom;
  259.     list-style: none;
  260. }
  261.  
  262. .boxed2 li {
  263.     padding: 10px;
  264.     background: url(images/img11.gif) repeat-x;
  265.     font-size: small;
  266. }
  267.  
  268. .boxed2 a {
  269.     text-decoration: none;
  270.     font-weight: bold;
  271.     color: #3F95B8;
  272. }
  273.  
  274. .boxed2 a:hover {
  275.     color: #204B5C;
  276. }
  277.  
  278. .boxed2 .active, .boxed2 .active a {
  279.     background-color: #204B5C;
  280.     color: #FFFFFF;
  281. }
  282.  
  283. /* Box Style Three */
  284.  
  285. .boxed3 {
  286.     text-align: justify;
  287.     font-size: small;
  288. }
  289.  
  290. .boxed3 h2 {
  291.     height: 40px;
  292.     margin: 0 0 10px 0;
  293.     border-bottom: 2px solid #CCCCCC;
  294.     text-transform: lowercase;
  295.     letter-spacing: -2px;
  296.     font-size: 26px;
  297.     font-weight: normal;
  298. }
  299.  
  300. .boxed3 a {
  301.     text-decoration: none;
  302.     color: #8E959B;
  303. }
  304.  
  305. .boxed3 a:hover {
  306.     color: #E55D13;
  307. }
  308.  
  309. /* Footer */
  310.  
  311. #footer {
  312.     clear: both;
  313.     width: 700px;
  314.     height: 60px;
  315.     margin: 2em auto;
  316.     background: #EB850C url(images/img16.gif) no-repeat;
  317.     font-size: small;
  318.     font-weight: bold;
  319.     color: #FFFFFF;
  320. }
  321.  
  322. #footer p {
  323.     margin: 0;
  324. }
  325.  
  326. #footer a {
  327.     color: #FFFFFF;
  328. }
  329.  
  330. #copy {
  331.     float: left;
  332.     padding: 20px 15px;
  333. }
  334.  
  335. #feed {
  336.     float: right;
  337.     height: 30px;
  338.     padding: 20px 15px 0 35px;
  339.     background: url(images/img18.gif) no-repeat 0 15px;
  340. }
  341.  
  342.