home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / mydiary / style.css < prev   
Cascading Style Sheet File  |  2006-12-06  |  2KB  |  140 lines
  1. html, body, ul, li, h1, h2, h3, h4 {
  2.     margin: 0px;
  3.     padding: 0px;
  4.     list-style: none;
  5. }
  6. h1 img {
  7.     display: block;
  8. }
  9. img {
  10.     border: 0px;
  11. }
  12. a {
  13.     color: white;
  14. }
  15. a:hover {
  16.     color: #eee;
  17. }
  18. .left {
  19.     float: left;
  20. }
  21. .right {
  22.     float: right;
  23. }
  24. .more {
  25.     text-align: right;
  26. }
  27. .clear {
  28.     clear: both;
  29. }
  30.  
  31. body {
  32.     background: #000;
  33.     font: 12px arial, sans-serif;
  34.     color: #A7A7A7;
  35.     padding: 30px 5px;
  36.     text-align: center;
  37. }
  38. /************************** wrappers **********************************/
  39. #wrapper {
  40.     text-align: left;
  41.     width: 754px;
  42.     margin: auto;
  43.     background: url(images/body_bg.gif) repeat-y;
  44. }
  45. #body {
  46.     position: relative;
  47. }
  48. #body-top {
  49.     background: top left url(images/bar.gif) no-repeat;
  50. }
  51. #body-bot {
  52.     background: bottom left url(images/bar.gif) no-repeat;
  53. }
  54. /************************** Header **********************************/
  55. h1 {
  56.     padding: 17px 0px 0px 95px;
  57. }
  58. #person {
  59.     float:right;
  60.     padding: 17px 15px 0px 0px;
  61.     right: 20px;
  62.     display:inline;            
  63. }
  64. #about {
  65.     float:left;
  66.     margin: 20px 0px 0px 131px;
  67.     width: 256px;
  68.     height: 320px;
  69.     overflow: auto;
  70.     text-align: justify;
  71.     display:inline;
  72. }
  73. .first-letter {
  74.     font-weight: bold;
  75.     font-size: 14px;
  76.     color: white;
  77. }
  78. /************************** Navigation **********************************/
  79. #header ul {
  80.     margin: 0px 17px 20px 99px;
  81.     border: 2px solid white;
  82.     padding: 5px;
  83.     display:inline;
  84.     float: left;
  85.     width:625px;
  86. }
  87. #header li {
  88.     display:inline;
  89.     padding: 13px;
  90. }
  91. #header ul a {
  92.     text-decoration:none;
  93.     font-family: Arial, Helvetica, sans-serif;
  94.     font-size: 12px;
  95.     font-weight: bolder;
  96.     color: #f3e9d9;
  97.     text-transform: uppercase;
  98. }
  99. #header ul a:hover{
  100.     color: #fff;
  101. }
  102. /************************** Tray **********************************/
  103. #tray {
  104.     padding-left: 130px;
  105.     padding-right: 45px;
  106. }
  107. #tray-left {
  108.     float: left;
  109.     width: 255px;
  110. }
  111. #tray-right {
  112.     float: right;
  113.     width: 302px;
  114. }
  115. #tray-left .left {
  116.     margin-right: 12px;
  117. }
  118. #tray h2 {
  119.     margin-bottom: 16px;
  120. }
  121. #tray p {
  122.     margin: 0px;
  123.     margin-bottom: 3px;
  124. }
  125. #tray-left .more {
  126.     padding-right: 12px;
  127. }
  128. /************************** Footer **********************************/
  129. #footer {
  130.     text-align: center;
  131.     color: white;
  132.     margin-left: 95px;
  133.     margin-right: 14px;
  134.     background: top left url(images/body_bot_left.gif) no-repeat;
  135. }
  136. #footer-right {
  137.     padding-top: 33px;
  138.     padding-bottom: 22px;
  139.     background: top right url(images/body_bot_right.gif) no-repeat;
  140. }