home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / naturalbeauties / default.css next >
Cascading Style Sheet File  |  2007-02-25  |  4KB  |  277 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.jpg) repeat-x;
  11.     font: normal small Georgia, "Times New Roman", Times, serif;
  12.     color: #999999;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     text-transform: lowercase;
  18.     font-weight: normal;
  19. }
  20.  
  21. h2 {
  22.     font-size: 2em;
  23. }
  24.  
  25. h3 {
  26.     font-size: 1.4em;
  27. }
  28.  
  29. img {
  30.     border: none;
  31. }
  32.  
  33. a {
  34.     color: #333333;
  35. }
  36.  
  37. a:hover {
  38.     text-decoration: none;
  39.     color: #000000;
  40. }
  41.  
  42. /* Header */
  43.  
  44. #header {
  45.     width: 700px;
  46.     height: 200px;
  47.     margin: 0 auto;
  48. }
  49.  
  50. /* Logo */
  51.  
  52. #logo {
  53.     height: 110px;
  54. }
  55.  
  56. #logo h1 {
  57.     float: left;
  58.     padding: 40px 40px 0 0;
  59.     background: url(images/img02.gif) no-repeat right center;
  60.     letter-spacing: -2px;
  61.     font-size: 48px;
  62. }
  63.  
  64. #logo h2 {
  65.     float: right;
  66.     padding: 61px 0 0 0;
  67.     font-size: 24px;
  68.     
  69. }
  70.  
  71. #logo a {
  72.     text-decoration: none;
  73.     color: #1A1A1A;
  74. }
  75.  
  76. /* Menu */
  77.  
  78. #menu {
  79.     height: 70px;
  80. }
  81.  
  82. #menu ul {
  83.     margin: 0;
  84.     padding: 0;
  85.     list-style: none;
  86. }
  87.  
  88. #menu li {
  89.     display: inline;
  90. }
  91.  
  92. #menu a {
  93.     display: block;
  94.     float: left;
  95.     width: 140px;
  96.     height: 45px;
  97.     padding-top: 25px;
  98.     text-transform: lowercase;
  99.     text-decoration: none;
  100.     text-align: center;
  101.     letter-spacing: -2px;
  102.     font-size: 30px;
  103.     color: #B8BD52;
  104. }
  105.  
  106. #menu a:hover {
  107.     color: #1A1A1A;
  108. }
  109.  
  110. #menu .active a {
  111.     background: url(images/img03.jpg) no-repeat;
  112.     color: #FFFFFF;
  113. }
  114.  
  115. /* Gallery */
  116.  
  117. #gallery {
  118.     clear: both;
  119.     width: 700px;
  120.     height: 480px;
  121.     margin: 0 auto;
  122. }
  123.  
  124. #top-photo h2 {
  125.     height: 1.4em;
  126.     font-size: 1em;
  127. }
  128.  
  129. #top-photo p {
  130.     margin: 0;
  131.     padding: 0 0 10px 0;
  132. }
  133.  
  134. #prev {
  135.     display: block;
  136.     float: left;
  137.     width: 30px;
  138.     height: 100px;
  139.     background: url(images/img11.gif) no-repeat;
  140. }
  141.  
  142. #next {
  143.     display: block;
  144.     float: left;
  145.     width: 30px;
  146.     height: 100px;
  147.     background: url(images/img13.gif) no-repeat right top;
  148. }
  149.  
  150. #prev span, #next span {
  151.     display: none;
  152. }
  153.  
  154. #thumbs {
  155.     display: block;
  156.     float: left;
  157.     width: 640px;
  158.     height: 100px;
  159.     background: url(images/img12.gif) no-repeat;
  160. }
  161.  
  162. #thumbs img {
  163.     padding: 8px 0 0 10px;
  164. }
  165.  
  166. /* Content */
  167.  
  168. #content {
  169.     width: 700px;
  170.     margin: 0 auto;
  171. }
  172.  
  173. /* Posts */
  174.  
  175. #posts {
  176.     float: right;
  177.     width: 430px;
  178. }
  179.  
  180. .post {
  181.     margin-bottom: 10px;
  182. }
  183.  
  184. .post .title {
  185.     padding: 0 0 5px 20px;
  186.     color: #FF8400;
  187. }
  188.  
  189. .post .meta {
  190.     padding: 10px 20px;
  191.     background: url(images/img15.gif) no-repeat;
  192.     font-size: smaller;
  193. }
  194.  
  195. .post .meta p {
  196.     margin: 0;
  197. }
  198.  
  199. .post .story {
  200.     padding: 10px 20px;
  201.     line-height: 180%;
  202. }
  203.  
  204. /* Sidebar */
  205.  
  206. #sidebar {
  207.     float: left;
  208.     width: 250px;
  209. }
  210.  
  211. /* Boxed1 */
  212.  
  213. .boxed {
  214.     margin-bottom: 1.5em;
  215.     background: url(images/img14.gif) no-repeat 0em 2.5em;
  216. }
  217.  
  218. .boxed h2 {
  219.     padding-left: 20px;
  220.     color: #0078FF;
  221. }
  222.  
  223. .boxed .content {
  224.     padding: 10px;
  225. }
  226.  
  227. .boxed ul {
  228.     margin: 0;
  229.     padding: 0;
  230.     list-style: none;
  231. }
  232.  
  233. .boxed li {
  234.     padding: 10px;
  235.     border-bottom: 1px dotted #0078FF;
  236. }
  237.  
  238. .boxed a {
  239.     text-decoration: none;
  240.     color: #0078FF;
  241. }
  242.  
  243. .boxed a:hover {
  244.     text-decoration: underline;
  245. }
  246.  
  247. /* Tag Cloud */
  248.  
  249. #tagcloud {
  250. }
  251.  
  252. #tagcloud .content {
  253.     padding: 20px;
  254.     text-align: justify;
  255.     font-size: smaller;
  256. }
  257.  
  258. /* Footer */
  259.  
  260. #footer {
  261.     clear: both;
  262.     padding: 40px;
  263.     background: #C3C837 url(images/img16.gif) repeat-x;
  264. }
  265.  
  266. #footer p {
  267.     margin: 0;
  268.     text-align: center;
  269.     font-size: smaller;
  270.     color: #FFFFFF;
  271. }
  272.  
  273. #footer a {
  274.     color: #FFFFFF;
  275. }
  276.  
  277.