Beautifulie

— ʀᴇsᴛᴏʀᴀᴛɪᴏɴ ᴘʀɪɴᴄᴇss.

Jan 25th, 2014
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.78 KB | None | 0 0
  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. #Image {
  43. position: fixed;
  44. left: 30px;
  45. top: 111px;
  46. width: 250px;
  47. height: 400px;
  48. border: 3px Solid #62827D;
  49. border-radius: 5px;
  50. -moz-border-radius: 5px;
  51. background-color: #0c0c0c;
  52. background-image:url('http://i.picpar.com/e66.png');
  53. background-repeat: no-repeat;
  54. background-position: 0px 0px;
  55. z-index: 200;
  56. }
  57.  
  58. #friends {
  59. position: fixed;
  60. width: 252px;
  61. height: 175px;
  62. left: 30px;
  63. top: 337px;
  64. background-color: transparent;
  65. border-bottom: 10px solid;
  66. border-color: a8cbc7;
  67. overflow-x: hidden;
  68. transition: all 0.7s ease-in-out;
  69. -webkit-transition: all 0.7s ease-in-out;
  70. -moz-transition: all 0.7s ease-in-out;
  71. border-radius: 24px 24px;
  72. z-index: 100;
  73. }
  74.  
  75. #friends:hover {
  76. position: fixed;
  77. top: 510px;
  78. border-color: transparent;
  79. -webkit-transition: all 0.7s ease-in-out;
  80. -moz-transition: all 0.7s ease-in-out;
  81. border-radius: 10px 10px;
  82. z-index: 100;
  83. }
  84.  
  85. .info {
  86. position: relative;
  87. margin-top: 10px;
  88. margin-left: 3px;
  89. width: 240px;
  90. height: 120px;
  91. overflow: auto;
  92. text-align: justify;
  93. line-height: 13px;
  94. font-size: 10px;
  95. background-color: #EDEDEE;  
  96. font-face: verdana;
  97. font-variant: small-caps;
  98. color: #212121;
  99. overflow: auto;
  100. border: 2px #414A4C Solid;
  101. z-index: 100;
  102. }
  103.  
  104. #Navi {
  105. position: fixed;
  106. left: 5px;
  107. top: 200px;
  108. width: 30px;
  109. background-color: transparent;
  110. }
  111.  
  112. a.nav:link, a.nav:active, a.nav:visited{
  113. letter-spacing: 1px;
  114. text-transform: uppercase;
  115. display: inline-block;
  116. width: 20px;
  117. height: 20px;
  118. color: #fff;
  119. background-color: #548695;
  120. text-align: center;
  121. line-height: 10px;    
  122. border: 2px solid d5e3f2;
  123. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  124. -webkit-transition: all 0.4s ease-out;
  125. -moz-transition: all 0.4s ease-out;
  126. border-radius: 240px;
  127. }
  128.  
  129. a.nav:hover{
  130. background-color: d5e3f2;
  131. border: 2px solid #548695;
  132. text-decoration: none;
  133. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  134. border-radius: 240px;
  135. }
  136.  
  137. .box {
  138. position: fixed;
  139. left: -400px;
  140. top: 115px;  
  141. width: 350px;
  142. height: 380px;
  143. padding: 5px;
  144. color: #212121;
  145. font-family: verdana;
  146. font-variant: small-caps;
  147. text-align: justify;  
  148. font-size: 10px;
  149. line-height: 13px;  
  150. overflow: auto;
  151. border: 3px Solid d5e3f2;
  152. background-color: #EDEDEE;
  153. opacity: 0;
  154. transition: all 0.5s ease-in-out;
  155. -webkit-transition: all 0.5s ease-in-out;
  156. -moz-transition: all 0.5s ease-in-out;
  157. -o-transition: all 0.5s ease-in-out;
  158. -ms-transition: all 0.5s ease-in-out;
  159. }
  160.  
  161. .box:target {
  162. top: 115px;
  163. left: 290px;
  164. opacity: 1;
  165. transition: all 0.5s ease-in-out;
  166. -webkit-transition: all 0.5s ease-in-out;
  167. -moz-transition: all 0.5s ease-in-out;
  168. -o-transition: all 0.5s ease-in-out;
  169. -ms-transition: all 0.5s ease-in-out;
  170. }
  171.  
  172. .snow {
  173. height: 45px;
  174. width: 45px;
  175. margin-top: 7px;
  176. margin-left: 1px;
  177. display: inline-block;
  178. border: d5e3f2 2px solid;
  179. opacity: 0.7;
  180. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  181. }
  182.  
  183. .snow:hover {
  184. opacity: 1;
  185. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default;
  186. }
  187.  
  188. a {
  189. color: #690000;
  190. display: inline-block;
  191. text-decoration: none;
  192. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  193. }
  194.        
  195. a:hover {
  196. color: transparent;
  197. display: inline-block;
  198. text-decoration: none;
  199. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  200. }
  201.  
  202. #title{
  203. position: fixed;
  204. top: 50px;
  205. left: 50px;
  206. z-index: 550;
  207. color: #FEFEFE;
  208. font-size: 80px;
  209. line-height: 80px;
  210. letter-spacing: -2px;
  211. font-family: Grand Hotel;
  212. text-shadow: #a8cbc7 2px 3px 4px;
  213. z-index: 600;
  214. }
  215.  
  216. </style>
  217.  
  218. <div id="Image"></div>
  219.  
  220. <div id="friends">
  221. <div class="info">
  222. <a href="/profile.php?userid=202562" target="_blank"><img src="https://31.media.tumblr.com/1b0d958dc5adeda4e9f0a4e2e2916bea/tumblr_inline_mxocnbTSsS1qbrmq7.png" class="snow"></a>
  223. <a href="/profile.php?userid=225250" target="_blank"><img src="https://31.media.tumblr.com/7e3a059aba2ecaa19047ef422e4b7133/tumblr_inline_mxocvuAP5l1qbrmq7.png" class="snow"></a>
  224. <a href="/profile.php?userid=262325" target="_blank"><img src="http://media.tumblr.com/e8e8df37fce7a43abb861d8eee23ced9/tumblr_inline_mo2fvxzQad1qz4rgp.png" class="snow"></a>
  225. <a href="/profile.php?userid=262965" target="_blank"><img src="http://i.picpar.com/C56.png" class="snow"></a>
  226. <a href="/profile.php?userid=263714" target="_blank"><img src="http://i.picpar.com/B56.png" class="snow"></a>
  227. <a href="/profile.php?userid=263539" target="_blank"><img src="http://i.picpar.com/856.png" class="snow"></a>
  228. <a href="/profile.php?userid=263539" target="_blank"><img src="http://i.picpar.com/856.png" class="snow"></a>
  229. <a href="/profile.php?userid=263539" target="_blank"><img src="http://i.picpar.com/856.png" class="snow"></a>
  230. <a href="/profile.php?userid=263539" target="_blank"><img src="http://i.picpar.com/856.png" class="snow"></a>
  231. </div></div>
  232.  
  233. <div id="Navi">
  234. <a class="nav" href="#ooc"></a>
  235. <a class="nav" href="#stats"></a>
  236. <a class="nav" href="#classes"></a>  
  237. <a class="nav" href="#supports"></a>
  238. <a class="nav" href="#personality"></a>
  239. <a class="nav" href="#history"></a>
  240. <a class="nav" href="/profile.php?userid=263799" title="alt"></a>
  241. <a class="nav" href="#tsundere" title="restart"></a>
  242. </div>
  243.  
  244. <div id="ooc" class="box">
  245.  
  246. </div>
  247.  
  248. <div id="stats" class="box">
  249.  
  250. </div>
  251.  
  252. <div id="classes" class="box">
  253.  
  254. </div>
  255.  
  256. <div id="supports" class="box">
  257.  
  258. </div>
  259.  
  260. <div id="personality" class="box">
  261.  
  262. </div>
  263.  
  264. <div id="history" class="box">
  265.  
  266. </div>
  267.  
  268.  
  269. <div id="title">♚ Eirika</div>
Advertisement
Add Comment
Please, Sign In to add comment