API tools faq
paste
Advertisement
hallowimg

ruby

hallowimg
Dec 27th, 2020
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.95 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Abel|Cinzel|Great+Vibes|Lora|Nova+Slim|Oswald|Quicksand|Roboto+Condensed');
  4.  
  5. @font-face {
  6. font-family: "bakery";
  7. src: url('https://dl.dropboxusercontent.com/s/lnjs9z8olojzmpv/Skywalker_alt.ttf?');
  8. format("truetype");
  9. }
  10.  
  11. ::-webkit-scrollbar {
  12. height: 0px;
  13. width: 0px;
  14. background:#b3b3b5;
  15. border-left:0px solid transparent;
  16. border-right:0px solid transparent;
  17. }
  18.  
  19. a {
  20. color: #c2365e;
  21. font-weight: bold;
  22. text-decoration: none;
  23. }
  24.  
  25. B {
  26. text-shadow: 0px 0px 2px #ff266e;
  27. }
  28.  
  29. h1 {
  30. color: #616161;
  31. font-family: 'Cinzel';
  32. text-transform:none;
  33. font-size: 20px;
  34. letter-spacing: 5px;
  35. background: -webkit-linear-gradient(left, transparent, #616161, transparent);
  36. line-height:0px;
  37. height:1px;
  38. text-align:center;
  39.  
  40. }
  41.  
  42. body{
  43. background-color:#ffcccc;
  44. background-image: url(https://www.transparenttextures.com/patterns/dark-stripes-light.png);
  45. }
  46.  
  47.  
  48. .container {
  49. position:fixed;
  50. left:250px;
  51. bottom: 0px;
  52. width: 600px;
  53. height:100%;
  54. padding:10px;
  55. z-index:-5;
  56. border-left:10px solid #ff87a3;
  57. border-right:10px solid #ff87a3;
  58. background-image:url(https://www.ecopetit.cat/wpic/mpic/4-47316_cherry-blossom-tree-digital-art.png);
  59. background-attchment:fixed;
  60. background-position: 10% 25%;
  61. opacity:.7;
  62. }
  63.  
  64. .title{
  65. font-family: "bakery";
  66. font-size:57px;
  67. line-height:50px;
  68. color:#eaeaea;
  69. position:fixed;
  70. bottom:350px;
  71. left:415px;
  72. z-index:21;
  73. text-shadow: 0px 0px 5px #7a0000;
  74. }
  75.  
  76. .box{
  77. position:fixed;
  78. left:420px;
  79. bottom:15px;
  80. width: 350px;
  81. height:300px;
  82. background-color: #ffcccc;
  83. background-image:url('https://www.transparenttextures.com/patterns/dark-stripes-light.png');
  84. font-family: 'Roboto Condensed';
  85. font-size:20px;
  86. line-height:14px;
  87. letter-spacing:0.5px;
  88. color:#222;
  89. padding:20px;
  90. text-transform: lowercase;
  91. font-variant:small-caps;
  92. border:1px dotted #ddd;
  93. text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  94. z-index:1;
  95. overflow:auto;
  96. }
  97.  
  98. .box:target {
  99. position: fixed;
  100. left:420px;
  101. bottom:15px;
  102. opacity: 1;
  103. z-index: 20;
  104. overflow:auto;
  105. }
  106.  
  107. .nav {
  108. position: fixed;
  109. left: 840px;
  110. bottom: 60px;
  111. width: 25px;
  112. font-size: 20px;
  113. text-align: left;
  114. z-index: 5;
  115. text-decoration: none;
  116. overflow: auto;
  117. }
  118.  
  119. .nav a {
  120. color: #ffcccc;
  121. text-align: center;
  122. font-family: 'Cinzel';
  123. transition: .5s linear;
  124. -o-transition: .5s linear;
  125. -moz-transition: .5s linear;
  126. -webkit-transition: .5s linear;
  127. text-decoration: none;
  128. text-shadow: 0 0 5px #fff;
  129. overflow: auto;
  130. }
  131.  
  132. .nav a:hover {
  133. color: #a3fffd;
  134. text-shadow: 0 0 5px #547FBF;
  135. text-align: center;
  136. font-weight: 700;
  137. padding-left: 5px;
  138. transition: .5s linear;
  139. -o-transition: .5s linear;
  140. -moz-transition: .5s linear;
  141. -webkit-transition: .5s linear;
  142. text-decoration: none;
  143. overflow: auto;
  144. }
  145.  
  146. .ruby{
  147. position: absolute;
  148. left:0px;
  149. bottom: 0px;
  150. z-index: 2;
  151. opacity: 1;
  152.  
  153. filter: drop-shadow(0px 0px 10px #000);
  154. }
  155.  
  156. .pic{ border: 1px solid #555; width:80px; height: 80px; margin-bottom: 10px; margin-top: 10px; margin-right: 2px; margin-left: 2px; }
  157. </style>
  158.  
  159. <div class="title">Summoner Ruby</div>
  160.  
  161. <div class="ruby"><img src="http://i.picpar.com/920e.png" width="450px"></div>
  162.  
  163. <div class="nav">
  164. <a href="#1">I</a><br><br>
  165. <a href="#2">II</a><br><br>
  166. <a href="#3">III</a><br><br>
  167. <a href="#4">IV</a><br><br>
  168. <a href="#5">V</a>
  169. </div>
  170.  
  171. <div class="container"></div>
  172.  
  173. <div class="box" id="1">
  174. <h1>Dossier</h1>
  175. <B>name</B><font style='float:right'>Ruby Brewed</font><br>
  176. <B>alias</B><font style='float:right'>none</font><br>
  177. <B>age</B><font style='float:right'>twenty-one</font><br>
  178. <B>species</B><font style='float:right'>miqo'te</font><br>
  179. <B>gender</B><font style='float:right'>female</font><br>
  180. <B>class</B><font style='float:right'>Summoner</font><br>
  181. <B>level</B><font style='float:right'>80</font><br>
  182. <B>origin</B><font style='float:right'>Limsa Lominsa</font><br>
  183. <B>height</B><font style='float:right'>4'9"</font><br>
  184. <B>weight</B><font style='float:right'>103lbs</font><br>
  185. <B>physique</B><font style='float:right'>pear-shaped</font><br>
  186. <B>disposition</B><font style='float:right'>bubbly and oblivious</font><br>
  187. <B>alignment</B><font style='float:right'>lawful good</font><br>
  188. <B>affiliation</B><font style='float:right'>the velvet room</font><br>
  189. <B>orientation</B><font style='float:right'>openly lesbian</font><br>
  190. <B>status</B><font style='float:right'><a target="_blank" href="https://roleplay.chat/profile.php?user=Miqote">married</a></font></font><br>
  191. <B>voice claim</B><font style='float:right'>none yet</font><br>
  192. <B>gallery</B><font style='float:right'><a target="_blank" href="https://imgur.com/a/eODZPCP">here!</a></font><br>
  193. <B>theme</B><font style='float:right'><a target="_blank" href="https://www.youtube.com/watch?v=ZUuNiq2HATI">say so!</a></font><br><br><br>
  194. <a target="_blank" href="https://imgur.com/a/nK1qasi">Hidden gallery.~</a>
  195. </div>
  196.  
  197. <div class='box' div id='2'>
  198. <h1>history</h1>
  199. Will add story later.
  200. </div>
  201.  
  202. <div class='box' div id='3'>
  203. <h1>powers</h1>
  204. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/7/7b/Cure.png" alt=""><B>CURE.</b> Grants the user to heal a fair amount of damage sustained to one target. Quicker casting, lesser potency.<br><br>
  205.  
  206. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/4/4d/Cure_II.png" alt=""><b>CURE II.</b> Upgraded verison of Cure, with an increase in casting time, yet greater potency to heal much more damage than previously allowed.<br><br>
  207.  
  208. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/b/b2/Regen.png" alt=""><B>REGEN.</b> Creates a veil around one target that gradually restores health and heals injuries over time.<br><br><br>
  209.  
  210. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/d/da/Thin_Air.png" alt=""><B>THIN AIR.</b> Temporarily grants Mocha the ability to cast her spells without consuming any of her mana, drawing energy from the world around her instead. Main drawback is it's high cooldown and short duration.<br><br>
  211.  
  212. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/a/a2/Swiftcast.png" alt=""><B>SWIFTCAST.</b> A useful utility spell, which allows Mocha to instantly cast her next spell without any casting time. This goes on a long cooldown, but can be helpful in the right situations.<br><br>
  213.  
  214. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/6/66/Glare.png" alt=""><B>DIA.</b>Manifests several magical bolts of energy, dealing a big burst of damage to a single target. Mocha's go-to spell for dealing her damage.<br><br>
  215.  
  216. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/4/4a/Dia.png" alt=""><B>DIA.</b> Creates a blinding light around a single target, dealing radiant damage over 30 seconds.<br><br>
  217.  
  218. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/c/c9/Presence_of_Mind.png" alt=""><B>PRESENCE OF MIND.</b> A self buff that grants Mocha the ability to cast spells at a reduced time for a limited duration.<br><br>
  219.  
  220. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/8/80/Repose.png" alt=""><B>REPOSE.</b> Afflicts one target with drowziness, which can lead to sudden sleep if unchecked.<br><br><br>
  221.  
  222. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/a/a3/Holy.png" alt=""><B>HOLY.</b> Disperses a large amount of bright, white light from Mocha's body, burning those caught in the radiant blast.<br><br>
  223.  
  224. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/b/bb/Assize.png" alt=""><B>ASSIZE.</b> Creates a radiant flash around Mocha, restoring lost mana to herself, healing others and dealing massive damage to hostilec reatres. Main drawback is large cooldown.<br><br>
  225.  
  226. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/6/66/Medica_II.png" alt=""><B>MEDICA II.</b> Upgraded verison of Medica, which allows Mocha to heal herself and others around her at the cost of a longer cast time.<br><br>
  227.  
  228. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/b/b0/Asylum.png" alt=""><B>ASYLUM.</b> Creates a small field that reachs 30x30 feet filled with divination magic, slowly healing those within over time. Can only be casted at a maximum range of 90 feet.<br><br>
  229.  
  230. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/1/14/Divine_Benison.png" alt=""><B>DIVINE BENISON.</b> Creates a divinational barrier around herself, absorbing up to a small portion of attacks, both physical and magical, preventing harm to her body for a short duration.<br><br>
  231.  
  232. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/7/73/Plenary_Indulgence.png" alt=""><B>PLENARY INDULGENCE.</b> Applies a buff to Mocha and everybody around herself that triggers when receiving specific forms of healing (Any non-regenerative spells), that amplifies the healing potency. Main drawback is long cooldown.<br><br>
  233.  
  234. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/d/d1/Benediction.png" alt=""><B>BENEDICTION.</b> Mocha's second most potent healing spell, as it can instantly heal any injuries done and return one target to a completely normal state. However, once she uses this, her mana is depleted a good chunk and cannot use it for the rest of the day.<br><br>
  235.  
  236. <img style="float: left; margin: 2px 5px 2px 5px; width: 50px; height: 50px;" src="https://ffxiv.consolegameswiki.com/mediawiki/images/f/f1/Raise.png" alt=""><B>RAISE.</b> Mocha's most powerful spell in her arsenal. Raise marks her true expertise as a White Mage, as it grants her the ability to ressurect those fallen. This is done through a long ritual, which cannot by avoided via Swiftcast. It completely depletes her mana and leaves her quite exhausted, and those who are Raised are given the choice to accept or refuse the divination magic that would bring them back.<br><br>
  237.  
  238.  
  239. </div>
  240.  
  241. <div class='box' div id='4'>
  242. <h1>friends & encounters</h1>
  243.  
  244. <a target="_blank" href="https://roleplay.chat/profile.php?user=Miqote"><img src="http://i.picpar.com/kS6d.png"class="pic"title="Mocha! My lovely wife. I wouldn't want to fight by anyone else's side. I promise, I'll protect you until my dying breath."></a>
  245.  
  246.  
  247.  
  248. </div>
  249.  
  250. <div class='box' div id='5'>
  251. <h1>out of character</h1>
  252. <b>000.</b> I started this profile when Ruby was level 72. Js.<br>
  253. <b>001.</b>Code by <a target="_blank" href="https://roleplay.chat/profile.php?user=wife">wife!</a> Please don't take any part of it. Inquire her for your own.<br>
  254. <b>002.</b> IC =/= OOC. Semi-PM friendly, please don't mix it up.<br>
  255. <b>003.</b> Final Fantasy 14 OC, suitable in various fantasy settings.<br>
  256. <b>004.</b> Room RP preferred, will ignore IC approaches in DMs unless I like you.<br>
  257. <b>005.</b> Long-term > Short-term. Smut possible, but not right off the bat!<br>
  258. <b>006.</b> Those who seek smut exclusively will be ignored.<br>
  259. <b>007.</b> My muse is fickle and I'm a picky writer, forewarned.<br>
  260. <b>008.</b> T1 Combat only!<br>
  261. <b>009.</b> Outside contact unlikely unless I like you.<br>
  262. </div>
  263. </div>
  264. </div>
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!