API tools faq
paste
owltrash

ellana's current profile

owltrash
Jan 24th, 2019
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.35 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Cardo|Cinzel+Decorative|IM+Fell+English+SC|Italianno');
  3. @import url('https://fonts.googleapis.com/css?family=Georgia');
  4.  
  5.  
  6. .pfor{ display:none; background-color:transparent; }
  7. body {background:url('') top left fixed repeat;
  8. background-color:transparent;
  9. overflow:hidden; }
  10.  
  11. #profile{ border:0px; background-color:transparent; }
  12. *{cursor:url('https://i.imgur.com/8QmAMfq.png'), default; }
  13.  
  14. ::-webkit-scrollbar { width:5px; height:0px;
  15. background:; }
  16. ::-webkit-scrollbar-thumb { background-color:#fff;
  17. border:1px solid #fff;
  18. -webkit-border-radius:10px; border-radius:10px; }
  19.  
  20.  
  21. body{
  22. background-color: transparent;
  23. background-position:right top; background-image: url("");
  24. background-repeat: repeat; background-attachment:fixed; background-size: repeat}
  25.  
  26.  
  27. #name{
  28. height:85px; width:400px;
  29. top:-5px; left:45px;
  30. background-color:#;
  31. color:#d2c4c1;
  32. font-family:'italianno', cursive;
  33. font-size:65px;
  34. letter-spacing:1px;
  35. text-transform:; text-align:justify;
  36. margin: 0px 5px 0px; padding:px;
  37. box-shadow: inset 0px 0px 20px #,
  38. 0px 0px 20px #;
  39. position:absolute;
  40. float:left; overflow:auto;
  41. opacity:.0; transition: 1s;
  42. filter: blur(0px); opacity:1.0; transition: 1s; }
  43.  
  44. #titles{ position:absolute;
  45. width:400px; height:43px;
  46. left:40px; top:37px;
  47. background-color:transparent;
  48. color:#ccbcb8;
  49. font-family:'IM Fell English SC';
  50. font-size:11px;
  51. line-height:15px;
  52. letter-spacing:1px;
  53. text-transform:uppercase; text-align:justify;
  54. padding:13px; float:left;
  55. overflow:auto; opacity:.0; transition: 1s;
  56. filter: blur(0px); opacity:1.0; transition: 1s; }
  57.  
  58.  
  59. #opening{ position:fixed; width:100%; height:100%; left:150px; bottom:150px; }
  60.  
  61. #opening-img { position:absolute;
  62. background-image:url('https://i.imgur.com/dvrPz0p.png');
  63. background-position:0% 20%; background-size:443px;
  64. background-attachment: absolute;
  65. background-repeat:no-repeat;
  66. height:617px; width:443px;
  67. bottom:-200px; left:25px;
  68. filter: blur(0px); opacity:1; transition: 1s; }
  69.  
  70. body:hover #opening-img {filter: blur(10px); opacity:.0; transition: 1.5s;}
  71.  
  72. #opening-img2 { position:absolute;
  73. background-image:url('https://i.imgur.com/6dyLWnV.png');
  74. background-position:0% 20%; background-size:430px;
  75. background-attachment: absolute;
  76. background-repeat:no-repeat;
  77. height:617px; width:430px;
  78. bottom:-100px; left:25px;
  79. filter: blur(1px); opacity:1.0; transition: 1s;
  80. animation: bounce 3.25s infinite;
  81. -o-animation: bounce 3.25s infinite;
  82. -moz-animation:bounce 3.25s infinite;
  83. -webkit-animation: bounce 3.25s infinite;
  84. -webkit-transition: all 0.3s ease-out;
  85. transition: all 0.8s ease-out;
  86. }
  87. @keyframes bounce{
  88. 0% {top: 30px;}
  89. 50% {top: 50px;}
  90. 100% {top: 30px;}
  91. }
  92. @-webkit-keyframes bounce {
  93. 0% {top: 30px;}
  94. 50% {top: 50px;}
  95. 100% {top: 30px;}
  96. }
  97.  
  98. body:hover #opening-img2 {filter: blur(10px); opacity:.0; transition: 1.5s;}
  99.  
  100.  
  101. #ooc{ position:absolute;
  102. width:400px; height:53px;
  103. left:40px; bottom:70px;
  104. background-color:transparent;
  105. color:#ccbcb8;
  106. font-family:'IM Fell English SC';
  107. font-size:10px;
  108. line-height:15px;
  109. letter-spacing:1px;
  110. text-transform:uppercase; text-align:justify;
  111. padding:13px; float:left;
  112. overflow:auto; opacity:.0; transition: 1s;
  113. filter: blur(0px); opacity:1.0; transition: 1s; }
  114.  
  115. body:hover #music { opacity:1.0; transition-delay: 1.5s; }
  116.  
  117.  
  118. #container{ position:absolute; left:-75px; bottom:110px; opacity:.0; transition: 1s; }
  119. body:hover #container { filter: blur(0px); opacity:1.0; transition-delay: 1s; }
  120.  
  121.  
  122. #portrait { position:absolute;
  123. background-image:url('https://i.imgur.com/TOXCHBb.png');
  124. background-position:0% 20%; background-size:350px;
  125. background-attachment: absolute;
  126. background-repeat:no-repeat;
  127. box-shadow: inset 0px 0px 20px #fff,
  128. 0px 0px 20px #fff;
  129. height:479px; width:350px;
  130. bottom:-50px; left:225px;
  131. -webkit-filter: grayscale(0%);
  132. filter: grayscale(0%);}
  133. body:hover #stats { opacity:1.0; transition-delay:1s; }
  134.  
  135.  
  136. #elf{ position:absolute;
  137. width:190px; height:50px;
  138. left:580px; top:-146px;
  139. background-color:transparent;
  140. color:#ccbcb8;
  141. font-family:'IM Fell English SC';
  142. font-size:22px;
  143. letter-spacing:2px;
  144. text-transform:; text-align:center;
  145. padding:13px; float:left;
  146. overflow:auto; opacity:.0; transition: 1s; }
  147. body:hover #elf { opacity:1.0; transition-delay:1.7s; }
  148.  
  149. #stats{ position:absolute;
  150. width:220px; height:135px;
  151. left:575px; top:-110px;
  152. background-color:transparent;
  153. color:#a08f8d;
  154. font-family:'cardo';
  155. font-size:14px;
  156. line-height:22px;
  157. letter-spacing:0px;
  158. text-transform:; text-align:justify;
  159. padding:20px; float:left;
  160. border-top:1px dotted #a08f8d;
  161. overflow:auto; opacity:.0; transition: 1s; }
  162. body:hover #stats { opacity:1.0; transition-delay:1.7s; }
  163.  
  164. #story{ position:absolute;
  165. width:190px; height:40px;
  166. left:546px; top:61px;
  167. background-color:transparent;
  168. color:#ccbcb8;
  169. font-family:'IM Fell English SC';
  170. font-size:18px;
  171. letter-spacing:2px;
  172. text-transform:; text-align:center;
  173. padding:13px; float:left;
  174. overflow:auto; opacity:.0; transition: 1s; }
  175. body:hover #story { opacity:1.0; transition-delay:2.4s; }
  176.  
  177.  
  178. #blurb{ position:absolute;
  179. width:220px; height:160px;
  180. left:575px; top:93px;
  181. background-color:transparent;
  182. color:#a08f8d;
  183. font-family:'cardo';
  184. font-size:14px;
  185. line-height:18px;
  186. letter-spacing:0px;
  187. text-transform:; text-align:justify;
  188. padding:20px; float:left;
  189. border-top:1px dotted #a08f8d;
  190. overflow:auto; opacity:.0; transition: 1s; }
  191. body:hover #blurb { opacity:1.0; transition-delay:2.4s; }
  192.  
  193.  
  194. #headcanons{ position:absolute;
  195. width:355px; height:114px;
  196. left:207px; bottom:-198px;
  197. background-color:transparent;
  198. color:#a08f8d;
  199. font-family:'cardo';
  200. font-size:14px;
  201. line-height:18px;
  202. letter-spacing:0px;
  203. text-transform:; text-align:justify;
  204. padding:15px; float:left;
  205. overflow:auto; opacity:.0; transition: 1s; }
  206. body:hover #headcanons { opacity:1.0; transition-delay:3.1s; }
  207.  
  208. #headcanons::first-letter{
  209. background-color:#ccbcb8;
  210. color:#fff;
  211. font-family:'cinzel decorative', cursive;
  212. font-size:37px;
  213. line-height:35px;
  214. letter-spacing:1px;
  215. text-transform:uppercase;
  216. text-shadow: 1px 0px 0px #a08f8d,
  217. 0px 1px 0px #a08f8d,
  218. -1px 0px 0px #a08f8d,
  219. 0px -1px 0px #a08f8d;
  220. margin: 0px 5px 0px; padding:10px;
  221. box-shadow: inset 0px 0px 20px #a08f8d,
  222. 0px 0px 20px #a08f8d;
  223. float:left; }
  224.  
  225. #people{ position:absolute;
  226. width:230px; height:120px;
  227. left:575px; bottom:-195px;
  228. background-color:transparent;
  229. color:#a08f8d;
  230. font-family:'cardo';
  231. font-size:13px;
  232. line-height:19px;
  233. letter-spacing:0px;
  234. text-transform:; text-align:justify;
  235. border-top:1px dotted #a08f8d;
  236. padding:13px; float:left;
  237. overflow:auto; opacity:.0; transition: 1s; }
  238. body:hover #people { opacity:1.0; transition-delay:3.8s; }
  239.  
  240. #peopletag{ position:absolute;
  241. width:270px; height:50px;
  242. left:534px; bottom:-93px;
  243. background-color:transparent;
  244. color:#ccbcb8;
  245. font-family:'IM Fell English SC';
  246. font-size:16px;
  247. letter-spacing:2px;
  248. text-transform:; text-align:center;
  249. padding:13px; float:left;
  250. overflow:auto; opacity:.0; transition: 1s; }
  251. body:hover #peopletag{ opacity:1.0; transition-delay:3.8s; }
  252.  
  253. i{ color:#ccbcb8; font-family:'cardo'; letter-spacing:0px; }
  254. s{ color:#ccbcb8; }
  255.  
  256. a {color:#d2c4c1;
  257. text-decoration:none;
  258. text-transform:;
  259. padding:1px; display:inline-block; }
  260. a:hover {color:#a08f8d;
  261. text-decoration:line-through;
  262. transition: 1.2s;
  263. }
  264.  
  265.  
  266. u { position:absolute;
  267. background-color:transparent;
  268. color:#a08f8d;
  269. font-family:'IM Fell English SC';
  270. font-size:10px;
  271. line-height:15px;
  272. letter-spacing:1px;
  273. border-bottom:1px dotted #bbb;
  274. text-decoration:none;
  275. text-transform:uppercase; text-align:justify;
  276. padding:2px; }
  277.  
  278. </style>
  279. <body>
  280.  
  281.  
  282. <div id="opening">
  283. <div id="opening-img">
  284. <div id="opening-img2"></div>
  285.  
  286. <div id="name">
  287. <center> Ellana Lavellan </center>
  288. </div>
  289. <div id="titles">
  290. <center>former inquisitor. holy stump of andraste. <br> dragon age: inquisition.</center>
  291. </div>
  292. <div id="ooc">
  293. <center> pm-friendly; slow replies; odd hours. <br> art by nipuni; code is mine. <br> tap or hover for full profile. </center>
  294. </div>
  295.  
  296. </div>
  297.  
  298.  
  299. <div id="container">
  300.  
  301. <div id="portrait">
  302. </div>
  303.  
  304. <div id="elf">THE ELF;</div>
  305. <div id="stats">
  306.  
  307. <u>full name:</u> <font style="float:right;">Ellana Lavellan</font><br>
  308. <u>age:</u> <font style="float:right;">30</font><br>
  309. <u>height:</u> <font style="float:right;">5’04”</font><br>
  310. <u>specialization:</u> <font style="float:right;">Shapeshifter</font><br>
  311. <u>affiliation:</u> <font style="float:right;"><s><i>Inquisition</i></s></font><br>
  312. <font style="float:right;">Friends of Red Jenny</font><br>
  313. <small><i>(scroll.)</i></small> <font style="float:right;">Clan Lavellan</font> <br><br>
  314.  
  315. <u>weapon:</u> <font style="float:right;">“One Piercing Note”,</font><br>
  316. <font style="float:right;"><small>- a staff made of Dragon Bone; </small></font> <br>
  317. <font style="float:right;"><small> inscribed staff grip </small></font> <br><br>
  318.  
  319. <u>physical appearance:</u> <br>
  320. Slender build, sun-kissed complexion, eyes framed by a cascade of vanilla blonde hair. Often dressed in practical furs and leathers, but may sometimes be found in smallclothes or less. A stare that belies a crafty mind and bitter resolution. <br>
  321. <font color="white">❧</font> The left arm is a careful projection made of metal, lyrium and pure magic — one that may disperse with enough magical disturbance.
  322.  
  323. <br><br>
  324. <u>favorite drink:</u> <font style="float:right;">Abyssal Peach</font>
  325.  
  326. </div>
  327.  
  328. <div id="story">THE MAGE; </div>
  329. <div id="blurb">
  330.  
  331. Once the <a target="_blank" href="https://dragonage.wikia.com/wiki/Keeper#Background">First</a> of her Clan, Ellana retains a profound connection to the earth and all that depends on it — one that enhances her senses; reveals paths where most see none; and serves as an anchor for an otherwise unpredictable nature.
  332. <br> <font color="white">❧</font> At the Well of Sorrows, she drank from the Well herself and gained the ability to turn into a <a target="_blank" href="https://dragonage.wikia.com/wiki/Guardian_of_Mythal?file=Guardian_of_Mythal.jpg">dragon</a> — a skill previously thought unthinkable, or lost to the days of Elvhenan.
  333. <br> <font color="white">❧</font> Aside from this, her favorite forms are that of a Great Bear, a snake, and a swarm of wasps or bees.
  334. <br><br>
  335. <u>FAVORITE SPELLS:</u> <br> <center>
  336. <img src="https://i.imgur.com/ODcWxqn.png" height="35" title="Fade Step">
  337. <img src="https://i.imgur.com/w5rjJLZ.png" height="35" title="Dispel">
  338. <img src="https://i.imgur.com/osnA9Kn.png" height="35" title="Chain Lightning"> <br>
  339. <img src="https://i.imgur.com/wSrZQQI.png" height="35" title="Lightning Bolt">
  340. <img src="https://i.imgur.com/xTHXEg5.png" height="35" title="Static Cage">
  341. <img src="https://i.imgur.com/NfEqgEi.png" height="35" title="Veiltstrike"> <br>
  342. <img src="https://i.imgur.com/kaXLkHn.png" height="35" title="Smothering Veil">
  343. <img src="https://i.imgur.com/PYAzr7h.png" height="35" title="Pull of the Abyss">
  344. <img src="https://i.imgur.com/tgeVPf1.png" height="35" title="Firestorm"> </center>
  345. <center>
  346. <img src="https://i.imgur.com/Lz7T03L.png" height="25" class="borders" title="Thornblades;
  347. a remnant of her
  348. training as First."> </center>
  349.  
  350. </div>
  351. <div id="headcanons">
  352. <span style="font-family: 'IM Fell English SC'; font-size:18px; color:#ccbcb8; letter-spacing:1px;">THE STORY SO FAR...</span> <br>
  353. After the events of <a target="_blank" href="https://dragonage.wikia.com/wiki/Trespasser#Plot">Trespasser</a> and the loss of her hand – the Anchor – Ellana disbanded the Inquisition and left Thedas. She has taken to using the <a target="_blank" href="https://dragonage.wikia.com/wiki/Eluvian">Eluvian</a> for her cross-dimensional travels, which is how she has wound up at the <a target="_blank" href="https://vidyagamaresort.weebly.com/">the Island</a>. <br>
  354. <font color="white">❧</font> <i>Why</i> she is still there, is another story. <font style="float:right;"><small><i>(cont.)</i></small></font> <br>
  355. <font color="white">❧</font> Since her arrival, she has seen strange sights and stranger people – some familiar, yet strangers to <i>her</i>, claiming to hail from a Thedas not her own. Still, despite the dissonance, Ellana hasn’t let that stop her from befriending them. She wonders, now, what sort of Thedas might she find, were she to go with them...
  356. </div>
  357.  
  358. <div id="peopletag"><small><small><i>(scroll.)</i></small></small>
  359. <font style="float:right;">CONTACTS;</font></div>
  360. <div id="people">
  361.  
  362. <u>Met in Thedas: </u> <br>
  363. <a target="_blank" href="/profile.php?user=Cullen+Rutherford">Cullen</a>;
  364. <a target="_blank" href="/profile.php?user=marian">Hawke</a>;
  365. <a target="_blank" href="/profile.php?user=Reaver">Levi</a>;
  366. <a target="_blank" href="/profile.php?user=Fenharel">Solas</a>;
  367. <a target="_blank" href="/profile.php?user=Varric">Varric</a>;
  368. <a target="_blank" href="/profile.php?user=Yvette">Yvette</a>.
  369. <br><br>
  370. <u>Met at the VGR: </u> <br>
  371. <a target="_blank" href="/profile.php?user=Cassian+Fiorvanti">Cassian</a>;
  372. <a target="_blank" href="/profile.php?user=Ciri">Ciri</a>;
  373. <a target="_blank" href="/profile.php?user=Cleaver">Cleaver</a>;
  374. <a target="_blank" href="/profile.php?user=Corrin+Trevelyan">Corrin</a>;
  375. <a target="_blank" href="/profile.php?user=Cullen">Cullen</a>;
  376. <a target="_blank" href="/profile.php?user=The+Witcher">Geralt</a>;
  377. <a target="_blank" href="/profile.php?user=Paya">Paya</a>;
  378. <a target="_blank" href="/profile.php?user=Old+Man">Raven</a>;
  379. <a target="_blank" href="/profile.php?user=Saare">Saare</a>;
  380. <a target="_blank" href="/profile.php?user=boy+scout">Scout</a>;
  381. <a target="_blank" href="/profile.php?user=City+Elf">Zilyana</a>.
  382.  
  383. </div>
  384.  
  385.  
  386. <div id="music-player">
  387. <div style="margin-top:4px;">
  388. <audio controls style="opacity:0; width:150px; margin-bottom:211px; margin-left:355px;" loop="">
  389. <source src="https://dl.dropboxusercontent.com/s/n9ypdx293py3me6/DAI%20Tavern%20Songs.mp3?dl=0">
  390. </audio>
  391. </div>
  392. </div>
  393.  
  394. </div>
  395.  
  396. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!