Beautifulie

- dont lose your way.

May 27th, 2014
282
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.15 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: verdana;
  9. font-size: 10px;
  10. background-color: #F7F7F7;
  11. background-image: url('http://i.picpar.com/AHM.png');
  12. background-attachment: fixed;
  13. background-position: bottom right;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur'), default;
  18. }
  19.  
  20. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#838894; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  21. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
  22. 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;}
  23. s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
  24. big {color: #666666; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #43150E 0px 0px 1px;}
  25. small {color: #820000; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:0px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  37.  
  38. @import url(http://fonts.googleapis.com/css?family=Origin);
  39.  
  40. #no{
  41. position: fixed;
  42. top: 0px;
  43. left: 0px;
  44. right: 0px;
  45. bottom: 0px;
  46. z-index: 999999;
  47. }
  48.  
  49. #character{
  50. position: fixed;
  51. left: 0px;
  52. bottom: 0px;
  53. }
  54.  
  55. .dont{
  56. position: fixed;
  57. margin-left: 5px;
  58. margin-top: 5px;
  59. background: url('https://31.media.tumblr.com/960def998484ddd4c7f4a372e3ec9463/tumblr_n63qilz5oG1rl9ptpo3_500.gif');
  60. width: 250px;
  61. height: 114px;
  62. background-size: 250px 114px;
  63. background-position: 0px 0px;
  64. background-repeat: no-repeat;
  65. border: 4px Solid #620000;
  66. }
  67.  
  68. .lose{
  69. position: fixed;
  70. margin-left: 5px;
  71. margin-top: 150px;
  72. background: url('https://24.media.tumblr.com/35a277ae6162c073ba23a43c0f220b37/tumblr_n63qilz5oG1rl9ptpo2_250.gif');
  73. width: 250px;
  74. height: 114px;
  75. background-size: 250px 114px;
  76. background-position: 0px 0px;
  77. background-repeat: no-repeat;
  78. border: 4px Solid #620000;
  79. }
  80.  
  81. .your{
  82. position: fixed;
  83. margin-left: 5px;
  84. margin-top: 299px;
  85. background: url('https://31.media.tumblr.com/1ba1a74f552d9d96ae859327d9271333/tumblr_n63qilz5oG1rl9ptpo1_250.gif');
  86. width: 250px;
  87. height: 114px;
  88. background-size: 250px 114px;
  89. background-position: 0px 0px;
  90. background-repeat: no-repeat;
  91. border: 4px Solid #620000;
  92. }
  93.  
  94. .way{
  95. position: fixed;
  96. margin-top: 425px;
  97. margin-left: -10px;
  98. width: 800px;
  99. height: 90px;
  100. overflow: hidden;
  101. background-color: transparent;  
  102. z-index:9999999999;
  103. }
  104.  
  105. #container{
  106. position: fixed;
  107. left: 495px;
  108. top: 150px;
  109. width: 776.2px;
  110. height: 500px;
  111. background-image: url('http://media.tumblr.com/1f53852736e2f58f84d1c06f4fa4d17d/tumblr_inline_mkjlph6wcQ1qz4rgp.png');
  112. background-repeat: repeat;
  113. background-color: #191E26;
  114. overflow: hidden;
  115. border: 5px Solid #5F001B;
  116. z-index: 100;
  117. }
  118.  
  119. .info{
  120. position: fixed;
  121. margin-top: 5px;
  122. margin-left: 270px;
  123. width: 495px;
  124. height: 366px;
  125. border: 3px Solid #620000;
  126. background-color: #EDEDEE;
  127. color: #212121;
  128. font-family: verdana;
  129. font-variant: small-caps;
  130. text-align: justify;  
  131. font-size: 10px;
  132. line-height: 13px;  
  133. overflow: auto;
  134. z-index: 200;
  135. opacity: 1;
  136. }
  137.  
  138. .senketsu {
  139. height: 70px;
  140. width: 70px;
  141. border: #620000 2px solid;
  142. opacity: 0.7;
  143. }
  144.  
  145. .senketsu: hover{
  146. opacity: 1;
  147. }
  148.  
  149. </style>
  150.  
  151. <div id="no" oncontextmenu="return false;">
  152.  
  153. <div id="character">
  154. <img src="https://24.media.tumblr.com/c89694e9148a3ec06d8e833ea2a4b261/tumblr_n67gaaYEN81rmwag9o1_500.png"></img>
  155. </div>
  156.  
  157. <div id="container">
  158. <div class="dont"></div> <div class="lose"></div> <div class="your"></div>
  159.  
  160. <div class="way">
  161. <a href="profile.php?user=" target="_blank"><img src="http://img62.imageshack.us/img62/5062/isyj.png" title="Needed." class="senketsu"></a>
  162. <a href="profile.php?user=" target="_blank"><img src="http://img546.imageshack.us/img546/5648/d39x.png" title="Needed." class="senketsu"></a>
  163. <a href="profile.php?user=" target="_blank"><img src="http://img15.imageshack.us/img15/8703/4r09.png" title="Needed." class="senketsu"></a>
  164. <a href="profile.php?user=" target="_blank"><img src="http://static.mediatropes.info/pmwiki/pub/images/ira_gamagori8779_jpg_100.png" class="senketsu"></a>
  165. <a href="profile.php?user=" target="_blank"><img src="http://img823.imageshack.us/img823/1757/zd2e.png" title="Needed." class="senketsu"></a>
  166. <a href="profile.php?user=" target="_blank"><img src="http://img199.imageshack.us/img199/9831/1ek.png" title="Needed." class="senketsu"></a>
  167. <a href="profile.php?user=" target="_blank"><img src="http://img546.imageshack.us/img546/461/bwfi.png" title="Needed." class="senketsu"></a>
  168. <a href="profile.php?user=" target="_blank"><img src="http://ic.pics.livejournal.com/dark_alone/3921922/881116/881116_600.png" title="Needed." class="senketsu"></a>
  169. <a href="profile.php?user=" target="_blank"><img src="http://www.dreamwidth.org/userpic/7527608/2143958" title="Needed." class="senketsu"></a>
  170. <a href="profile.php?user=" target="_blank"><img src="https://31.media.tumblr.com/24c16451d2da5ce99af85085963b535b/tumblr_inline_n2f3e5PEm01qkg79x.png" title="Needed." class="senketsu"></a>
  171. </div>
  172.  
  173. <div class="info">
  174. Dont lose your way.
  175. <hr></hr>
  176. bla bla bla
  177. </div>
  178.  
  179. </div>
Advertisement
Add Comment
Please, Sign In to add comment