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