Advertisement
Guest User

Untitled

a guest
Jan 19th, 2017
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.46 KB | None | 0 0
  1. html, body {
  2. text-align: center;
  3. }
  4. p {text-align: left;}
  5.  
  6. body {
  7.     margin: 0;
  8.     padding: 0;
  9.     background-color: cadetblue;
  10.     background-image:url(background.png)
  11.     text-align: left;
  12.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     font-size: 13px;
  14.     color: #F1F5F8;
  15. }
  16. *
  17. {
  18.   margin: 0 auto 0 auto;
  19.  text-align:left;}
  20.  
  21.  
  22. html, body {
  23. text-align: center;
  24. }
  25. p {text-align: left;}
  26.  
  27.  
  28.  
  29.  
  30. #header h1
  31. {
  32. display:block;
  33. float:left;
  34. line-height:70px;
  35. margin-left:17px;
  36. width:230px;
  37. color:#FFFFFF;
  38. text-align:left;
  39. font-size:23px;
  40. font-weight:bold;
  41. font-family:Arial, Helvetica, sans-serif;
  42. float:left;
  43.  
  44. }
  45.  
  46.  
  47. #header ul {
  48.     padding: 0px;
  49.     list-style-type: none;
  50.     height:21px;
  51.     text-align:center;
  52.     height:85px;
  53.     overflow:hidden;
  54. }
  55. #header ul li , #header ul li a, #header ul li a:visited{
  56.     display:block;
  57.     float:left;
  58.     margin: 0px;
  59.     text-align:center;
  60.     line-height:72px;
  61.     width:133px;
  62.     color:#FFFFFF;
  63.  
  64.     font-size:16px;
  65.     font-weight:bold;
  66.     text-decoration:none;
  67. }
  68.  
  69. #header ul li a:hover{
  70. color:#CCCCCC;
  71. }
  72.  
  73.  
  74.  
  75. #main
  76. {
  77. margin-top:10px;
  78. margin-bottom:10px;
  79. }
  80.  
  81.  
  82. #main .main_top
  83. {
  84. height:85px;
  85. width:921px;
  86. background-image:url(main_top.png);
  87. background-repeat:no-repeat;
  88. }
  89.  
  90. #main .main_body
  91. {
  92.  
  93. padding-left:0px;
  94. height:auto;
  95. width:921px;
  96. background-image:url(main_body.png);
  97. background-repeat:repeat-y;
  98. color:#000000;
  99. padding-bottom:20px;
  100.  
  101.  
  102. }
  103.  
  104.  
  105. #main .main_top h1
  106. {
  107. font-size:24px;
  108. line-height:85px;
  109. color:#000000;
  110. padding-left:25px;
  111. background-image:url(header_h1_bg.png);
  112. background-position:right;
  113. background-repeat:no-repeat;
  114. margin-right:25px;
  115. }
  116.  
  117. #main .main_body p
  118. {
  119. line-height:19px;
  120. letter-spacing:1px;
  121. padding-bottom:15px;
  122. padding-left:20px;
  123. padding-right:20px;
  124. }
  125.  
  126.  
  127. #main .main_bottom
  128. {
  129. height:8px;
  130. width:921px;
  131. background-image:url(main_bottom.png);
  132. background-repeat:no-repeat;
  133. }
  134.  
  135.  
  136. #page
  137. {
  138.   margin: 0 auto 0 auto;
  139.   margin-top:25px;
  140.   display: block;
  141.   height:auto;
  142.   position: relative;
  143.   overflow: hidden;
  144.   width: 921px;
  145. }
  146.  
  147. #header
  148. {
  149. background-image:url(header.png);
  150. background-repeat:no-repeat;
  151. width:921px;
  152. height:72px;
  153. }
  154.  
  155.  
  156.  
  157. #footer {
  158. display:block;
  159. width: 921px;
  160. height:74px;
  161. background: url(footer.png) no-repeat;
  162. text-align:right;
  163. font-size:9px;
  164. line-height:75px;
  165. }
  166.  
  167. #footer p{
  168. padding-right:20px;
  169. text-align:right;
  170. }
  171.  
  172. #footer, #footer a, #footer a:visited{
  173. color:#FFFFFF;
  174. }
  175.  
  176. #footer a:hover{
  177. text-decoration:none;
  178. color:#CCCCCC;
  179. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement