Demi-monde

WRENL

Apr 10th, 2020
49
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.15 KB | None | 0 0
  1. /* SCRIPT SECTION */
  2. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  3. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  4. <script>
  5. function openAlytut(evt, alytutName) {
  6. var i, x, tablinks;
  7. x = document.getElementsByClassName("alytut");
  8. for (i = 0; i < x.length; i++) {
  9. x[i].style.display = "none";
  10. }
  11. tablinks = document.getElementsByClassName("tablink");
  12. for (i = 0; i < x.length; i++) {
  13. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  14. }
  15. document.getElementById(alytutName).style.display = "block";
  16. evt.currentTarget.className += " tabzact";
  17. }
  18. </script>
  19.  
  20. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  21. <style>
  22.  
  23. /* BELOW IS STYLE -- YOu don't need the <style> TAG */
  24.  
  25. @import url(https://fonts.googleapis.com/css?family=ABeeZee:700);
  26. @import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i);
  27. @import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans|Kristi|ABeeZee');
  28.  
  29. @font-face {
  30. font-family: "mellati";
  31. src: url('https://dl.dropboxusercontent.com/s/5g0m5k4s30cbktj/Mellati%20Script%20Free%20Font.otf’)');
  32. }
  33.  
  34.  
  35.  
  36. body {
  37. background: rgb(12,12,12);
  38. background: -moz-radial-gradient(circle, rgba(12,12,12,1) 0%, rgba(63,60,62,1) 100%);
  39. background: -webkit-radial-gradient(circle, rgba(12,12,12,1) 0%, rgba(63,60,62,1) 100%);
  40. background: radial-gradient(circle, rgba(12,12,12,1) 0%, rgba(63,60,62,1) 100%);
  41. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c0c0c",endColorstr="#3f3c3e",GradientType=1);
  42. cursor: url(http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png), progress;
  43. height: 100%;
  44. font-family: 'ABeeZee', sans-serif;
  45. line-height: 15px;
  46. font-size: 10px;
  47. text-align: justify;
  48. width: 100%;
  49. overflow: hidden;
  50. }
  51.  
  52.  
  53. .wren {
  54. background-attachment:absolute;
  55. background-image:url(https://i.imgur.com/F5sxGus.png); /* BACGROUND IMAGE PNG */
  56. background-position:bottom left;
  57. background-repeat:no-repeat;
  58. background-size:contain;
  59. bottom:-70px;
  60. height:100%;
  61. left:-260px;
  62. position:fixed;
  63. width:100%;
  64. z-index:-2;
  65. opacity: 0.7;}
  66.  
  67.  
  68. /* TABS STYLING--
  69. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  70. */
  71. .tabz {
  72. font-family:'Abril Fatface', cursive;
  73. line-height:200%;
  74. margin-left:500px;
  75. margin-top:10px;
  76. padding:0;
  77. position:absolute;
  78. text-align:left;
  79. width:200px;
  80. z-index:9999999999999999;
  81. }
  82.  
  83. .tabz a {
  84. -moz-transition:.2s;
  85. -webkit-transition:.2s;
  86. border-bottom:2px solid transparent;
  87. border-radius:4px;
  88. color:#a9732d;
  89. display:inline-block;
  90. font-family:'Abril Fatface', cursive;
  91. font-size:12px;
  92. margin:0 5px 16px 0;
  93. padding:4px 3px 5px;
  94. text-align:center;
  95. transition:.2s;
  96. width:20px;
  97. }
  98.  
  99. .tabz a:hover {
  100. -moz-transition:.2s;
  101. -webkit-transition:.2s;
  102. color:#444;
  103. transition:.2s;
  104. }
  105.  
  106. .tabzcon {
  107. border-radius:0;
  108. margin-left:385px;
  109. margin-top:35px;
  110. overflow:auto;
  111. overflow-x:hidden;
  112. padding-left:10px;
  113. position:absolute;
  114. width:200px;
  115. z-index:99999999999999999;
  116. }
  117.  
  118.  
  119. ::-webkit-scrollbar-thumb {
  120. height:auto;
  121. background-color:;
  122. margin-left:1px;
  123. display:none;
  124. }
  125.  
  126. ::-webkit-scrollbar {
  127. height:9px;
  128. width:1px;
  129. background-color:transparent;
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. background:transparent;
  134. }
  135.  
  136. ::-webkit-scrollbar-corner {
  137. background:transparent;
  138. }
  139.  
  140.  
  141. sup, sub, small {
  142. font-size:9px;
  143. }
  144.  
  145. a {
  146. text-decoration:none;
  147. outline:none;
  148. -moz-outline-style:none;
  149. color:#a9732d;
  150. }
  151.  
  152. big {
  153. text-decoration:none;
  154. outline:none;
  155. -moz-outline-style:none;
  156. color:#ecc63f;
  157. }
  158.  
  159.  
  160.  
  161. #container {
  162. position:absolute; width:900px; height:500px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#e7d3de; border-radius:0px;box-shadow:5px 5px 5px rgba(0, 0, 0, .2);
  163. BACKGROUND:#FFF;}
  164.  
  165.  
  166.  
  167. #IMGLEFT {
  168. position:ABSOLUTE;
  169. height:500px;
  170. width:250px;
  171. margin-left:-10px;
  172. margin-top:0px;
  173. background-image: url('https://i.pinimg.com/564x/09/04/e3/0904e3333cd030b2d2534c7c902d4295.jpg'); /* CHANGE URL */
  174. background-size:cover;
  175. background-repeat:no-repeat;
  176. background-position:center CENTER;
  177. background-attachment:absolute;
  178. -webkit-filter: grayscale(10%);
  179. }
  180.  
  181. #IMGRIGHT {
  182. position:ABSOLUTE;
  183. height:500px;
  184. width:260px;
  185. margin-left:640px;
  186. margin-top:0px;
  187. background-image: url('https://i.imgur.com/GkGLu5W.png'); /* CHANGUE URL */
  188. background-size:cover;
  189. background-repeat:no-repeat;
  190. background-position:center center;
  191. background-attachment:absolute;
  192. -webkit-filter: grayscale(10%);
  193. }
  194.  
  195.  
  196. .quote {
  197. position:ABSOLUTE;
  198. width:495px;
  199. Height: 50px;
  200. letter-spacing:2.5px;
  201. padding:10px;
  202. font-size:9px;
  203. line-height:15px;
  204. text-align:center;
  205. color:#a9732d;
  206. border-radius:0px;
  207. font-size:25px;
  208. font-family:'Kristi', cursive;
  209. text-decoration: lowercase;
  210. margin-top: 500px;
  211. margin-left: 500px;}
  212.  
  213.  
  214. #description {
  215. background:transparent;
  216. color:#555;
  217. font-family:ABeeZee, sans-serif;
  218. font-size:10px;
  219. height:395px;
  220. letter-spacing:1px;
  221. line-height:18px;
  222. margin-left:220px;
  223. margin-top:110px;
  224. opacity:1;
  225. overflow-y:scroll;
  226. padding:30px 15px 15px 10px;
  227. position:absolute;
  228. text-align:justify;
  229. text-transform:uppercase;
  230. width:170px;
  231. word-break:break-all;
  232. z-index: 999999999;}
  233.  
  234. #gif {
  235. border:1px 1px 1px 1px solid #a9732d;
  236. height:100px;
  237. margin-left:15px;
  238. width:219px;
  239. }
  240.  
  241. #gif img {
  242. background:#ddd;
  243. border:transparent;
  244. height:100px;
  245. margin-left:0;
  246. width:219px;
  247. }
  248.  
  249. #text {
  250. border:1px solid #a9732d;
  251. color:#222;
  252. font-size:10px;
  253. font-style:lowercase;
  254. height:270px;
  255. letter-spacing:1px;
  256. line-height:18px;
  257. margin-left:15px;
  258. overflow:scroll;
  259. padding:10px 15px 25px;
  260. text-transform:lowercase;
  261. width:187px;
  262. }
  263.  
  264. #subtitle {
  265. color:#a9732d;
  266. font-family:'mint';
  267. font-size:60px;
  268. font-style:italic;
  269. font-weight:400;
  270. letter-spacing:5px;
  271. margin-left:-10px;
  272. margin-top:30px;
  273. text-align:center;
  274. width:280px;
  275. }
  276.  
  277. b,strong {
  278. background-color:#a9732d;
  279. border-radius:2px;
  280. color:#fff;
  281. padding:2px;
  282. }
  283.  
  284. #description b,strong {
  285. font-family:georgia;
  286. font-size:8px;
  287. letter-spacing:2px;
  288. line-height:50%;
  289. text-transform:uppercase;
  290. }
  291.  
  292. #description u {
  293. border-bottom:1px solid #a9732d;
  294. padding-bottom:1px;
  295. text-decoration:none;
  296. }
  297.  
  298. @font-face {
  299. font-family: mint;
  300. src: url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');
  301. }
  302.  
  303.  
  304. #tt {
  305. color:#a9732d;
  306. font-family:"Kristi", cursive;
  307. font-size:100px;
  308. left:210px;
  309. letter-spacing:1px;
  310. line-height:20%;
  311. margin-top:65px;
  312. padding-left:0;
  313. position:absolute;
  314. text-align:center;
  315. text-shadow:2px 2px 0 rgba(0,0,0,.08);
  316. text-transform:none;
  317. width:200px;
  318. word-spacing:0;
  319. z-index:999999999999999999999999999999999999999999999999999999;
  320. }
  321.  
  322. #tt2 {
  323. background:#a9732d;
  324. color:#333;
  325. font-family:"mint", cursive;
  326. font-size:150px;
  327. letter-spacing:5px;
  328. line-height:30px;
  329. margin-left:20;
  330. margin-top:20px;
  331. padding:0 15px;
  332. position:relative;
  333. text-align:center;
  334. text-decoration:none;
  335. width:140px;
  336. word-spacing:0;
  337. z-index:-10000;
  338. }
  339.  
  340. .friendpic {
  341. width: 40px; height: 40px; margin: 5px; outline: 0px solid #000; padding: 3px; transform: rotate(0deg); border-radius: 5px; border: 1px solid #a9732d;
  342. -webkit-transition: all 0.5s ease-in-out;
  343. -moz-transition: all 0.5s ease-in-out;
  344. -ms-transition: all 0.5s ease-in-out;
  345. -o-transition: all 0.5s ease-in-out;
  346. transition: all 0.5s ease-in-out; }
  347. }
  348.  
  349. .friendpic:hover {
  350. -moz-transform: scale(0.9);
  351. -webkit-transform: scale(0.9);
  352. -o-transform: scale(0.9);
  353. -ms-transform: scale(0.9);
  354. transform: scale(0.9);
  355. }
  356.  
  357. #glenplayer02 {
  358. display:flex;
  359. margin-right:20px;
  360. margin-top:300px;
  361. position:absolute;
  362. right:0;
  363. top:0;
  364. z-index:99;
  365. }
  366.  
  367. #glenplayer02 a {
  368. text-decoration:none;
  369. }
  370.  
  371. #glenplayer02>div {
  372. -webkit-align-self:center;
  373. align-self:center
  374. }
  375.  
  376. .music-controls {
  377. -webkit-user-select:none;
  378. cursor:pointer;
  379. user-select:none;
  380. }
  381.  
  382. .playy,.pausee {
  383. color:#a9732d;
  384. }
  385.  
  386. .playy {
  387. font-size:13px;
  388. }
  389.  
  390. .pausee {
  391. display:none;
  392. margin-right:1.5px;
  393. }
  394.  
  395. .sonata {
  396. color:#a9732d;
  397. margin-left:10px;
  398. }
  399.  
  400. .labeltext {
  401. border:1px solid #a9732d;
  402. color:#a9732d;
  403. font-family:Lato;
  404. font-size:12px;
  405. margin-left:8px;
  406. padding:2px;
  407. }
  408.  
  409. .labeltext:hover {
  410. background:#fff;
  411. color:#000;
  412. font-family:Lato;
  413. font-size:12px;
  414. margin-left:8px;
  415. padding:2px;
  416. }
  417.  
  418. #profile {
  419. bottom:0;
  420. left:0;
  421. position:absolute;
  422. right:0;
  423. top:0;
  424. }
  425.  
  426.  
  427. </style>
  428. /* END OF STYLE */
  429.  
  430.  
  431. /* BELOW IS BODY */
  432.  
  433. <div id="container">
  434. <div id="IMGLEFT"></div>
  435. <div id="IMGRIGHT"></div>
  436.  
  437. <div class="tabzcon alytut" id="TabzOne" style="display:block; background:transparent; overflow:visible;">
  438.  
  439. <div id="gif"><img style="background-image: url('https://i.imgur.com/nGsvoj5.jpg'); background-size:cover; background-position: top center; border: transparent;"></div>
  440. <div id="text">
  441. <p><strong>– ♡</strong> Not always quick to smile yet <i>relatively</i> easy to talk to, <a>Wren</a> can be seen as difficult and standoffish at times. She can be a <u>kind</u> person yet <sub>arrogant</sub> on occasion seeing no other as her <b>equal</b>, including her twin, <b title="Born six minutes after her, their mother died as a result of their Birth, somethingwhich Wren takes very personally.">WREL</b>; a result of being born a few minutes after him. A seemingly <a>unemotional</a> creature who thrives under pressure, trained to be adept and nimble, cunning and precise. Yet, beneath the exterior shell, lies a wanton creature who is fiercely loyal to those <i>she</i> deems <strike>deserving</strike>.</p>
  442. </div>
  443. <div id="subtitle">
  444. The Who
  445. </div>
  446. </div>
  447. <div class="tabzcon alytut" id="TabzTwo" style="display:none; background:transparent; overflow:visible;">
  448. <div id="gif"><img style="background-image: url('https://static.zerochan.net/UMP45.%28Girls.Frontline%29.full.2386558.png'); background-size:cover;background-position: top center;"></div>
  449. <div id="text">
  450. <strong>– ♡</strong> <b>Power</b><p>Kinetic Energy Manipulation (WIP)</p>
  451. <strong>– ♡</strong> <b>Weapoons</b><p>
  452. <b>UMP 45</b><br>
  453. The UMP is a blowback-operated, magazine-fed submachine gun firing from a closed bolt.<p>
  454.  
  455. UMP is chambered for larger cartridges (.45 ACP and .40 S&W) than other submachine guns like the MP5, to provide more stopping power against unarmoured targets (with slightly lower effectiveness at longer range).<p>
  456.  
  457. The cyclic rate of fire was reduced to 600 (colt) or 700 (+ P) rounds per minute for the UMP45, which makes it one of the slowest firing modern submachine guns within the market.<p>
  458.  
  459. <b><I>Modifications</i></b>
  460. <br>
  461. <li>Holographic Sight</li>
  462. <li>Hollow point Ammo</li>
  463. <li>A Suppressor</li>
  464. <li>Integrated red dot sight</li>
  465. <li>Highly mobile exoskeleton</li>
  466. <li>A Suppressor</li>
  467. <li>Nightscope</li>
  468. <p><strong>– ♡</strong> <b>Additional Weaponry</b>
  469. <li>Twin Sai</li>
  470. <li>Katana, sansetsukon (three-sectioned staff), and other martial arts weapons. </li> </p>
  471. </div>
  472.  
  473.  
  474. <div id="subtitle">
  475. The Gifts
  476. </div>
  477. </div>
  478. <div class="tabzcon alytut" id="TabzThree" style="display:none; background:transparent; overflow:visible;">
  479. <div id="gif"><img style="background-image: url('https://static.zerochan.net/UMP45.%28Girls.Frontline%29.full.2347647.png'); background-size:cover; background-position: top center; border: transparent;"></div>
  480. <div id="text">
  481.  
  482. <p><strong>– ♡</strong> <b>Twin Bond</b><br>Although never officially proven, her connection to her brother is deeper than most might understand. Beyond being the only remaining family she has, she shares a rare bond with him that, together as a team make them truly remarkable. On some level of degree, there is a "twin" psychic connection that continues to grow stronger between the pair as they age. <p>
  483.  
  484. <p><strong>– ♡</strong> <b>Master Martial Artist:</b><br>She is proficient in many martial arts originating from Exo-Earth. While many of them are unstated, Ninjutsu is the most noticeable one. She has won trophies in aikido, kendo, karate and Krav Maga.<p>
  485.  
  486. <p><strong>– ♡</strong> <b>Peak-Human Physical Conditioning:</b><br>Wren is classed as an Olympic-level athlete and gymnast. <p>
  487.  
  488. <p><strong>– ♡</strong> <b>Weapons Master:</b><br>She is a master of many different weapons. Among the known are Okinawan Sai, (it is presumed she may have trained with all Okinawan Kobudo weapons), katanas, knives, sansetsukon (3-sectional staff), and (shuriken) throwing stars and her UMP 45.<p>
  489.  
  490. <p><strong>– ♡</strong> <b>Stealth:</b><br>Due to her training, she can blend in with the shadows and remain undetected by most humans.<p>
  491.  
  492. <p><strong>– ♡</strong> <b>Skilled Acrobat:</b><br>She is an excellent acrobat capable of many difficult feats.<p>
  493.  
  494. <p><strong>– ♡</strong> <b>Expert Marksman:</b><br>Wren is skilled with throwing weapons and sharpshooting.<p>
  495.  
  496.  
  497. <p><strong>– ♡</strong> <b>Pressure point locator:</b><br>She can locate different pressure points on a person's body. She can incapacitate, paralyze, severely injure, or kill a person.<p>
  498.  
  499. <p><strong>– ♡</strong> <b>Strength level</b><br>
  500. She trains daily and has exceptional strength. She possesses the normal human strength of a woman of her age, height and build that engages in intensive regular exercise. <p>
  501. </div>
  502. <div id="subtitle">
  503. Skills </div>
  504.  
  505. </div>
  506. <div class="tabzcon alytut" id="TabzFour" style="display:none; background:transparent; overflow:visible;">
  507. <div id="gif"><img style="background-image: url('https://i.imgur.com/x3wuXnO.jpg'); background-size:cover;background-position: top center;"></div>
  508. <div id="text">
  509. 1. Open to both long term and short term. Love a story, however. All themes - open to most if the story is good.<br>
  510. 2. I'm not keen on Rping in PMS. I prefer room to play. I am PM friendly for OOC, however.<br>
  511. 3. I prefer story but smut is okay. Both together is awesome! If she becomes involved, however, smut for a partner only.<br>
  512. 4. Hover the bold and colorful for additional information on her. Most can be discovered via RP. Loves Drama - IC only. LONG TERM DEVELOPMENT + PLOT ADORED.<br>
  513. 5. I work full time. Sadly, this means I'm limited to weeknights when I can be on and weekends. EST Time Zone. 15yrs plus Experience as an Rper.<br>
  514. 6. IC Does not Equal OOC.
  515. <center>
  516.  
  517.  
  518. <h2>MUSES</h2>
  519. <a target="_blank" href="https://roleplay.chat/profile.php?user=Wrel" title="TWIN brother. Only family. Extremely close."><img class="friendpic" src="https://placehold.it/120x100"></a>
  520. <a href="/" title="MUSE NAME, AGE."><img class="friendpic" src="https://placehold.it/120x100"></a><br>
  521. <a href="/" title="MUSE NAME, AGE."><img class="friendpic" src="https://placehold.it/120x100"></a>
  522. <a href="/" title="MUSE NAME, AGE."><img class="friendpic" src="https://placehold.it/120x100"></a>
  523. </center>
  524. </div>
  525. <div id="subtitle">
  526. Out Of Ammo
  527. </div>
  528. </div>
  529. <div id="box">
  530. <div id="tt">
  531. Wren<br>
  532. <div id="tt2">
  533. Vau
  534. </div>
  535. </div>
  536. <div class="tabz">
  537. <a class="tablink tabzact" href="javascript:void(0)" onclick="openAlytut(event, 'TabzOne');" title="reset."><i class="icon-reload"></i></a> <a class="tablink tabzact" href="javascript:void(0)" onclick="openAlytut(event, 'TabzTwo');" title="The Gifts."><i class="icon-grid"></i></a> <a class="tablink" href="javascript:void(0)" onclick="openAlytut(event, 'TabzThree');" title="personality."><i class="icon-grid"></i></a> <a class="tablink" href="javascript:void(0)" onclick="openAlytut(event, 'TabzFour');" title="ooc."><i class="icon-grid"></i></a>
  538. </div>
  539.  
  540. <div id="description">
  541. <big>Home:</big><a title="Alternate Earth - another Dimension"><font style="float:right">Exo-Earth</font></a><br>
  542. <big>Gender:</big><font style="float:right">Female</font><br>
  543. <big>Species:</big><font style="float:right">Exo-Human</font><br>
  544. <big>Family:</big><a target="_blank" href="https://roleplay.chat/profile.php?user=Wrel" title="Six Minutes Older than her." target="_blank"><font style="float:right">TWIN</font></a><br>
  545. <big>Age:</big><font style="float:right">19 yrs</font><br>
  546. <big>Hair:</big><font style="float:right">Platinum Gold</font><br>
  547. <big>Eyes:</big><font style="float:right">Topaz</font><br>
  548. <big>Height:</big><font style="float:right">5’5</font><br>
  549. <big>Weight:</big><font style="float:right">105lbs</font><br>
  550. <big>Orientation:</big><font style="float:right"><a title="male only, Smut Reserved for Partner.">Hetero</font></a><br>
  551. <big>Status</big><font style="float:right">Single</font><br>
  552. <big>Markings:</big><font style="float:right"><a title="Scarred below the left eye.">Scar</font></a><br>
  553. <big>Gallery</big><font style="float:right"><a target="_blank" href="https://imgur.com/a/nOYGzfL" title="click for gallery, includes some NSFW - Been warned!">NSFW</font></a><br>
  554.  
  555. <!--=====MUSIC PLAYER BY GLENTHEMES=====-->
  556. <div id="glenplayer02">
  557. <div class="music-controls" onclick="songstart();">
  558. <div class="playy">►</div>
  559. <div class="pausee">❚❚</div>
  560. </div>
  561. <div class="sonata">♫</div>
  562. <div class="labeltext">World Will Fail</div>
  563. </div><!--end music player-->
  564.  
  565. <audio id="tune" src="https://bit.ly/2XqCIIR" type="audio"></audio></div>
  566.  
  567. <div class="quote">
  568. "Even the Stars Aren't Safe"
  569. </div>
  570. </div>
  571. <div class="wren"></div>
  572.  
  573. </div>
Add Comment
Please, Sign In to add comment