API tools faq
paste
Beautifulie

— ᴡɪᴛᴄʜᴄʀᴀғᴛ.

Beautifulie
Feb 5th, 2014
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.46 KB | None | 0 0
raw download clone embed print report
  1. <title>ɪ ᴋɴᴇᴡ ᴛʜᴀᴛ ᴛʜᴇ ʟɪɢʜᴛs ɪɴ ᴛʜᴇ ᴄɪᴛʏ ᴡᴇʀᴇ ᴛᴏᴏ ʜᴇᴀᴠᴇɴ ғᴏʀ ᴍᴇ</title>
  2.  
  3. <style type="text/css">
  4. .pfor{display: none; }
  5. #profile { border: 0px; background-color: transparent; }
  6. </style>
  7.  
  8. <style type="text/css">
  9. body {
  10. font-family: arial narrow;
  11. font-size: 10px;
  12. background-color: #FFFFFF;
  13. background-image: url('http://i.picpar.com/tXv.png');
  14. background-attachment: fixed;
  15. background-position: fixed;
  16. background-repeat: repeat;
  17. text-align: justify;
  18. color: #888888;
  19. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  20. }
  21.  
  22. b, strong {font-family: century gothic; font-size: 11px; font-variant: small-caps; color:#691111; font-weight:normal; letter-spacing: -1px;}
  23. i {color: #B67D82; font-family: century gothic; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
  24. 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;}
  25. 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;}
  26. big {color: #181818; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
  27. small {color: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  28.  
  29. @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);
  30.  
  31. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  32. -moz-border-radius: 0px 0px 0px 0px;
  33. border-radius:0px 0px 0px 0px;}
  34. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
  35. -moz-border-radius: 0px 0px 0px 0px;
  36. border-radius:0px 0px 0px 0px;}
  37. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
  38. -moz-border-radius: 0px 0px 0px 0px;
  39. border-radius:0px 0px 0px 0px;}
  40. ::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}
  41.  
  42. @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);
  43.  
  44. h2{
  45. font-size: 50px;
  46. font-variant: small-caps;
  47. color: #EDEDEE;
  48. text-transform: normal;
  49. letter-spacing: -1px;
  50. text-align: right;
  51. background-color: none;
  52. line-height: 0px;
  53. text-align: center;
  54. font-family: grand hotel;
  55. text-shadow: #669966 2px 3px 4px;
  56. padding: 0px;
  57. font-weight: normal;
  58. }
  59.  
  60. #esme{
  61. position: fixed;
  62. left: 100px;
  63. bottom: 0px;
  64. width: 250px;
  65. height: 400px;
  66. border: 5px Solid #2B3A35;
  67. border-radius: 5px 0px 0px 5px;
  68. -moz-border-radius: 5px 0px 0px 5px;
  69. background-color: #0c0c0c;
  70. background-image:url('http://i.picpar.com/4H7.png');
  71. background-repeat: no-repeat;
  72. background-position: 0px 0px;
  73. z-index: 200;
  74. }
  75.  
  76. #witch {
  77. position: fixed;
  78. left: 160px;
  79. bottom: 0px;
  80. height: 410px;
  81. width: 200px;
  82. border-right: 10px solid #2B3A35;
  83. overflow: auto;
  84. background: url('http://25.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo6_250.png');
  85. -webkit-transition: all 5s ease-out;
  86. -moz-transition: all 5s ease-out;
  87. z-index: 3;
  88. }
  89.  
  90. #witch:hover {
  91. width: 820px;
  92. -webkit-transition: all 2s ease-out;
  93. -moz-transition: all 2s ease-out;
  94. z-index: 3;
  95. }
  96.  
  97. .stats {
  98. position: absolute;
  99. left: 205px;
  100. top: 2px;
  101. width: 295px;
  102. height: 150px;  
  103. background-color: #EDEDEE;
  104. overflow: auto;
  105. text-align: justify;
  106. font-face: verdana;
  107. font-size: 10px;
  108. font-variant: small-caps;
  109. color: #212121;
  110. border: 4px Solid #2B3A35;
  111. line-height: 13px;
  112. z-index: 500;
  113. }
  114.  
  115. .history {
  116. position: absolute;
  117. left: 511px;
  118. top: 2px;
  119. width: 295px;
  120. height: 150px;  
  121. background-color: #EDEDEE;
  122. overflow: auto;
  123. text-align: justify;
  124. font-face: verdana;
  125. font-size: 10px;
  126. font-variant: small-caps;
  127. color: #212121;
  128. border: 4px Solid #2B3A35;
  129. line-height: 13px;
  130. z-index: 500;
  131. }
  132.  
  133. .abilities {
  134. position: absolute;
  135. left: 205px;
  136. bottom: 0px;
  137. width: 295px;
  138. height: 150px;  
  139. background-color: #EDEDEE;
  140. overflow: auto;
  141. text-align: justify;
  142. font-face: verdana;
  143. font-size: 10px;
  144. font-variant: small-caps;
  145. color: #212121;
  146. border: 4px Solid #2B3A35;
  147. line-height: 13px;
  148. z-index: 500;
  149. }
  150.  
  151. .ooc {
  152. position: absolute;
  153. left: 511px;
  154. bottom: 0px;
  155. width: 295px;
  156. height: 150px;  
  157. background-color: #EDEDEE;
  158. overflow: auto;
  159. text-align: justify;
  160. font-face: verdana;
  161. font-size: 10px;
  162. font-variant: small-caps;
  163. color: #212121;
  164. border: 4px Solid #2B3A35;
  165. line-height: 13px;
  166. z-index: 500;
  167. }
  168.  
  169. .friends {
  170. position: absolute;
  171. left: 205px;
  172. bottom: 160px;
  173. width: 601.3px;
  174. height: 80px;  
  175. background-color: #EDEDEE;
  176. overflow: auto;
  177. text-align: justify;
  178. font-face: verdana;
  179. font-size: 10px;
  180. font-variant: small-caps;
  181. color: #212121;
  182. border: 4px Solid #2B3A35;
  183. line-height: 13px;
  184. z-index: 500;
  185. }
  186.  
  187. .spell{
  188. height: 70px;
  189. width: 70px;
  190. margin-top: 3px;
  191. margin-left: 1px;
  192. display: inline-block;
  193. border: #669966 2px solid;
  194. opacity: 0.7;
  195. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  196. }
  197.  
  198. .spell:hover {
  199. opacity: 1;
  200. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  201. }
  202.  
  203. .craft{
  204. height: 70px;
  205. width: 70px;
  206. margin-top: 7px;
  207. margin-left: 1px;
  208. display: inline-block;
  209. border: #669966 2px solid;
  210. opacity: 0.7;
  211. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  212. }
  213.  
  214. .craft:hover {
  215. opacity: 1;
  216. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  217. }
  218.  
  219. a {
  220. color: #690000;
  221. display: inline-block;
  222. text-decoration: none;
  223. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  224. }
  225.        
  226. a:hover {
  227. color: transparent;
  228. display: inline-block;
  229. text-decoration: none;
  230. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  231. }
  232.  
  233. .image {
  234. opacity: 0;
  235. width: 250px;
  236. height: 400px;
  237. background-color: #EDEDEE;
  238. text-align: justify;
  239. overflow: auto;
  240. -ms-transition: opacity .3s linear;
  241. -moz-transition: opacity .3s linear;
  242. -o-transition: opacity .3s linear;
  243. -webkit-transition: opacity .3s linear; }
  244.  
  245. .image:hover {
  246. opacity: 1; }
  247.  
  248. .text {
  249. line-height: 1.5;
  250. font-family: verdana;
  251. font-variant: small-caps;
  252. font-size: 10;
  253. color: #212121;
  254. text-align: justify; }
  255.  
  256. a.spook:link, a.spook:active, a.spook:visited{
  257. background-color: #669966;
  258. display: inline-block;
  259. margin: 5px;
  260. width: 110px;
  261. height: 20px;
  262. font-family: verdana;
  263. font-variant: small-caps;
  264. font-size: 10;
  265. color: #EDEDEE;
  266. text-decoration: none;
  267. letter-spacing: 1px;
  268. text-transform: normal;
  269. text-align: center;
  270. line-height: 21px;
  271. -webkit-transition: all 0.5s ease-in-out;
  272. -moz-transition: all 0.5s ease-in-out;
  273. -o-transition: all 0.5s ease-in-out;
  274. -ms-transition: all 0.5s ease-in-out;
  275. transition: all 0.5s ease-in-out;}
  276.  
  277. a.spook:hover{
  278. background-color: #EDEDED;
  279. color: #222;}
  280.  
  281. .links{
  282. position:fixed;
  283. width: 245px;
  284. height: autopx;
  285. background-color: transparent;
  286. }
  287.  
  288. .music{
  289. position: fixed;
  290. bottom: 0px;
  291. background-color: transparent;
  292. }
  293.  
  294. #credit{
  295. position:fixed;
  296. bottom:0px;
  297. left:0px;
  298. z-index:450;}
  299.  
  300.  
  301. </style>
  302.  
  303. <div id="witch">
  304. <div class="stats">
  305. This is a test. #1
  306. </div>
  307.  
  308. <div class="history">
  309. This is a test. #2
  310. </div>
  311.  
  312. <div class="abilities">
  313. This is a test. #3
  314. </div>
  315.  
  316. <div class="ooc">
  317. This is a test. #4
  318. </div>
  319.  
  320. <div class="friends">
  321. <img src="" class="spell"></img>
  322. <img src="" class="spell"></img>
  323. <img src="" class="spell"></img>
  324. <img src="" class="spell"></img>
  325. <img src="" class="spell"></img>
  326. <img src="" class="spell"></img>
  327. <img src="" class="spell"></img>
  328. <img src="" class="spell"></img>
  329. <img src="" class="spell"></img>
  330. <img src="" class="spell"></img>
  331. <img src="" class="spell"></img>
  332. <img src="" class="spell"></img>
  333. </div>
  334.  
  335. </div>
  336.  
  337. <div id="esme">
  338. <div class="image"><div class="text">
  339. <h2>Esme</h2>
  340. At the curtain’s call, it's the last of all<br>
  341. When the lights fade out, all the sinners crawl<br>
  342.  
  343. So they dug your grave and the masquerade<br>
  344. Will come calling out at the mess you've made<br>
  345.  
  346. Don't wanna let you down, but I am hell bound<br>
  347. Though this is all for you, don't wanna hide the truth<br>
  348. <center><img src="http://i.picpar.com/7K7.jpg" class="craft"></img>
  349. <img src="http://i.picpar.com/6K7.png" class="craft"></img>
  350. <img src="http://i.picpar.com/5K7.png" class="craft"></img></center>
  351.  
  352. <div class="links">
  353. <a href="" class="spook">WITCHES</a>
  354. <a href="" class="spook">GROUP PAGE</a>
  355. <a href="" class="spook">OOC</a>
  356. <a href="" class="spook">THEME</a>
  357. <a href="" class="spook">ALT</a>
  358. <a href="" class="spook">CREDIT</a>
  359. </div>
  360.  
  361. <div class="music">
  362. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="250" height="20">
  363.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  364.     <param name="bgcolor" value="#2B3A35" />
  365.     <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/r367850on0/Fenech-Soler_-_Maiyu.mp3&amp;bgcolor=2B3A35&amp;loadingcolor=2B3A35&amp;buttoncolor=669966&amp;slidercolor=669966" />
  366. </object>
  367. </div>
  368.  
  369. </div></div></div>
  370.  
  371. <div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!