Beautifulie

— ʀᴏᴀʀ.

Jan 3rd, 2014
185
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.96 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. .pfor { display: none; }
  4. #profile { background-color: transparent; border: none; }
  5. </style>
  6.  
  7. <style type="text/css">
  8. body {
  9. font-family: verdana;
  10. font-size: 10px;
  11. background-color: #EDEDED;
  12. background-image: url('http://i.picpar.com/om4.png');
  13. background-attachment: fixed;
  14. background-position: bottom right;
  15. background-repeat: repeat;
  16. text-align: justify;
  17. color: #888888;
  18. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  19. }
  20.  
  21. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#BC242D; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  22. i {color: #666666; font-family: 'verdana'; font-variant: small-caps; font-size: 10px; letter-spacing:0px}
  23. u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
  24. s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
  25. big {color: #303646; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
  26. small {color: #555555; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  27.  
  28. ::-webkit-scrollbar-button:vertical:{background-color: #111;
  29. -moz-border-radius: 0px 0px 0px 0px;
  30. border-radius:0px 0px 0px 0px;}
  31. ::-webkit-scrollbar-thumb:vertical {background-color: #111; height:20px;
  32. -moz-border-radius: 0px 0px 0px 0px;
  33. border-radius:0px 0px 0px 0px;}
  34. ::-webkit-scrollbar-thumb:horizontal {background-color: #111; height:20px !important;
  35. -moz-border-radius: 0px 0px 0px 0px;
  36. border-radius:0px 0px 0px 0px;}
  37. ::-webkit-scrollbar { height:20px;width:0px; background-color:transparent;}
  38.  
  39. h1{
  40. font-size: 23px;
  41. font-variant: small-caps;
  42. color: #444444;
  43. text-transform: lowercase;
  44. letter-spacing: -1px;
  45. text-align: right;
  46. background-color: none;
  47. line-height: 2px;
  48. text-align: center;
  49. font-family: century gothic;
  50. text-shadow: #520000 2px 3px 4px;
  51. margin-top: 5px;
  52. margin-bottom: 8px;
  53. display: block;
  54. background-color: #151413;
  55. border-right: 1px solid #4B4330;
  56. padding: 0px;
  57. font-weight: normal;
  58. }
  59.  
  60. h2{
  61. font: 10px verdana;
  62. font-variant: small-caps;
  63. color: #121212;
  64. text-transform: none;
  65. letter-spacing: 1px;
  66. border-bottom: none;
  67. background-color: none;
  68. line-height: 8px;
  69. text-align: left;
  70. border-right: #212121 23px Solid;
  71. margin: 1px;
  72. padding: 0px;}
  73.  
  74. #title{
  75. position: fixed;
  76. top: 80px;
  77. left: 360px;
  78. z-index: 550;
  79. color: #121212;
  80. font-size: 90px;
  81. line-height: 80px;
  82. letter-spacing: -2px;
  83. font-family: lavanderia delicate;
  84. z-index: 99999;
  85. }
  86.  
  87. #links{
  88. position: fixed;
  89. top: 147px;
  90. left: 1080px;
  91. width: auto;
  92. height: 30px;
  93. background-color: transparent;
  94. z-index: 999;
  95. }
  96.  
  97. #line{
  98. position:fixed;
  99. right: 0px;
  100. top: 150px;
  101. width: 100%;
  102. height: 500px;
  103. padding: 0px;
  104. z-index:999;
  105. background-color: #DED4D2;
  106. border-top: 25px solid #e5e1ed;}
  107.  
  108. #image {
  109. position: fixed;
  110. left: 200px;
  111. top: 30px;
  112. background-color: #dfd7e3;
  113. width: 150px;
  114. height: 300px;
  115. overflow: hidden;
  116. background-color: #171717;
  117. background-image:url('https://24.media.tumblr.com/1f4e958e422c9883d86d70e8a93e6057/tumblr_mytn09hEkQ1skb9kpo1_500.jpg');
  118. background-repeat: no-repeat;
  119. background-position: 0px 0px;
  120. background-size: 150px 300px;
  121. border: #e5e1ed 2px Double;
  122. z-index: 9999;
  123. }
  124.  
  125. #admin {
  126. position: fixed;
  127. left: 20px;
  128. top: 180px;
  129. background-color: #dfd7e3;
  130. width: 150px;
  131. height: 230px;
  132. overflow: hidden;
  133. background-color: #171717;
  134. border: #e5e1ed 2px Double;
  135. z-index: 9999;
  136. }
  137.  
  138. #coadmin {
  139. position: fixed;
  140. left: 20px;
  141. top: 430px;
  142. background-color: #dfd7e3;
  143. width: 150px;
  144. height: 230px;
  145. overflow: hidden;
  146. background-color: #171717;
  147. border: #e5e1ed 2px Double;
  148. z-index: 9999;
  149. }
  150.  
  151. #members {
  152. position: fixed;
  153. left: 200px;
  154. top: 340px;
  155. background-color: #dfd7e3;
  156. width: 150px;
  157. height: 330px;
  158. overflow: auto;
  159. background-color: transparent;
  160. z-index: 9999;
  161. }
  162.  
  163. #house {
  164. position: fixed;
  165. left: 400px;
  166. top: 180px;
  167. background-color: #dfd7e3;
  168. width: 700px;
  169. height: 150px;
  170. overflow: hidden;
  171. background-color: #171717;
  172. background-image:url('http://latimesblogs.latimes.com/.a/6a00d8341c630a53ef0147e215872c970b-600wi');
  173. background-repeat: no-repeat;
  174. background-position: 0px 0px;
  175. background-size: 700px 150px;
  176. border: #e5e1ed 2px Double;
  177. z-index: 9999;
  178. }
  179.  
  180. #B1 {
  181. position: fixed;
  182. left: 400px;
  183. top: 340px;
  184. background-color: #dfd7e3;
  185. width: 230px;
  186. height: 320px;
  187. overflow: hidden;
  188. background-color: #171717;
  189. border: #e5e1ed 2px Double;
  190. z-index: 9999;
  191. }
  192.  
  193. #B2 {
  194. position: fixed;
  195. left: 640px;
  196. top: 340px;
  197. background-color: #dfd7e3;
  198. width: 220px;
  199. height: 320px;
  200. overflow: hidden;
  201. background-color: #171717;
  202. border: #e5e1ed 2px Double;
  203. z-index: 9999;
  204. }
  205.  
  206. #B3 {
  207. position: fixed;
  208. left: 870px;
  209. top: 340px;
  210. background-color: #dfd7e3;
  211. width: 230px;
  212. height: 320px;
  213. overflow: hidden;
  214. background-color: #171717;
  215. border: #e5e1ed 2px Double;
  216. z-index: 9999;
  217. }
  218.  
  219. #B4 {
  220. position: fixed;
  221. left: 1110px;
  222. top: 180px;
  223. background-color: #dfd7e3;
  224. width: 250px;
  225. height: 250px;
  226. overflow: hidden;
  227. background-color: #171717;
  228. border: #e5e1ed 2px Double;
  229. z-index: 9999;
  230. }
  231.  
  232. #B5 {
  233. position: fixed;
  234. left: 1110px;
  235. top: 440px;
  236. background-color: #dfd7e3;
  237. width: 250px;
  238. height: 220px;
  239. overflow: hidden;
  240. background-color: #171717;
  241. border: #e5e1ed 2px Double;
  242. z-index: 9999;
  243. }
  244.  
  245. a.rose:link, a.rose:active, a.rose:visited{
  246. height: 15px;
  247. display: block;
  248. float: left;
  249. width: 40px;
  250. margin: 5px;
  251. font-family: verdana;
  252. font-variant: small-caps;
  253. font-size: 12px;
  254. letter-spacing: -1px;
  255. background-color: transparent;
  256. color: #FEFEFE;
  257. padding: 2px;
  258. text-align: center;
  259. -webkit-transition: all 0.6s ease-out;
  260. -moz-transition: all 0.6s ease-out;
  261. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default; }
  262.  
  263. a.rose:hover{
  264. background-color: #222222;
  265. color: CCC;
  266. text-decoration: none;
  267. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default; }
  268.  
  269. a.devil:link, a.devil:active, a.devil:visited{
  270. height: 15px;
  271. display: block;
  272. float: left;
  273. width: 140px;
  274. margin: 5px;
  275. font-family: verdana;
  276. font-variant: small-caps;
  277. font-size: 12px;
  278. letter-spacing: -1px;
  279. background-color: transparent;
  280. color: #FEFEFE;
  281. padding: 2px;
  282. text-align: center;
  283. -webkit-transition: all 0.6s ease-out;
  284. -moz-transition: all 0.6s ease-out;
  285. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default; }
  286.  
  287. a.devil:hover{
  288. background-color: #222222;
  289. color: CCC;
  290. text-decoration: none;
  291. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default; }
  292.  
  293. a {
  294. color: #990000;
  295. text-decoration: none;
  296. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  297. }
  298.    
  299. a:hover {
  300. color: #888888;
  301. text-decoration: none;
  302. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  303. }
  304.  
  305. #credit{
  306. position:fixed;
  307. top: 130px;
  308. left: 0px;
  309. z-index:99999;
  310. }
  311.  
  312. </style>
  313.  
  314. <div id="line"></div>
  315. <div id="image"></div>
  316.  
  317. <div id="links">
  318. <a href="" class="rose" target="_blank">LINK</a>
  319. <a href="" class="rose" target="_blank">LINK</a>
  320. <a href="" class="rose" target="_blank">LINK</a>
  321. <a href="" class="rose" target="_blank">LINK</a>
  322. <a href="" class="rose" target="_blank">LINK</a>
  323. </div>
  324.  
  325. <div id="house"></div>
  326.  
  327. <div id="B1">
  328. WIP
  329. </div>
  330.  
  331. <div id="B2">
  332. WIP
  333. </div>
  334.  
  335. <div id="B3">
  336. WIP
  337. </div>
  338.  
  339. <div id="B4">
  340. WIP
  341. </div>
  342.  
  343. <div id="B5">
  344. WIP
  345. </div>
  346.  
  347. <div id="admin"><a href="" target="_blank" title="Founder and admin of the room on RPC."><img src="http://placehold.it/150x230"></img></a></div>
  348. <div id="coadmin"><a href="" target="_blank" title="Co-admin of the room on RPC."><img src="http://placehold.it/150x230"></img></a></div>
  349.  
  350. <div id="members">
  351. <a href="" class="devil" target="_blank">LINK</a>
  352. <a href="" class="devil" target="_blank">LINK</a>
  353. <a href="" class="devil" target="_blank">LINK</a>
  354. <a href="" class="devil" target="_blank">LINK</a>
  355. <a href="" class="devil" target="_blank">LINK</a>
  356. <a href="" class="devil" target="_blank">LINK</a>
  357. <a href="" class="devil" target="_blank">LINK</a>
  358. <a href="" class="devil" target="_blank">LINK</a>
  359. <a href="" class="devil" target="_blank">LINK</a>
  360. <a href="" class="devil" target="_blank">LINK</a>
  361. <a href="" class="devil" target="_blank">LINK</a>
  362. </div>
  363.  
  364. <div id="title">
  365. The Devil Rose Mansion
  366. </div>
  367.  
  368. <div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Remi" title="{ - Copyright - } Do not touch this layout. It is not yours. k? k."><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A>
Advertisement
Add Comment
Please, Sign In to add comment