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