Advertisement
Demi-monde

VierrePROFILE

Jun 26th, 2019
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.81 KB | None | 0 0
  1. <link href='http://fonts.googleapis.com/css?family=Oswald|Six+Caps' rel='stylesheet' type='text/css'>
  2.  
  3.  
  4. <script src="https://static.tumblr.com/2pnwama/uKLp7w9l4/koe.js"></script>
  5.  
  6. <script src="https://static.tumblr.com/2pnwama/FGap8lweb/snipe.js"></script>
  7.  
  8. <style>
  9. body{margin:0px;
  10. padding:0px;
  11. line-height: 110%;
  12. font-size: 11px;
  13. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  14. background: -webkit-linear-gradient(to top, #4F4F4F 0%,#0e0e0e);
  15. background: linear-gradient(to top, #4F4F4F 0%,#0e0e0e);
  16. height: 100%;
  17. overflow:hidden;}
  18.  
  19. a {
  20. color: #cc0000;
  21. text-decoration: none;
  22. transition-duration: 0.6s;
  23. -moz-transition-duration: 0.6s;
  24. -webkit-transition-duration: 0.6s;
  25. -o-transition-duration: 0.6s;}
  26.  
  27. a:hover{
  28. color: #fff;}
  29.  
  30.  
  31. a:-webkit-any-link {text-decoration: none;}
  32.  
  33. b {
  34. color:red;
  35. text-decoration:none;
  36. -webkit-transition: all 0.4s ease-in-out;
  37. -moz-transition: all 0.4s ease-in-out;
  38. -o-transition: all 0.4s ease-in-out;
  39. }
  40.  
  41. b:hover {
  42. text-decoration:none;
  43. color:#777;
  44. }
  45.  
  46.  
  47.  
  48. img {margin-bottom: -2px;}
  49.  
  50. ::-webkit-scrollbar-thumb {height: auto;
  51. background-color: #222;
  52. border:1px solid rgba(0, 0, 0, 0.9);}
  53.  
  54. ::-webkit-scrollbar {height:1px; width:1px;
  55. background-color: #222;
  56. border: 1px solid rgba(0, 0, 0, 0.9);}
  57.  
  58.  
  59. #mid {width: 600px; margin: auto;}
  60. #cont {display: table; height: 100%; position:fixed; width: 600px; top: -20px;}
  61. #container {display: table-cell; vertical-align: middle;}
  62.  
  63.  
  64.  
  65. .til {
  66. text-align: center;
  67. line-height:90%;
  68. height: 20px;
  69. background-color: #222;}
  70.  
  71. .imgback{
  72. background-image: url('https://attendais.com/wp-content/uploads/2019/01/New-Orleans.gif');
  73. background-attachment:absolute;
  74. background-size:cover;
  75. background-position: bottom center;
  76. background-repeat:no-repeat;
  77. opacity: 0.1;
  78. height: 100%;
  79. width:100%;
  80. filter: grayscale(100%);
  81. overflow:hidden;}
  82.  
  83.  
  84.  
  85. .sp-slideshow {position: relative; width: 550px; height: 450px;}
  86.  
  87. .sp-content {position: relative; width: 100%;height: 100%; overflow: hidden;
  88. border: 25px solid #222;
  89. background-color:#000;}
  90.  
  91. .sp-parallax-bg {
  92. background-image: url('http://38.media.tumblr.com/007ae508f276b3f304defb9fc3f88f25/tumblr_nvc0dy5kkw1tb1193o1_500.gif');
  93. -webkit-background-size: cover;
  94. -moz-background-size: cover;
  95. background-size: cover;
  96. position: absolute;
  97. top: 0;left: 0;
  98. width: 550px; height: 550px;
  99. background-attachment:absolute;
  100. background-repeat:no-repeat;
  101. overflow: hidden;
  102. }
  103.  
  104. .sp-slideshow input[type=radio]
  105. {position: absolute; bottom: 0px; left:450px; width: 9px;height: 9px;z-index: 1001;cursor: pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
  106.  
  107.  
  108. .sp-slideshow input[type=radio] + label {position: absolute; top: -35px; left: 500px;width: 6px; height: 6px;display: block;z-index: 1000; -webkit-transition: background-color linear 0.1s; -moz-transition: background-color linear 0.1s;-o-transition: background-color linear 0.1s;-ms-transition: background-color linear 0.1s;transition: background-color linear 0.1s; cursor: pointer;
  109. background-color: #000; border: 1px solid red;}
  110.  
  111. .sp-slideshow input[type=radio]:checked + label {
  112. background-color: #fff;
  113. border: 1px solid #fff;}
  114.  
  115. .sp-selector-1, .button-label-1 {margin-left: -36px;} .sp-selector-2, .button-label-2 {margin-left: -18px;} .sp-selector-3, .button-label-3 {margin-left: 0px;} .sp-selector-4, .button-label-4 {margin-left: 18px;} .sp-selector-5, .button-label-5 {margin-left: 36px;}.sp-selector-6, .button-label-6 {margin-left: 52px;}
  116.  
  117. .sq {position: absolute; top: -35px;left: 522px; width: 90px;}
  118. .sq a {width: 6px; height: 6px; display: inline-block; z-index: 1000; margin-left: 8px;
  119. background-color: #000;
  120. border: 1px solid #fff;
  121. color: #fff; }
  122.  
  123. .sq a:hover, .sp-slideshow input + label:hover {
  124. background-color: #fff;
  125. color: #fff;}
  126.  
  127. .sp-arrow {display: none}
  128.  
  129. #tt {text-align: right; letter-spacing: 3px; line-height: 90%; width: 400px; border: 0px; position: absolute; margin-left: -335px; margin-top: -34px;
  130. background-color: transparent;
  131. color: #fff;
  132. font-family: 'Six Caps';
  133. font-size: 30px;}
  134.  
  135.  
  136. .sp-slideshow input[type=radio]:checked ~ .sp-content {-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;-moz-transition: background-position linear 0.6s, background-color linear 0.8s;-o-transition: background-position linear 0.6s, background-color linear 0.8s;-ms-transition: background-position linear 0.6s, background-color linear 0.8s;transition: background-position linear 0.6s, background-color linear 0.8s;}
  137.  
  138. .sp-slideshow input[type=radio]:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}
  139.  
  140. .sp-slider {position: relative;left: 0; width: 500%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; }
  141.  
  142. .sp-slider > li { height:100%; padding: 0px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; text-align:center; opacity:0.4; -webkit-transition:opacity ease-in 0.4s 0.8s; -moz-transition:opacity ease-in 0.4s 0.8s; -o-transition:opacity ease-in 0.4s 0.8s; -ms-transition:opacity ease-in 0.4s 0.8s; transition:opacity ease-in 0.4s 0.8s; }
  143.  
  144. input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;} input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;} input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;} input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;} input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}
  145. input.sp-selector-6:checked ~ .sp-content .sp-slider {left: -500%;}
  146.  
  147. input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2), input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3), input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4), input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5),
  148. input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(6)
  149. {opacity: 1;}
  150.  
  151. .tpbox {width: 530px; height: 430px; margin-top: 0px; padding: 10px; display: table;
  152. background-color: rgba(0, 0, 0, 0.8);}
  153.  
  154. .tpt {text-align: left; line-height: 110%; letter-spacing: 5px; position: absolute; bottom: 10px;
  155. color: #fff;
  156. font-family: 'Six Caps';
  157. font-size: 24px; }
  158.  
  159. .tpc {vertical-align: middle; display: table-cell; width: 450px;}
  160.  
  161. .tc_a {padding: 20px; text-align: justify; margin: 0px 40px; max height: 350px; overflow: auto;
  162. background-color: #eee;}
  163.  
  164. .tc_a {max-height: 345px;}
  165. .abt li {list-style: square;}
  166.  
  167. h4 {letter-spacing: 2px; margin: 25px 0px; margin-bottom: 4px; font-weight: normal;
  168. color: #000;
  169. font-family: 'Oswald';
  170. font-size: 12px; }
  171.  
  172. input[type=checkbox] {position:absolute; opacity:0;}
  173.  
  174. h2 {text-align:left; z-index:9999; display: block; margin-bottom: 2px; padding: 10px; text-align: left; font-weight: normal; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;
  175. color: #fff;
  176. font-family: 'Oswald';
  177. font-size: 10px;
  178. background-color: #000;}
  179.  
  180.  
  181. input[type=checkbox]:checked + h2, input[type=checkbox]:hover + h2 {transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;
  182. background-color: #fff; color: #000;}
  183.  
  184. input[type=checkbox]:checked ~ h2 ~ #lsub {max-height:500px; z-index:9999;}
  185.  
  186. /*----------------------VOICE LINE----------------------*/
  187. .quorn {
  188. display:flex;
  189. margin-top:45px;
  190. margin-left:100px;
  191. width:calc(100% - 100px);
  192. }
  193.  
  194. /* voice line mic icon */
  195. .quorn .lnr {
  196. align-self:center;
  197. -webkit-align-self:center;
  198. font-size:20px;
  199. background-color:#111;
  200. padding:9px;
  201. border-radius:100%;
  202. border:3px solid red;
  203. color:#fff;
  204. cursor:pointer;
  205. -webkit-transition: all 0.25s ease-in-out;
  206. -moz-transition: all 0.25s ease-in-out;
  207. -o-transition: all 0.25s ease-in-out;
  208. }
  209.  
  210. .quorn .lnr:hover {color:red;}
  211.  
  212. /* voice line horizontal line */
  213. .qline {
  214. align-self:center;
  215. -webkit-align-self:center;
  216. width:15px;
  217. height:3px;
  218. background-color:red;
  219. }
  220.  
  221. /* voice line dialogue text */
  222. .quote {
  223. border-left:3px solid red;
  224. width:100%;
  225. padding:12px;
  226. background-color:#222;
  227. border-radius:0px 0px 10px 0px;
  228. font-family:Calibri;
  229. text-transform:uppercase;
  230. letter-spacing:1.5px;
  231. font-size:9px;
  232. color:white;
  233. }
  234.  
  235. .sound1 {display:block;}
  236.  
  237. .wrap2 {
  238. position:absolute;
  239. top:50%;left:50%;
  240. transform:translate(-50%, -50%);
  241. margin-left:-400px;
  242. MARGIN-TOP:-15PX;
  243. width:100px;
  244. TEXT-ALIGN:CENTER;
  245. Z-INDEX:999;}
  246.  
  247. .agent {
  248. margin:5px;
  249. width:125px;
  250. height:60px;
  251. border-radius:0%;
  252. border:18px solid #222;
  253. cursor:pointer;
  254. -webkit-transition: all 0.15s ease-in-out;
  255. -moz-transition: all 0.15s ease-in-out;
  256. -o-transition: all 0.15s ease-in-out;
  257. opacity: 1;}
  258.  
  259. .agent:hover {transform:scale(1.1,1.1);
  260. -webkit-transition: all 0.15s ease-in-out;
  261. -moz-transition: all 0.15s ease-in-out;
  262. -o-transition: all 0.15s ease-in-out;
  263. border:18px solid #fff;}
  264.  
  265.  
  266.  
  267. .wrap3 {
  268. position:absolute;
  269. top:50%;left:50%;
  270. transform:translate(-50%, -50%);
  271. margin-LEFT:340px;
  272. MARGIN-TOP:-15px;
  273. width:100px;
  274. TEXT-ALIGN:CENTER;
  275. Z-INDEX:999;}
  276.  
  277. .friend{
  278. margin:0px;
  279. width:80px;
  280. height:80px;
  281. border-radius:0%;
  282. border:5px solid #222;
  283. cursor:pointer;
  284. -webkit-transition: all 0.15s ease-in-out;
  285. -moz-transition: all 0.15s ease-in-out;
  286. -o-transition: all 0.15s ease-in-out;
  287. opacity: 0.8;}
  288.  
  289. .friend:hover {transform:scale(1.1,1.1);
  290. -webkit-transition: all 0.15s ease-in-out;
  291. -moz-transition: all 0.15s ease-in-out;
  292. -o-transition: all 0.15s ease-in-out;
  293. border:5px solid #fff;}
  294.  
  295.  
  296. </style>
  297.  
  298.  
  299. <div class="imgback"></div>
  300. <div id="mid">
  301. <div id="cont">
  302. <div id="container" style="margin-bottom: 20px;">
  303.  
  304. <div class="til"></div>
  305.  
  306. <div class="sp-slideshow">
  307. <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
  308.  
  309. <label for="button-1" class="button-label-1" id="tt">
  310. Vieux Carré | New Orleans
  311. </label>
  312.  
  313.  
  314. <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2" title="about"></label>
  315. <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /> <label for="button-3" class="button-label-3" title="Background"></label>
  316. <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" /> <label for="button-4" class="button-label-4" title="Locations"></label>
  317.  
  318. <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" /> <label for="button-5" class="button-label-5" title="Rules"></label>
  319.  
  320.  
  321. <input id="button-6" type="radio" name="radio-set" class="sp-selector-6" /> <label for="button-6" class="button-label-6" title="Rules"></label>
  322.  
  323. <div class="sp-content"><div class="sp-parallax-bg"></div>
  324. <ul class="sp-slider clearfix">
  325. <li><div class="tpbox" style="margin-top: 0px; background-color: transparent;"></div></li>
  326.  
  327.  
  328. <!-------------------
  329. START ABOUT
  330. -------------------->
  331. <li>
  332. <div class="tpbox">
  333. <div class="tpc">
  334. <div class="tc_a">
  335. <!---------------------------------
  336. WRITE YOUR ABOUT ME BELOW
  337. ----------------------------------->
  338. It's been called <B>Vieux Carré</b> for centuries, but the souls wandering the French Quarter are much older than its name. As steeped in tradition as it is in death, the magic flowing through the city of New Orleans is intoxicating and deadly. Mortals and Immortals alike ache to taste its sweet splendor on their tongues, but the bayou has seen empires rise and fall on its murky banks. The old souls of the Quarter are watching, laying in wait for the poor souls who will join them next.<p>
  339.  
  340. New Orleans is one of the world’s most fascinating cities. Steeped in a history of influences from Europe, the Caribbean, Africa and beyond, it’s home to a truly unique melting pot of culture, food and music.You’ll find bowls filled to the rim with gumbo, late nights in dark jazz clubs, strolls through historic neighborhoods, and tantalizing festivals throughout the year and the most eclectic characters who call this fertile delta home.<P>
  341. <Center>******</center>
  342. In this <b>creative writing</b> setting, you make your own character. You give them a name, a face, a profession and a story. Network them with others - make friends, or enemies. The diversity of life is storyline that is being written cohesively. Although the setting is in the French Quarter, NOLA, creative literary license is applied. That means if you don’t know the city, or the streets, or the districts, then make it up as you go. It is more about writing characterization than the strict realism of living in an actual real world place. The setting is yours to modify and use within boundaries. <b>Rated R</b> - Violence, Sex, Gore, Romance, Horror + are all acceptable here with no judgement. Be warned and beware.
  343.  
  344.  
  345. </div>
  346. <div style="position: absolute; margin-left: 40px; margin-top: 40px;"><span class="tpt">ABOUT</span></div>
  347. </div></div></li>
  348. <!-------------------
  349. END ABOUT
  350. -------------------->
  351.  
  352.  
  353. <!-------------------
  354. START STORY
  355. -------------------->
  356. <li><div class="tpbox"><div class="tpc">
  357. <div class="tc_a">
  358. <!---------------------------------
  359. WRITE YOUR STORY ME BELOW
  360. ----------------------------------->
  361. The modern world is ruled by <b>humanity</b> – humanity has spread across the globe, an overwhelming presence on every continent and in every corner of the globe. Yet this was not always the case. For millennia other species’ ruled in dominance, some we know of, others we don’t. There are thousands, if not millions of years that are unaccounted for by people of science, far too much history on this planet to ever be properly documented. What is known, though, is that the earth moves in cycles – as one dominant type rises, so another falls into abeyance. And this is what happened to the ‘others’ – ... Their day of dominance is past, long gone. And yet they have clung to existence, refusing to pass into <b>extinction</b>, instead doing what they must to survive. Some species’ adapted, integrating with humanity to a greater or lesser degree, giving up on a policy of isolation and hiding instead in plain sight. Others continued to hide, moving to increasingly remote areas where they could continue to live in uninterrupted solitude.<p>
  362.  
  363. Today, a darkness has settled over the <b>French Quarter</b> of New Orleans, deeper than smog-cover and it clings to everything. It’s as if an unseen grime covers everyone and everything in the city. A profitable underground deals in black market magical artefacts and unauthorized temporally displaced frick-and-frack the government would rather keep locked away far out of reach. New drugs surface every day, some human, some magical, all of them highly addictive and easy to access. <u>Betrayal</u> is the new cottage industry; <a>trouble</a>, the city’s biggest export. Local government is more corrupt than clean and controlled by old fashioned graft or magical coercion. Or both. There are a lot of mysteries in this unwilling City. But of all the things people worry about, this is the biggest: If the walls keep crumbling, if the worlds keep hemorrhaging into each other, will there be anything left when they’ve all bled out? Tied with it? What happens when it spreads to the rest of the world?
  364.  
  365. </div>
  366. <div style="position: absolute; margin-left: 40px; margin-top: 40px;"><span class="tpt">STORY</span></div>
  367. </div></div></li>
  368.  
  369.  
  370. <li><div class="tpbox"><div class="tpc">
  371. <div class="tc_a">
  372. <b>Bourbon Street</b> - Home to a variety of restaurants, strip clubs, music halls, hotels, gift shops and other tourist attractions, Bourbon Street is a veritable hotspot of nightlife and one of the most well-known locations in the city.<br>
  373. <b>Jackson Square</b> - A gathering place of New Orleans, this square includes two museums and the St. Louis Cathedral - the oldest continuously operating cathedral within the USA.<br>
  374. <b>Cafe du Monde</b> - Straight up the street from Jackson Square, this famous landmark is known for the delicious pastry known as the beignet. Located on Decatur Street near the French Market in the French Quarter, Café du Monde has been a New Orleans institution since 1862.<br>
  375. <b>Garden District & Uptown</b>-
  376. Known for the stately mansions and historic homes within the district, the Garden District and Uptown neighborhoods in New Orleans represents the wealth and importance of the original residents of the district. Consisting of neighborhoods mainly along St. Charles Avenue, these neighborhoods contain a large collection of southern mansions that date back to the early 1800's. The campuses of Tulane and Loyola universities are found in the Garden District and Uptown sections of New Orleans.<br>
  377.  
  378. <b>Arts District (Warehouse District)</b>- This historic neighborhood - filled with amazing art galleries, fine restaurants, and world-class museums, has gone from bustling, to abandoned, and back to becoming the center of attention once again. The Warehouse District, known today as the New Orleans Arts District, was originally established as an industrial area in the 19th century to store grain, coffee, and produce shipped through the Port of New Orleans. As commerce, trade, and industry practices evolved over time, the area's prosperity faded, and the once busy streets became eerily quiet. The transformation from an urban wasteland to what many have called “the SoHo of the South” began in 1976 with the opening of the Contemporary Arts Center. The 10,000-square-foot complex is still entertaining and enlightening visitors today with cutting edge-artwork and an eclectic array of music, theatre, and dance performances.<br>
  379.  
  380. <b>Magazine Street</b> - For shopping, dining or just casual strolling, no place in New Orleans outside the French Quarter beats Magazine Street. A six-mile-long stretch of this Garden District and Uptown thoroughfare features some of the best antique stores, art galleries, craft shops and classy boutiques to be found anywhere in the city.
  381.  
  382. </div>
  383. <div style="position: absolute; margin-left: 40px; margin-top: 40px;"><span class="tpt">LOCALE</span></div>
  384. </div></div></li>
  385.  
  386.  
  387. <li><div class="tpbox"><div class="tpc">
  388.  
  389. <div class="tc_a">
  390. <!---------------------------------
  391. WRITE YOUR OOC BELOW
  392. ----------------------------------->
  393.  
  394. •Drama IC does not = OOC <br>
  395. •This is a grown-up room, Kiddies. No nonsense tolerated. We are NOT babysitters.<br>
  396. •With the above? Deal with your own shit.<br>
  397. •Respect. Respect. Respect. <br>
  398. •Feel free to create your own plot, use the backdrop and run with it. <br>
  399. •DO NOT make me ban you. <br>
  400. •Do not be be a dick or a creep. RESPECT is Key.<br>
  401. •Want to be a member? Feel free to let the Mods know. <br>
  402. •Welcome. Have fun. Write. And lose yourself in the magic.<p>
  403. <h4>MEMBERS</h4>
  404.  
  405. <a target="_blank" href="https://roleplay.chat/profile.php?user=Noir"><img class="friend" src="https://66.media.tumblr.com/7bdd8357539fbb91fce0b2325aefd9f4/tumblr_pk2kkw3y5g1thd6qfo3_250.gif" title="Daciana - Lycan/Werewolf"></a>
  406.  
  407. <a target="_blank" href="https://roleplay.chat/profile.php?user=Regan"><img class="friend" src="https://i.gifer.com/3sX4.gif" Title="Regan - Lycan Leopard"></a>
  408.  
  409. <a target="_blank" href="https://roleplay.chat/profile.php?user=Logan+Maddox"><img class="friend" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSK5sqALEv8_HT-njziO8SznsigLyP_KrZfad6BEB2TYx-r1U_x" Title="Logan Maddox - Human/King"></a>
  410.  
  411.  
  412. <a target="_blank" href="https://roleplay.chat/profile.php?user=Skye."><img class="friend" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a88e1f03-f931-4e43-9325-92758c8ce4ca/dcoxixc-6138c4ca-540e-4457-809c-f22f64a6c5ba.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4OGUxZjAzLWY5MzEtNGU0My05MzI1LTkyNzU4YzhjZTRjYVwvZGNveGl4Yy02MTM4YzRjYS01NDBlLTQ0NTctODA5Yy1mMjJmNjRhNmM1YmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.MK5J5UZEcQlROiZKa0CGlqOu-6Q38IvMDXZvxYyOxn8" title= "Skye - Fae(unknown)"></a><br>
  413.  
  414. <a target="_blank" href="https://roleplay.chat/profile.php?user=Raphen"><img class="friend" src="https://i.pinimg.com/564x/0b/25/e8/0b25e81b530e23a66a78de7e675b225c.jpg" title="Raphen - Nephilim"></a>
  415.  
  416. <a target="_blank" href="https://roleplay.chat/profile.php?user=Meitte."><img class="friend" src="https://i.pinimg.com/564x/fc/d6/5d/fcd65d66dc6b906c9881707e5c15a537.jpg" Title="Miette Devereaux- White Witch"></a>
  417.  
  418. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kohl"><img class="friend" src="https://media.giphy.com/media/9htsueyULZJMA/giphy.gif" Title="Kohl -Allomancer"></a>
  419.  
  420.  
  421. <a target="_blank" href="https://roleplay.chat/profile.php?user=Konnor"><img class="friend" src="https://data.whicdn.com/images/69865100/original.gif" title="Konnor - Familiar"></a><br>
  422.  
  423. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img class="friend" src="" title="YOU"></a>
  424.  
  425. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img class="friend" src="" Title="YOU"></a>
  426.  
  427. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img class="friend" src="" Title="YOU"></a>
  428.  
  429.  
  430. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img class="friend" src="" title="YOU"></a><br>
  431.  
  432.  
  433. </div>
  434.  
  435. <div style="position: absolute; margin-left: 40px; margin-top: 40px;"><span class="tpt">RULES</span></div>
  436.  
  437. </div></div></li>
  438.  
  439.  
  440.  
  441. </ul></div></div>
  442.  
  443.  
  444. <div class="echo">
  445. <!-- BOTTOM AUDIO FILE -->
  446. <!-- rmb to change the number in toggleSound1() to your chara no. -->
  447. <!-- i.e. change it to toggleSound5() if on your 5th character -->
  448. <!-- the same rule applies for sound1 -->
  449.  
  450. <!--start copy-->
  451. <div class="sound1">
  452. <div class="quorn">
  453. <span class="lnr lnr-mic" onclick="toggleSound1();"></span>
  454. <div class="qline"></div>
  455. <!-- AUDIO DESCRIPTION -->
  456. <div class="quote">Back To Black</div>
  457.  
  458.  
  459.  
  460. </div><!--echo-->
  461.  
  462.  
  463. <!-- ACTUAL AUDIO FILES -->
  464. <!-- rmb to change the number in member1 to your chara no. -->
  465. <!-- i.e. change it to member5 if on your 5th character -->
  466. <!-- start copy -->
  467. <audio id="member1" src="http://whimsicalmuse.com/vieux.mp3" type="audio"></audio>
  468. <!-- end copy -->
  469.  
  470. </div></div>
  471.  
  472. <div class="wrap3">
  473.  
  474.  
  475. <a target="_blank" href=""><img class="agent" src="https://i.pinimg.com/originals/12/b9/ad/12b9adb6d092c0ce16280311943da335.gif"></a>
  476.  
  477.  
  478. <a target="_blank" href=""><img class="agent" src="https://media.giphy.com/media/adbUGJMXjMELK/giphy.gif"></a>
  479.  
  480. <a target="_blank" href=""><img class="agent" src="https://pm1.narvii.com/6904/53be50992909e2d64f22055014c84186d6c2b0dcr1-499-499v2_hq.jpg"></a>
  481.  
  482. <a target="_blank" href=""><img class="agent" src="https://66.media.tumblr.com/97d0b7948173d61663dc085cc2eba293/tumblr_oa4afzLrLt1voc1nyo1_500.gif"></a>
  483.  
  484. <a target="_blank" href=""><img class="agent" src="https://i.pinimg.com/originals/44/6d/f2/446df2eb1024c42b3b607ec682261788.gif"></a>
  485.  
  486. </div>
  487.  
  488.  
  489. <div class="wrap2">
  490.  
  491. <a class="avatar1"><img class="agent" src="https://data.whicdn.com/images/247084111/original.gif"></a>
  492.  
  493. <a class="avatar1"><img class="agent" src="https://media0.giphy.com/media/yPbHBBu8Hxg0o/source.gif"></a>
  494.  
  495.  
  496. <a class="avatar2"><img class="agent" src="https://jonathanweisstours.com/wp-content/uploads/2018/06/Reviews-Header-Weiss.jpg"></a>
  497.  
  498. <a class="avatar3"><img class="agent" src="http://media.tumblr.com/tumblr_mb313pwOyz1rboq4lo1_500.gif"></a>
  499.  
  500. <a class="avatar4"><img class="agent" src="https://static1.squarespace.com/static/5498a955e4b0bc65ffab107a/t/5a4d6cbb07fc7bf001632aff/1515023547003/1000w/"></a> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement