Advertisement
Guest User

CSS Datei

a guest
Oct 25th, 2013
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.82 KB | None | 0 0
  1. @charset "UTF-8";
  2. /* HTML AND BODY */
  3. /* // ---------------------------------------------------\\ */
  4. /* // LAYOUT CODED BY || ME.AND.YOU. || HABBO.DE \\ */
  5. /* // LAYOUT CODED BY || SCHOKOBRN || HABBO-HOTEL.ST \\ */
  6. /* // LAYOUT DESIGNED BY || tm.1101 || HABBO.DE \\ */
  7. /* // SchokoBrunnen 2009 - 2013 \\ */
  8. /* // ---------------------------------------------------\\ */
  9.  
  10.  
  11. html, body {
  12. background-image: url("../images/bg.png");
  13. margin: 0;
  14. padding: 0;
  15. }
  16.  
  17.  
  18. /* DIES UND DAS */
  19.  
  20. #fix
  21. {
  22. width: 1000px;
  23. margin:auto;
  24. min-height: 1000px;
  25. }
  26.  
  27. img {
  28. border: none;
  29. }
  30.  
  31.  
  32. #floatright {
  33. float: right;
  34. }
  35. .titel_1 {
  36. padding-left: 70px;
  37. }
  38.  
  39. .content_titel {
  40. padding-top: 8px;
  41. padding-left: 35px;
  42. padding-right: 35px;
  43. }
  44.  
  45. }
  46. /* LINKS */
  47.  
  48. a:link
  49. { font-family: Verdana,Arial;
  50. font-size: 11px;
  51. color: #000000;
  52. text-decoration: none;
  53. text-underline: none; }
  54.  
  55. a:active
  56. { font-family: Verdana,Arial;
  57. font-size: 11px;
  58. color: #00000;
  59. text-decoration: none;
  60. text-underline: none; }
  61.  
  62. a:visited
  63. { font-family: Verdana,Arial;
  64. font-size: 11px;
  65. color: #00000;
  66. text-decoration: none;
  67. text-underline: none; }
  68.  
  69. a:hover
  70. { font-family: Verdana,Arial;
  71. font-size: 11px;
  72. color: #000000;
  73. text-decoration: none;
  74. text-underline: none; }
  75.  
  76.  
  77.  
  78.  
  79. /* POSITIONEN */
  80.  
  81. #left {
  82. float:left;
  83. }
  84.  
  85.  
  86. #right {
  87. float:right;
  88. }
  89.  
  90.  
  91. #clear {
  92. clear:both;
  93. }
  94.  
  95. .p_1 {
  96. position:absolute;
  97. top:10px;
  98. padding-left:20px;
  99. }
  100. .p_2 {
  101. position:absolute;
  102. top:10px;
  103. padding-left:535px;
  104. }
  105.  
  106. .p_3 {
  107. position:absolute;
  108. top:205px;
  109. padding-left:20px;
  110. }
  111. .p_4 {
  112. position:absolute;
  113. top:265px;
  114. padding-left:20px;
  115. }
  116. .p_5 {
  117. position:absolute;
  118. top:265px;
  119. padding-left:460px;
  120. }
  121. .p_6 {
  122. position:absolute;
  123. top:426px;
  124. padding-left:20px;
  125. }
  126. .p_7 {
  127. position:absolute;
  128. top:486px;
  129. padding-left:20px;
  130. }
  131. .p_8 {
  132. position:absolute;
  133. top:600px;
  134. padding-left:20px;
  135. }
  136. .p_9 {
  137. position:absolute;
  138. bottom:10px;
  139. padding-left:20px;
  140. }
  141.  
  142. /* CONTENTBREITE */
  143.  
  144. .contentbreite {
  145. width: 1080px;
  146. margin-left: auto;
  147. margin-right: auto;
  148. float: left;
  149. }
  150.  
  151. /* CONTENTBOX */
  152.  
  153. #oben {
  154. background: url('../images/box/c_oben.png');
  155. width: 963px;
  156. height: 52px;
  157. color: black;
  158. margin-top: 0px;
  159. }
  160.  
  161.  
  162. #mitte {
  163. background: url('../images/box/c_mitte.png');
  164. width: 963px;
  165. height: auto;
  166. color:black;
  167. }
  168.  
  169. #unten {
  170. background: url('../images/box/c_unten.png');
  171. width: 963px;
  172. height:9px;
  173.  
  174. }
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. /* Neuste Bilder Box */
  182.  
  183. #bilderbox {
  184. background: url('../images/box/bilderbox.png');
  185. width:448px;
  186. height:185px;
  187. margin-left: auto;
  188. margin-right: auto;
  189. padding: auto;
  190. color:black;
  191. position: relative;
  192. }
  193.  
  194.  
  195.  
  196.  
  197.  
  198. /* Eventbox */
  199.  
  200. #eventbox {
  201. background: url('../images/box/eventbox.png');
  202. width:431px;
  203. height:151px;
  204. margin-left: auto;
  205. margin-right: auto;
  206. padding: auto;
  207. color:black;
  208. position: relative;
  209. }
  210.  
  211. /* Header */
  212.  
  213. #header {
  214. background: url('../images/box/header.png');
  215. width:506px;
  216. height:185px;
  217. margin-left: auto;
  218. margin-right: auto;
  219. padding: auto;
  220. color:white;
  221. position: relative;
  222. }
  223.  
  224. /* footer */
  225.  
  226. #footer {
  227. background: url('../images/box/footer.png');
  228. width:963px;
  229. height:64px;
  230. margin-left: auto;
  231. margin-right: auto;
  232. padding: auto;
  233. color:black;
  234. position: relative;
  235. }
  236.  
  237. /* Habbo der Woche Box */
  238.  
  239. #hwbox {
  240. background: url('../images/box/hwbox.png');
  241. width:523px;
  242. height:151px;
  243. margin-left: auto;
  244. margin-right: auto;
  245. padding: auto;
  246. position: relative;
  247. }
  248. /* Navigation */
  249.  
  250. #navileiste {
  251. background: url('../images/box/navileiste.png');
  252. width:963px;
  253. height:50px;
  254. margin-left: auto;
  255. margin-right: auto;
  256. padding: auto;
  257. color:black;
  258. position: relative;
  259. }
  260. /* Shoutbox */
  261.  
  262. #shoutbox {
  263. background: url('../images/box/shoutbox.png');
  264. width:963px;
  265. height:50px;
  266. margin-left: auto;
  267. margin-right: auto;
  268. padding: auto;
  269. color:black;
  270. position: relative;
  271. }
  272.  
  273. /* Werbebox */
  274.  
  275. #werbung {
  276. background: url('../images/box/werbung_box.png');
  277. width:963px;
  278. height:102px;
  279. margin-left: auto;
  280. margin-right: auto;
  281. padding: auto;
  282. position: relative;
  283. }
  284. /* Logo */
  285. #logo {
  286. background: url('logo.png');
  287. width:393px;
  288. height:110px;
  289. top:15px;
  290. position:relative;
  291. }
  292.  
  293.  
  294. /* Allgemein */
  295.  
  296. .designbreite {
  297. width: 1080px;
  298. margin-left: auto;
  299. margin-right: auto;
  300. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement