Просмотр файла CS_Wap/style.css

Размер файла: 2.86Kb
  1. body {
  2. margin: 0px;
  3. padding: 0;
  4. background-color: #000;
  5. text-align: justify;
  6. font-family: Tahoma, Arial, Helvetica, sans-serif;
  7. font-size: 11px;
  8. color: #fff;
  9. }
  10. h1, h2, h3 {
  11. margin-top: 0;
  12. }
  13. h1 {
  14. font-size: 1.6em;
  15. font-weight: normal;
  16. }
  17. h2 {
  18. font-size: 1.6em;
  19. }
  20. h3 {
  21. font-size: 1em;
  22. }
  23. a {
  24. text-decoration: none;
  25. color: #909090;
  26. }
  27. a:hover {
  28. color: #4D514A;
  29. border-bottom: none;
  30. }
  31. img {
  32. border: none;
  33. }
  34. img.left {
  35. float: left;
  36. margin: 0 20px 0 0;
  37. }
  38. img.right {
  39. float: right;
  40. margin: 0 0 0 20px;
  41. }
  42.  
  43. /* Header */
  44.  
  45. #header {
  46. margin: 0 auto;
  47. height: 58px;
  48. width: 320px;
  49.  
  50. }
  51.  
  52. #logo {
  53. margin: 0 auto;
  54. width: 320px;
  55. height: 58px;
  56. padding-top: 15px;
  57. background: #000 url('images/logo.png') no-repeat center top;
  58. text-align: left;
  59. border: 1px #4D514A solid;
  60. border-bottom: none;
  61. }
  62. #logo h2 {
  63. float: left;
  64. margin: 0;
  65. color: #fff;
  66. letter-spacing: 1px;
  67. font-weight: normal;
  68. font-size: 1.0em;
  69. }
  70. #logo h2 a {
  71. font-size: 0.8em;
  72. padding-left: 20px;
  73. }
  74. #logo a {
  75. padding-left: 15px;
  76. border: none;
  77. text-decoration: none;
  78. color: #fff;
  79. font-size: 1.3em;
  80. }
  81. #logo a:hover {
  82. text-decoration: none;
  83. color: #ff0000;
  84. }
  85.  
  86. /* Wrapper */
  87.  
  88. #wrapper {
  89. width: 320px;
  90. margin: 0 auto;
  91. padding: 0;
  92. background: #000;
  93. }
  94.  
  95. /* Content */
  96.  
  97. #content {
  98. margin: 0 auto;
  99. width: 320px;
  100. padding-bottom: 5px;
  101. background-color: #2C2C2C;
  102. border: 1px #4D514A solid;
  103. border-bottom: none;
  104. }
  105. .post {
  106. width: 290px;
  107. margin: 10px 0px;
  108. padding: 5px;
  109. background-color: #2C2C2C;
  110. border: 1px #4D514A solid;
  111. text-align: left;
  112. }
  113. .posty a {
  114. color: #806E6E
  115. }
  116. .post a:hover {
  117. color: #454545
  118. }
  119.  
  120. /* Footer */
  121.  
  122. #footer {
  123. height: 52px;
  124. width: 320px;
  125. margin-top: 5px;
  126. background-color: #2C2C2C;
  127. color: #ffffff;
  128. font-size: 13px;
  129. text-align: center;
  130. border: 1px #4D514A solid;
  131. }
  132. #footer p {
  133. margin: 0;
  134. padding-bottom: 5px;
  135. font-size: smaller;
  136. font-family: Arial, Helvetica, sans-serif;
  137. }
  138. #left_footer {
  139. float:left;
  140. padding:10px;
  141. background-color: #000;
  142. color: #A0A0A0;
  143. font-size: 9px;
  144. border-top: 1px #4D514A solid;
  145. border-right: 1px #4D514A solid;
  146. }
  147. #left_footer a {
  148. color: #8A8A8A;
  149. }
  150. #left_footer a:hover {
  151. text-decoration:none;
  152. color: #fff;
  153. }
  154. #right_footer {
  155. float: right;
  156. margin-top: 52px;
  157. padding-right: 2px;
  158. color: #A0A0A0;
  159. font-size: 9px;
  160. text-transform: uppercase;
  161. text-align:right;
  162. border: 1px #4D514A solid;
  163. border-right: none;
  164. }
  165. #right_footer a {
  166. color: #8A8A8A;
  167. }
  168. #right_footer a:hover {
  169. text-decoration:none;
  170. color: #ff0000;
  171. }
  172.  
  173. /* Other */
  174.  
  175. .b{
  176. margin: 5px 0;
  177. padding: 10px 5px;
  178. background-color: #484848;
  179. border: 1px #4D514A solid;
  180. }
  181. .b a {
  182. color: #C8C8C8;
  183. border: none;
  184. }
  185. .b a:hover {
  186. color: #fff;
  187. }
  188. textarea {
  189. min-width: 290px;
  190. height: 50px;
  191. margin: 10px 0;
  192. background-color: #2C2C2C;
  193. color: #C8C8C8;
  194. font-size:9px;
  195. border: 1px #4D514A solid;
  196. }
  197. hr {
  198. border: solid 1px #4D514A;
  199. }
  200.