Advertisement
Guest User

fsdfsdf

a guest
Feb 18th, 2020
367
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.00 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Nunito|Poppins|Work+Sans&display=swap" rel="stylesheet">
  2.  
  3. <style>
  4. tr, td, table {background-color:transparent;}
  5.  
  6. #headerWrap, #footerWarpper, .contactTable, .userProfileURL, .userProfileDetail, .extendedNetwork, .profileInfo, .latestBlogEntry, .friendspace, .orangetext15 {display:none;}
  7.  
  8. body {overflow:none;background-color:#fffff0; margin: 0; padding: 0;overflow-x: hidden;overflow-y: hidden;}
  9.  
  10. .base {
  11. background-color:#fff;
  12. right:0;
  13. height:100%;
  14. width:400px;
  15. position:absolute;
  16. border-left: 1px solid #F8F7F7;
  17. }
  18.  
  19. .header img{
  20. width:400px;
  21. }
  22.  
  23. .prologue-title {
  24. background-color: #000;
  25. position:absolute;
  26. top:205px;
  27. font-size: 10px;
  28. color: #fff;
  29. width:60px;
  30. font-family: 'Poppins', sans-serif;
  31. padding:3px 40px;
  32. }
  33.  
  34. .title {
  35. font-size:56px;
  36. font-family: 'Work Sans', sans-serif;
  37. color:#fff;
  38. position:absolute;
  39. top:60;
  40. left:80px;
  41. font-weight:700;
  42. }
  43.  
  44. .display-text {
  45. font-size:12px;
  46. font-family: 'Work Sans', sans-serif;
  47. color:fff;
  48. top:110;
  49. position:absolute;
  50. left:245px;
  51. }
  52.  
  53. .emblem {
  54. top:285px;
  55. left:30px;
  56. position:absolute;
  57. padding-right:10px;
  58. border-right: 1px solid #F8F7F7;
  59. }
  60.  
  61. .emblem img {
  62. width:80px;
  63. }
  64.  
  65. .prologue {
  66. font-size:8px;
  67. color: #1A1A1A;
  68. font-family: 'Work Sans', sans-serif;
  69. text-align:justify;
  70. width:200px;
  71. left:160px;
  72. top:270px;
  73. position:absolute;
  74. padding-bottom: 30px;
  75. border-bottom: 1px solid #F8F7F7;
  76. }
  77.  
  78.  
  79. .muse img {
  80. width:50px;
  81. height:50px;
  82. padding:5px;
  83. }
  84.  
  85. .muse {
  86. left:170px;
  87. position:absolute;
  88. }
  89.  
  90. .emblem-2 {
  91. top:460px;
  92. left:20px;
  93. position:absolute;
  94. padding-right:20px;
  95. border-right: 1px solid #F8F7F7;
  96. }
  97.  
  98. .emblem-2 img {
  99. width:100px;
  100. }
  101.  
  102. .connection-space {
  103. background-color: #000;
  104. position:absolute;
  105. top:425px;
  106. font-size: 10px;
  107. color: #fff;
  108. width:60px;
  109. font-family: 'Poppins', sans-serif;
  110. padding:3px 40px;
  111. }
  112.  
  113. .connections {
  114. left:160px;
  115. position:absolute;
  116. top:450px;
  117. width:200px;
  118. height:140px;
  119. overflow:auto;
  120. }
  121.  
  122. .connections a {
  123. text-decoration:none;
  124. font-size:7px;
  125. color: #fff;
  126. background-color: #000;
  127. padding:5px 12px;
  128. width:30px;
  129. border-radius: 65px;
  130. font-family: 'Work Sans', sans-serif;
  131. text-transform: lowercase;
  132. display: inline-block;
  133. margin: 2px;
  134. }
  135.  
  136. .connections a:hover {
  137. background-color: #fff;
  138. color: #000;
  139. transition: .5s;
  140. }
  141.  
  142. .sectional {
  143. left:60px;
  144. top:0;
  145. position:absolute;
  146. }
  147.  
  148. .sectional-2 {
  149. left:60px;
  150. top:0;
  151. position:absolute;
  152. }
  153.  
  154. ::-webkit-scrollbar {display:none;}
  155.  
  156. .plot-space {
  157. background-color: #000;
  158. position:absolute;
  159. top:600px;
  160. font-size: 10px;
  161. width:60px;
  162. color: #fff;
  163. font-family: 'Poppins', sans-serif;
  164. padding:3px 40px;
  165. text-align: center;
  166. display: inline-block;
  167. }
  168.  
  169. .plots {
  170. font-size:8px;
  171. font-family: 'Work Sans', sans-serif;
  172. position:absolute;
  173. left:20px;
  174. top:630px;
  175. height:100px;
  176. overflow:auto;
  177. border-bottom: 1px solid #F8F7F7;
  178. padding-bottom: 20px;
  179. }
  180.  
  181. .info-space {
  182. background-color: #000;
  183. position:absolute;
  184. top:600px;
  185. left:200px;
  186. font-size: 10px;
  187. width:70px;
  188. color: #fff;
  189. font-family: 'Poppins', sans-serif;
  190. padding:3px 70px;
  191. text-align: center;
  192. display: inline-block;
  193. }
  194.  
  195. .info {
  196. width:200px;
  197. text-align:justify;
  198. font-size:8px;
  199. font-family: 'Work Sans', sans-serif;
  200. top:630px;
  201. left:150px;
  202. position:absolute;
  203. height:310px;
  204. overflow:auto;
  205. border-left: 1px solid #F8F7F7;
  206. padding-left: 20px;
  207. }
  208.  
  209. .guideline-space {
  210. background-color: #000;
  211. position:absolute;
  212. top:760px;
  213. font-size: 10px;
  214. width:60px;
  215. color: #fff;
  216. font-family: 'Poppins', sans-serif;
  217. padding:3px 40px;
  218. text-align: center;
  219. display: inline-block;
  220. }
  221.  
  222. .guidelines {
  223. font-family: 'Work Sans', sans-serif;
  224. font-size:8px;
  225. width:130px;
  226. text-align:justify;
  227. top:790px;
  228. left:10px;
  229. position:absolute;
  230. height:150px;
  231. overflow:auto;
  232. }
  233.  
  234. .find-me-space {
  235. background-color:#000;
  236. width:90px;
  237. color:#fff;
  238. font-size:10px;
  239. padding: 2px 10px;
  240. font-family: 'Work Sans', sans-serif;
  241. text-align:center;
  242. position:absolute;
  243. top:0;
  244. left:0;
  245.  
  246. }
  247.  
  248. .find-me {
  249. width:90px;
  250. background-color: #fff;
  251. padding:10px;
  252. padding-top:20px;
  253. border: 1px solid #F8F7F7;
  254. position:absolute;
  255. right:500px;
  256. top:200px;
  257. }
  258.  
  259. .find-me a{
  260. text-decoration:none;
  261. font-size:10px;
  262. font-family: 'Nunito', sans-serif;
  263. padding:6px 3px;
  264. color:#000;
  265. width:80px;
  266. display:inline-block;
  267. text-align:center;
  268. background-color:#FBF8F8;
  269. font-weight:100;
  270. }
  271.  
  272. .find-me a:hover {
  273. transition:.5;
  274. background:#fff;
  275. }
  276.  
  277.  
  278. .e {
  279. border-left:2px solid #000;
  280. padding-left:10px;
  281. }
  282.  
  283. span {
  284. content: "\2193";
  285. }
  286.  
  287.  
  288. </style>
  289.  
  290. <div class="base">
  291. <div class="header"><img src="https://imgur.com/5fmFEvE.png"></div>
  292. <div class="title">moralking.</div>
  293. <div class="display-text">oliver queen</div>
  294.  
  295. <div class="prologue-title">prologue</div>
  296. <div class="emblem"><img src="https://imgur.com/UnXGOw0.png"></div>
  297. <div class="prologue">From boy to man with a purpose, that island, arguably, was the best thing that happened to Oliver. He developed discipline, something that he had lacked all his life, and birthed a part of him that couldn’t wake up. Something inside him, chasmic, there all along; dormant until nudged to take the spotlight. A faceless vigilante that the people of Starling City could believe in, a conservator of the city’s future, the remedy to the corrupt politicians and businessmen that take from the those necessitous. The top one percent that pulls the strings behind a desk, that take from the city, and selfishly puts back into their pockets. It’s those, the antagonists, that have failed this city.</div>
  298. <div class="muse"><img src="https://imgur.com/Sg6Opib.png"><img src="https://imgur.com/jafdeYa.png"><img src="https://imgur.com/w3oAwem.png"></div>
  299.  
  300. <div class="connection-space">connections</div>
  301. <div class="emblem-2"><img src="https://i.pinimg.com/564x/b9/6a/fc/b96afc7f79190cbabe3852b1ca5adce6.jpg"></div>
  302. <div class="connections"><a href="http://www.roleplayer.me/view_profile.php?member_id=1495138">Helena</a><br>
  303. <a href="http://www.roleplayer.me/1584684">Harley</a><br>
  304. <a href="http://www.roleplayer.me/view_profile.php?member_id=1585529">Elektra</a><br>
  305. <a href="http://www.roleplayer.me/view_profile.php?member_id=1523952">Dinah</a><br>
  306. <a href="http://www.roleplayer.me/1578761">Clint</a><br>
  307. <div class="sectional">
  308. <a href="http://www.roleplayer.me/view_profile.php?member_id=1592324">Rogue</a><br>
  309. <a href="#">Name</a><br>
  310. <a href="#">Name</a><br>
  311. <a href="#">Name</a><br>
  312. <a href="#">Name</a>
  313. <div class="sectional-2">
  314. <a href="#">Name</a><br>
  315. <a href="#">Name</a><br>
  316. <a href="#">Name</a><br>
  317. <a href="#">Name</a><br>
  318. <a href="#">Name</a>
  319. </div></div></div>
  320.  
  321. <div class="plot-space">plots <span>&#8595;</span></div>
  322. <div class="plots"><span class="e">warriors never sleep</span><br>oliver x elekra interaction 🔴<br><br><span class="e">the quiver and the hunt</span><br>oliver x helena interaction 🔴<br><br><span class="e">i'll make memories again</span><br>oliver x dinah interaction ⌛<br><br><span class="e">burn the witch</span><br>oliver x wanda interaction 🔴</div>
  323.  
  324. <div class="info-space">information <span>&#8595;</span></div>
  325. <div class="info"><b>🏹 Responsible</b>...for things out of his control. Oliver burdens himself with not protecting those he loves. Taking up the mantle of Starling City’s guardian angel, he blames himself for casualties he couldn’t prevent. He always believes there is another way, and different route he could have taken, and never stops to remedy that self-inflicted mental pain by just letting go.
  326. <br><br>
  327. <b>✊ Determined</b>...to save his city. Above all else, he came back to save a corrupt city that he doesn’t even recognize anymore, or at least turned a blind eye to all these years. Being open to everything he was sheltered from, gives him a different outlook by seeing the world a little more cynical than he did before.
  328. <br><br>
  329. <b>💰 Wealthy</b>...being a queen has its perks. Oliver uses his position to keep his secret going, funding what he needs that’s necessary for his crusade. Giving up that selfish and irresponsible part of his life, Oliver becomes disciplined when discovering his city is dying, and without him, there is no chance for Starling City. They need him, and with a new found purpose, he needs them.
  330. <br><br>
  331. <b>💔 Damaged</b>...everyone has a past, some more than others. Oliver is secluded emotionally and physically more than others, which is a complete turn around from the sarcastic happy-go-lucky playboy he was before. He has his demons, but he chooses to be haunted alone.
  332. <br><br>
  333. <b>💞 Cooperative</b>...it was a long road, but he came so far. Oliver never meant for anyone to join him on his crusade to save Starling. He wasn’t open to the idea either, in fact, he was aggressive in keeping everyone at a distance. Eventually, Oliver let people in that only wanted to help, people that wanted the same thing as he did, and he couldn’t let his stubborn way of thinking get between that.</div>
  334.  
  335. <div class="guideline-space">terms <span>&#8595;</span></div>
  336. <div class="guidelines">xx. I usually play an emotional Oliver Queen that can't cope with different things around him. I like to tug on his heart strings, make him question himself, and every choice he makes. This isn't restrictive, and I do enjoy playing the sarcastic and witty variant, but I try to keep a balance; merging them together to blur the lines between one and the other.
  337. <br><br>
  338. xx. I write in first and third person perspective, so if you have a preference between the two, then let me know ahead of time. It depends on the mood of the plot, and the chemistry between the characters on which I feel more comfortable.
  339. <br><br>
  340. xx. AU plots are adored, so as long as they are discussed first. I don't wanna be thrown into a situation where I haven't the fondest clue where to start. Just let me know what's going on before sending me a random starter.
  341. <br><br>
  342. xx. I multi-ship Oliver Queen. I enjoy exploring different stories that potentially lead to character growth. There has to be a story there, I don't ship for no reason, but I am always willing to listen to an idea to set something in motion! I'm very flexible.
  343. <br><br>
  344. xx. Banter is always welcome, so feel free to fill up my status stream with them. Banter helps adapt an idea of what kind of chemistry you'll be working with between characters, and to me that's extremely important. I reply quicker to banter on discord, so feel free to add me there #7317.</div></div>
  345.  
  346. <div class="find-me"><div class="find-me-space">moralking♔.</div><a href="http://www.roleplayer.me/home.php">home</a><br><br><a href="http://www.roleplayer.me/send_message.php?member_id=1591798">message</a><br><br><a href="http://www.roleplayer.me/add_comment.php?member_id=1591798">comment</a><br><br><a href="http://www.roleplayer.me/status_stream.php?member_id=1591798">stream</a><br><br><a href="http://www.roleplayer.me/view_journal_member.php?member_id=1591798">bulletins</a><br><br><a href="http://www.roleplayer.me/view_blog.php?id=0000465167">information</a><br><br><a href="http://www.roleplayer.me/view_group.php?group_id=30436">drabbles</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement