API tools faq
paste
Advertisement
RageQxeen

The Twins

RageQxeen
Jun 11th, 2018
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.70 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <html>
  3. <body><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("http://gettingtothapaper.com/wp-content/uploads/2017/03/Galaxy-Background-504.jpg");
  10. background-size: 100%;
  11. background-repeat:no-repeat;
  12. background-position:center bottom;
  13. }
  14.  
  15. ::-webkit-scrollbar-button:vertical:{
  16. background-color: #transparent;}
  17.  
  18. ::-webkit-scrollbar-thumb:vertical {
  19. background-color:#transparent;
  20. height:150px;}
  21.  
  22. ::-webkit-scrollbar-thumb:horizontal {
  23. background-color:#transparent;
  24. height:60px;}
  25.  
  26.  
  27. ::-webkit-scrollbar {
  28. height:60px;
  29. width:5px;
  30. background-color:#transparent;}
  31.  
  32. #image {
  33. width: 400px;
  34. margin: 0px;
  35. border: none;
  36. height: 700px;
  37. background-color:transparent;
  38. position: absolute;
  39. left: 5%;
  40. bottom: 0%;
  41. background-image:url("http://i.picpar.com/4m8c.png");
  42. background-repeat:no-repeat;
  43. background-position: bottom;
  44. background-size: 100%;
  45. }
  46.  
  47. #image2 {
  48. width: 170px;
  49. margin: 0px;
  50. border: none;
  51. height: 250px;
  52. background-color:transparent;
  53. position: absolute;
  54. left: -3%;
  55. bottom: 108%;
  56. background-image:url("http://i.picpar.com/um8c.jpg");
  57. background-repeat:no-repeat;
  58. background-position: center;
  59. background-size: 100%;
  60. border: 1px solid #000000;
  61. }
  62.  
  63. #image3 {
  64. width: 170px;
  65. margin: 0px;
  66. border: none;
  67. height: 250px;
  68. background-color:transparent;
  69. position: absolute;
  70. right: 3%;
  71. top: 135%;
  72. background-image:url("http://i.picpar.com/ym8c.jpg");
  73. background-repeat:no-repeat;
  74. background-position: center;
  75. background-size: 100%;
  76. border: 1px solid #000000;
  77. }
  78.  
  79. #container {
  80. background-color: #eaebef;
  81. width: 700px;
  82. height: 700px;
  83. margin: auto;
  84. position: absolute;
  85. right: 3%;
  86. bottom: 2%;
  87. z-index: 999999;
  88. }
  89.  
  90. .box1{
  91. position: absolute;
  92. width: 450px;
  93. height: 250px;
  94. margin: auto;
  95. padding: 10px;
  96. font-family: 'Aref Ruqaa', cursive;
  97. right: 3%;
  98. top: 8%;
  99. border: 1px solid #000000;
  100. }
  101.  
  102.  
  103. .box2{
  104. position: absolute;
  105. width: 450px;
  106. height: 250px;
  107. margin: auto;
  108. padding: 10px;
  109. font-family: 'Aref Ruqaa', cursive;
  110. left: 3%;
  111. bottom: 3%;
  112. border: 1px solid #000000;
  113. }
  114.  
  115. .box3{
  116. position: absolute;
  117. width: 637px;
  118. height: 50px;
  119. margin: auto;
  120. padding: 10px;
  121. left: 6%;
  122. bottom: 44%;
  123. }
  124.  
  125. #nav {
  126. background-color:#transparent;
  127. width: 20px;
  128. height: 60px;
  129. margin:auto;
  130. position: absolute;
  131. left: 3%;
  132. top: 9%;
  133. text-align:right;
  134. z-index:1;
  135. }
  136.  
  137. #nav2 {
  138. background-color:#transparent;
  139. width: 20px;
  140. height: 60px;
  141. margin:auto;
  142. position: absolute;
  143. right: 24.7%;
  144. bottom: 32%;
  145. text-align:right;
  146. z-index:1;
  147. }
  148.  
  149. #nav a, #nav a:link, #nav a:visited {
  150. display:inline-block;
  151. background: #transparent;
  152. color: #transparent;
  153. margin-top: 0px;
  154. margin-bottom: 0px;
  155. margin-left: 0px;
  156. height: 48.5px;
  157. width: 170px;
  158. -webkit-transition-duration: 1.5s;
  159. -moz-transition-duration: 1.5s;
  160. border: 1px solid #000000;
  161. }
  162.  
  163. #nav a:active, #nav a:hover {
  164. display:inline-block;
  165. height: 48.5px;
  166. width: 170px;
  167. text-decoration:none;
  168. background: #666666;
  169. color: #000000;
  170. margin: 0px;
  171. -webkit-transition-duration: 1.5s;
  172. -moz-transition-duration: 1.5s;
  173. }
  174.  
  175. #nav2 a, #nav2 a:link, #nav2 a:visited {
  176. display:inline-block;
  177. background: #transparent;
  178. color: #transparent;
  179. margin-top: 0px;
  180. margin-bottom: 0px;
  181. margin-left: 0px;
  182. height: 48.5px;
  183. width: 170px;
  184. -webkit-transition-duration: 1.5s;
  185. -moz-transition-duration: 1.5s;
  186. -webkit-border-radius: 5px;
  187. border: 1px solid #000000;
  188. }
  189.  
  190. #nav2 a:active, #nav2 a:hover {
  191. display:inline-block;
  192. height: 48.5px;
  193. width: 170px;
  194. text-decoration:none;
  195. background: #666666;
  196. color: #666666;
  197. margin: 0px;
  198. -webkit-transition-duration: 1.5s;
  199. -moz-transition-duration: 1.5s;
  200. }
  201.  
  202. .header{
  203. position:absolute;
  204. bottom:20px;
  205. right:0px;
  206. width:500px;
  207. background:#transparent;
  208. height:100px;
  209. overflow:hidden;
  210. font-family: 'Great Vibes';
  211. font-size: 25px;
  212. font-weight:lighter;
  213. font-style:none;
  214. color:#000000;
  215. letter-spacing: 0px;
  216. text-transform:none;
  217. text-align:center;
  218. }
  219.  
  220. .credit{
  221. position: fixed;
  222. bottom: 0px;
  223. right: 2px;
  224. height: 25px;
  225. width: 25px;
  226. line-height: 15px;
  227. font-size: 10px;
  228. color: #999;
  229. text-align: center;
  230. font-family: roboto;
  231. }
  232.  
  233. i{color: #75478A;}
  234. b{color: #553672;}
  235. a{color: #415091;}
  236. </style>
  237. <div class="credit" title="By RageQxeen">♛</div>
  238.  
  239. <div id="image"></div>
  240.  
  241. <div id="container">
  242.  
  243. <div class="header" style="top: 50%; left: 15%;">How can you look at the galaxy and not feel insignificant?</div>
  244.  
  245. <div id="nav">
  246. <a href="#one"></a>
  247. <a href="#two"></a>
  248. <a href="#three"></a>
  249. <a href="#four"></a>
  250. <a href="#five"></a>
  251. </div>
  252.  
  253. <div id="nav2">
  254. <a href="#six"></a>
  255. <a href="#seven"></a>
  256. <a href="#eight"></a>
  257. <a href="#nine"></a>
  258. <a href="#ten"></a>
  259. </div>
  260.  
  261. <div class="box1">
  262. <div style="width: 450px; height: 250px; overflow-y: hidden;">
  263.  
  264. <a name="one"></a>
  265. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  266. <font style=float:left><b>Name</b></font> <font style=float:right>Luna</font><br>
  267. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
  268. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  269. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>20</font><br><br>
  270. <font style=float:left><b>Race</b></font> <font style=float:right><a title="Avalonian">Alien</a></font><br>
  271. <font style=float:left><b>Height</b></font> <font style=float:right>5'6"</font><br>
  272. <font style=float:left><b>Weight</b></font> <font style=float:right>130 lbs</font><br>
  273. <font style=float:left><b>Tresses</b></font> <font style=float:right>Blonde</font><br>
  274. <font style=float:left><b>Irises</b></font> <font style=float:right>Yellow</font><br><br>
  275. <font style=float:left><b>Marital</b></font> <font style=float:right>Single</font><br>
  276. <font style=float:left><b>Interest</b></font> <font style=float:right><a href="" target="_blank">None</a></font><br>
  277. <font style=float:left><b>Orientation</b></font> <font style=float:right>Straight</font><br>
  278. </div>
  279.  
  280. <a name="two"></a>
  281. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  282. POWERS HERE
  283. </div>
  284.  
  285. <a name="three"></a>
  286. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  287. HISTORY HERE
  288. </div>
  289.  
  290. <a name="four"></a>
  291. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  292. PICTURES HERE
  293. </div>
  294.  
  295. <a name="five"></a>
  296. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  297. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  298. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  299. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  300. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  301. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  302. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
  303. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a><br>
  304. </div>
  305. </div>
  306. </div>
  307.  
  308.  
  309. <div class="box2">
  310. <div style="width: 450px; height: 250px; overflow-y: hidden;">
  311.  
  312. <a name="six"></a>
  313. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  314. <font style=float:left><b>Name</b></font> <font style=float:right>Star</font><br>
  315. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
  316. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  317. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>20</font><br><br>
  318. <font style=float:left><b>Race</b></font> <font style=float:right><a title="Avalonian">Alien</a></font><br>
  319. <font style=float:left><b>Height</b></font> <font style=float:right>5'6"</font><br>
  320. <font style=float:left><b>Weight</b></font> <font style=float:right>130 lbs</font><br>
  321. <font style=float:left><b>Tresses</b></font> <font style=float:right>Blonde</font><br>
  322. <font style=float:left><b>Irises</b></font> <font style=float:right>Yellow</font><br><br>
  323. <font style=float:left><b>Marital</b></font> <font style=float:right>Single</font><br>
  324. <font style=float:left><b>Interest</b></font> <font style=float:right><a href="" target="_blank">None</a></font><br>
  325. <font style=float:left><b>Orientation</b></font> <font style=float:right>Straight</font><br>
  326. </div>
  327.  
  328. <a name="seven"></a>
  329. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  330. POWERS HERE
  331. </div>
  332.  
  333. <a name="eight"></a>
  334. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  335. HISTORY HERE
  336. </div>
  337.  
  338. <a name="nine"></a>
  339. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  340. TBA
  341. </div>
  342.  
  343. <a name="ten"></a>
  344. <div style="width: 450px; height: 250px; overflow: auto;" align="center">
  345. Code does belong to me, refrain from stealing<br>
  346. Picture does not belong to me<br>
  347. PM Semi-Friendly<br>
  348. Semi-Multi Para Writer<br>
  349. Native Language is English<br>
  350. OOC =/= IC<br>
  351. Taken IRL<br>
  352. 6-7 Years on RPC, 9 Years RPing<br>
  353. Story>Smut>T1<br>
  354. Respect the right to refuse RP<br>
  355. Will happily block harassers/asshats/cunts without hesitation<br>
  356. Do not PM with a post<br>
  357. Any questions? Ask
  358. </div>
  359. </div>
  360. </div>
  361.  
  362.  
  363. <div class="box3">
  364.  
  365.  
  366. <div id="image2">
  367. </div>
  368. <div id="image3">
  369. </div>
  370.  
  371. </div>
  372.  
  373.  
  374. </div>
  375. </body>
  376. </html>
  377. </body>
  378. </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!