Advertisement
Guest User

Untitled

a guest
Oct 9th, 2014
321
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.20 KB | None | 0 0
  1.  
  2. html {
  3. font-family: Arial, Helvetica, sans-serif;
  4. }
  5. body {
  6. background: url(../images/bg-body.jpg) repeat;
  7. margin: 0;
  8. }
  9. img {
  10. border: 0;
  11. }
  12. #background {
  13. background-color: #050404;
  14. display: block;
  15. height: 1440px;
  16. width: 50%;
  17. position: absolute;
  18. left: -107px;
  19. top: -9px;
  20. }
  21. #page {
  22. background: url(../images/bg-page.jpg) repeat-y left top;
  23. width: 960px;
  24. margin: 0 auto;
  25. position: relative;
  26. }
  27.  
  28. #connect .facebook, #connect .twitter, #connect .link-us {
  29. background: url(../images/icons.gif) no-repeat;
  30. }
  31. #contents span.header, #contents h3, #contents ul li, #contents div.blogs span {
  32. background: url(../images/interface.gif) no-repeat;
  33. }
  34.  
  35. /** Links **/
  36. #sidebar {
  37. float: left;
  38. color: #ebebeb;
  39. height: 100%;
  40. width: 260px;
  41. padding-left: 5px;
  42. }
  43. #sidebar ul {
  44. list-style-type: none;
  45. margin: 0 0 60px;
  46. padding: 0;
  47. text-align: left;
  48. }
  49. #sidebar a {
  50. color: #ebebeb;
  51. text-decoration: none;
  52. }
  53.  
  54. #logo {
  55. line-height: 20px;
  56. margin: 0 0 60px;
  57. }
  58. #logo a {
  59. background: url(../images/logo.jpg) no-repeat right top;
  60. color: #be1010;
  61. display: block;
  62. font-size: 14px;
  63. width: 209px;
  64. padding: 159px 25px 0;
  65. text-align: center;
  66. }
  67. #logo a em {
  68. font-size: 16px;
  69. }
  70.  
  71. #navigation li {
  72. font-size: 19px;
  73. line-height: 40px;
  74. }
  75. #navigation li a {
  76. display: block;
  77. width: 259px;
  78. text-transform: uppercase;
  79. }
  80. #navigation li.selected a, #navigation li a:hover {
  81. background: url(../images/menu-selected.gif) no-repeat 190px center;
  82. }
  83.  
  84. #connect {
  85. display: inline-block;
  86. }
  87. #connect li {
  88. float: left;
  89. width: 85px;
  90. text-align: center;
  91. }
  92. #connect li a {
  93. display: block;
  94. height: 36px;
  95. margin: 0 auto;
  96. }
  97. #connect .facebook {
  98. background-position: 0 0;
  99. width: 40px;
  100. }
  101. #connect .twitter {
  102. background-position: 0 -47px;
  103. width: 46px;
  104. }
  105. #connect .link-us {
  106. background-position: 0 -94px;
  107. width: 40px;
  108. }
  109.  
  110. #sidebar .footer {
  111. font-size: 12px;
  112. line-height: 20px;
  113. text-align: center;
  114. }
  115.  
  116. /** Contents **/
  117. #contents {
  118. min-height: 1380px;
  119. width: 690px;
  120. margin: 0 0 0 264px;
  121. padding-top: 60px;
  122. }
  123. #contents span.header {
  124. background-position: 0 -224px;
  125. display: block;
  126. height: 47px;
  127. width: 644px;
  128. margin: 0 auto 13px;
  129. }
  130. #contents h3 {
  131. background-position: 0 -154px;
  132. color: #ebebeb;
  133. font-weight: normal;
  134. height: 27px;
  135. width: 596px;
  136. margin: 0 auto;
  137. padding: 18px 8px 15px;
  138. text-transform: uppercase;
  139. }
  140. #contents div {
  141. width: 612px;
  142. margin: 0 auto;
  143. padding: 0 0 20px;
  144. }
  145. #contents div a {
  146. color: #a40e0e;
  147. text-decoration: none;
  148. }
  149. #contents div p {
  150. font-size: 13px;
  151. line-height: 20px;
  152. margin: 20px 0 19px;
  153. padding: 0 0 20px;
  154. }
  155.  
  156. #contents ul.images {
  157. display: inline-block;
  158. list-style-type: none;
  159. width: 622px;
  160. margin: 0 auto 15px;
  161. }
  162. #contents ul.images li {
  163. float: left;
  164. background-position: 0 0;
  165. height: 130px;
  166. width: 130px;
  167. margin: 13px 5px 13px;
  168. padding: 7px 7px 17px;
  169. }
  170.  
  171. #contents .img-gallery {
  172. color: #000000;
  173. display: block;
  174. font-size: 11px;
  175. line-height: 20px;
  176. margin-left: 40px;
  177. }
  178.  
  179. #contents a.more {
  180. font-style: italic;
  181. text-decoration: underline;
  182. }
  183.  
  184. /** About **/
  185. #contents div.links a {
  186. background-color: #bfbdbd;
  187. color: #faf7f7;
  188. font-size: 12px;
  189. padding: 2px 10px 1px;
  190. text-decoration: none;
  191. text-transform: uppercase;
  192. }
  193.  
  194. #contents div.about {
  195. margin-bottom: 0;
  196. padding-bottom: 20px;
  197. }
  198.  
  199. #contents div.about span {
  200. font-size: 13px;
  201. line-height: 20px;
  202. text-transform: uppercase;
  203. }
  204.  
  205. #contents div.tags {
  206. background-color: #bfbdbd;
  207. height: 40px;
  208. line-height: 40px;
  209. margin-bottom: 20px;
  210. padding: 0;
  211. }
  212. #contents div.tags span {
  213. color: #626262;
  214. font-size: 0.92em;
  215. padding: 0 10px;
  216. text-transform: uppercase;
  217. }
  218. #contents div.tags a {
  219. color: #faf7f7;
  220. font-size: 12px;
  221. padding: 0 10px;
  222. }
  223.  
  224. /** Blog **/
  225. #contents div.blogs p {
  226. height: 160px;
  227. margin: 0;
  228. padding: 0;
  229. }
  230. #contents div.blogs span {
  231. float: left;
  232. background-position: 0 0;
  233. display: block;
  234. height: 130px;
  235. width: 130px;
  236. margin-right: 10px;
  237. padding: 7px 7px 23px;
  238. }
  239. #contents div.paginate a {
  240. color: #434242;
  241. font-size: 0.9em;
  242. padding: 0 3px;
  243. }
  244.  
  245. /** IE6 **/
  246. #background {
  247. _height: 1440px;
  248. }
  249.  
  250. #sidebar {
  251. _height: 1440px;
  252. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement