API tools faq
paste
Advertisement
RageQxeen

The Idealist

RageQxeen
Jun 11th, 2018
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.04 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <html>
  3. <style type="text/css">
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Great+Vibes|Aref+Ruqaa);
  6.  
  7. html, body {
  8. background: #000000;
  9. background-image:url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/moving-through-stars-in-space_-1zccenlb__F0000.png");
  10. background-size: 100%;
  11. background-repeat:no-repeat;
  12. background-position:center bottom;
  13. overflow: hidden;
  14. }
  15.  
  16. ::-webkit-scrollbar-button:vertical:{
  17. background-color: #transparent;}
  18.  
  19. ::-webkit-scrollbar-thumb:vertical {
  20. background-color:#transparent;
  21. height:150px;}
  22.  
  23. ::-webkit-scrollbar-thumb:horizontal {
  24. background-color:#transparent;
  25. height:60px;}
  26.  
  27. ::-webkit-scrollbar {
  28. height:60px;
  29. width:5px;
  30. background-color:#transparent;}
  31.  
  32. #image {
  33. width: 450px;
  34. margin: 0px;
  35. border: none;
  36. height: 600px;
  37. background-color:transparent;
  38. position: absolute;
  39. left: 8%;
  40. bottom: 2%;
  41. background-image:url("http://i.picpar.com/HkOc.png");
  42. background-repeat:no-repeat;
  43. background-position: bottom;
  44. background-size: 80%;
  45. }
  46.  
  47. #icon {
  48. width: 170px;
  49. margin: 0px;
  50. border: none;
  51. height: 250px;
  52. background-color:transparent;
  53. position: absolute;
  54. right: 2.5%;
  55. top: 0%;
  56. background-image:url("http://i.picpar.com/MkOc.png");
  57. background-repeat:no-repeat;
  58. background-position: center;
  59. background-size: 100%;
  60. }
  61.  
  62. #image2 {
  63. width: 170px;
  64. margin: 0px;
  65. border: none;
  66. height: 250px;
  67. background-color:transparent;
  68. position: absolute;
  69. right: 2.5%;
  70. bottom: 3.5%;
  71. background-image:url("http://i.picpar.com/PkOc.jpg");
  72. background-repeat:no-repeat;
  73. background-position: center;
  74. background-size: 100%;
  75. }
  76.  
  77. #container {
  78. background-color: #eaebef;
  79. width: 700px;
  80. height: 500px;
  81. margin: auto;
  82. position: absolute;
  83. right: 3%;
  84. bottom: 10%;
  85. z-index: 999999;
  86. border: 3px solid #000000;
  87. }
  88.  
  89. .box1{
  90. position: absolute;
  91. width: 450px;
  92. height: 450px;
  93. margin: auto;
  94. padding: 10px;
  95. font-family: 'Aref Ruqaa', cursive;
  96. left: 3%;
  97. bottom: 3%;
  98. border: 1px solid #000000;
  99. }
  100.  
  101.  
  102. #nav {
  103. background-color:#transparent;
  104. width: 20px;
  105. height: 60px;
  106. margin:auto;
  107. position: absolute;
  108. right: 24%;
  109. bottom: 40%;
  110. text-align:right;
  111. z-index:1;
  112. }
  113.  
  114. #nav a, #nav a:link, #nav a:visited {
  115. display:inline-block;
  116. background: #transparent;
  117. color: #transparent;
  118. margin-top: 0px;
  119. margin-bottom: 0px;
  120. margin-left: 0px;
  121. height: 45px;
  122. width: 168px;
  123. border: 1px solid #000000;
  124. }
  125.  
  126. #nav a:active, #nav a:hover {
  127. display:inline-block;
  128. height: 45px;
  129. width: 168px;
  130. text-decoration:none;
  131. background: #666666;
  132. opacity: 0.5;
  133. color: #000000;
  134. margin: 0px;
  135. }
  136.  
  137. .header{
  138. position:absolute;
  139. bottom:20px;
  140. right:0px;
  141. width:500px;
  142. background:#transparent;
  143. height:100px;
  144. overflow:hidden;
  145. font-family: 'Great Vibes';
  146. font-size: 50px;
  147. font-weight:lighter;
  148. font-style:none;
  149. color: #000;
  150. letter-spacing: 0px;
  151. text-transform:none;
  152. text-align:center;
  153. }
  154.  
  155. #name {
  156. z-index:15;
  157. position: absolute;
  158. left: 0%;
  159. top: 7%;
  160. margin: auto;
  161. background: #transparent;
  162. width: 50vw;
  163. height: 70px;
  164. font-family: Great Vibes;
  165. font-size: 4vw;
  166. background: url(https://i.giphy.com/media/2C8Kf24dnrYNW/giphy.webp) -20px -20px repeat;
  167. -webkit-text-fill-color: transparent;
  168. -webkit-background-clip: text;
  169. display:block;
  170. text-align: center;
  171. letter-spacing: 1px;
  172. -webkit-transition:opacity 2s linear;
  173. line-height:3.6vw;
  174. }
  175.  
  176. #nameunder{
  177. z-index:15;
  178. position: absolute;
  179. left: 0%;
  180. top: 7%;
  181. margin: auto;
  182. background: #transparent;
  183. width: 50vw;
  184. height: 70px;
  185. font-family: Great Vibes;
  186. font-size: 4vw;
  187. -webkit-text-fill-color: transparent;
  188. text-transform: none;
  189. -webkit-background-clip: text;
  190. display:block;
  191. text-shadow: -1px 0 #def5ff, 0 1px #def5ff,1px 0 #def5ff, 0 -1px #def5ff;
  192. text-align: center;
  193. letter-spacing: 1px;
  194. -webkit-transition:opacity 2s linear;
  195. line-height:3.6vw;
  196. }
  197.  
  198. .credit{
  199. position: fixed;
  200. bottom: 0px;
  201. right: 2px;
  202. height: 25px;
  203. width: 25px;
  204. line-height: 15px;
  205. font-size: 10px;
  206. color: #fff;
  207. text-align: center;
  208. font-family: roboto;
  209. }
  210.  
  211. i{color: #75478A;}
  212. b{color: #553672;}
  213. a{color: #415091; text-decoration: none;}
  214. </style>
  215. <div class="credit" title="By RageQxeen">♛</div>
  216.  
  217. <div id="nameunder">The Idealist</div><div id="name">The Idealist</div>
  218.  
  219. <div id="image"></div>
  220.  
  221. <div id="container">
  222.  
  223. <div id="nav">
  224. <a href="#one"></a>
  225. <a href="#two"></a>
  226. <a href="#three"></a>
  227. <a href="#four"></a>
  228. <a href="#five"></a>
  229. </div>
  230.  
  231.  
  232. <div class="box1">
  233. <div style="width: 450px; height: 450px; overflow-y: hidden;">
  234.  
  235. <a name="one"></a>
  236. <div style="width: 450px; height: 450px; overflow: auto;" align="center">
  237. <b>00</b>. Code belongs to me, do not steal. Ask.<br>
  238. <b>01</b>. IC =/= OOC.<br>
  239. <b>02</b>. Smut is 99% more likely with story, but I am not against it otherwise.<br>
  240. <b>03</b>. PM Friendly.<br>
  241. <b>04</b>. Female Typist whom is taken IRL.<br>
  242. <b>05</b>. 10 years RP experience, 7 on RPC.<br>
  243. <b>06</b>. Discord/Skype is earned.<br>
  244. <b>07</b>. Anything else that does not belong to me is the rightful property of their creators, etc. etc.<br>
  245. <b>08</b>. I'm very friendly with the block button, don't be a brat.<br>
  246. <b>09</b>. Any questions, comments or concerns? Please don't hesitate to PM me.<br>
  247. <b>10</b>. If you desire a code either for free or commissioned, inform me and I will show you my work or recommend someone.
  248. </div>
  249.  
  250. <a name="two"></a>
  251. <div style="width: 450px; height: 450px; overflow: auto;" align="center">
  252. <font style=float:left><b>Name</b></font> <font style=float:right></font><br>
  253. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
  254. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  255. <font style=float:left><b>Apparent Age</b></font> <font style=float:right></font><br><br>
  256. <font style=float:left><b>Race</b></font> <font style=float:right></font><br>
  257. <font style=float:left><b>Height</b></font> <font style=float:right></font><br>
  258. <font style=float:left><b>Weight</b></font> <font style=float:right></font><br>
  259. <font style=float:left><b>Tresses</b></font> <font style=float:right>Brown</font><br>
  260. <font style=float:left><b>Irises</b></font> <font style=float:right>Gold</font><br><br>
  261. <font style=float:left><b>Marital</b></font> <font style=float:right><a target="_blank" href="">In Love</a></font><br>
  262. <font style=float:left><b>Orientation</b></font> <font style=float:right>Straight</font><br>
  263. </div>
  264.  
  265. <a name="three"></a>
  266. <div style="width: 450px; height: 450px; overflow: auto;" align="center">
  267.  
  268. </div>
  269.  
  270. <a name="four"></a>
  271. <div style="width: 450px; height: 450px; overflow: auto;" align="center">
  272.  
  273. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  274. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a><br>
  275. </div>
  276.  
  277. <a name="five"></a>
  278. <div style="width: 450px; height: 450px; overflow: auto;" align="center">
  279.  
  280. </div>
  281. </div>
  282. </div>
  283.  
  284.  
  285.  
  286.  
  287.  
  288. <div class="box3">
  289.  
  290.  
  291. <div id="image2"></div>
  292. <div id="icon"></div>
  293. </div>
  294.  
  295.  
  296. </div>
  297. </body>
  298. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!