API tools faq
paste
Advertisement
Lizellea

Simba Normal code

Lizellea
Jan 3rd, 2017
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.47 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Overlock+SC);
  3. @import url(http://fonts.googleapis.com/css?family=Play);
  4. @import url(http://fonts.googleapis.com/css?family=Play|Arizonia);
  5.  
  6. body { background-color: #111; background-image: url(http://i.imgur.com/p7L5X0P.jpg);
  7. background-attachment: fixed;
  8. background-position: center;
  9. background-repeat: no-repeat;
  10. background-size: 100% 100%;margin: 0; overflow: hidden;}
  11.  
  12. ::-webkit-scrollbar { width: 4px; }
  13. ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
  14. ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #DBFDFF; }
  15.  
  16. #Toggle1 {
  17. position:absolute;
  18. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth590.ani), url(http://cur.cursors-4u.net/others/oth-6/oth590.png), progress !important;
  19. left:-100%;
  20. top:-100%;
  21. }
  22.  
  23. #Toggle1 + label {
  24. width: 25%;
  25. height: 12%;
  26. position: absolute;
  27. left: 37.5%;
  28. top: 0%;
  29. border-bottom-left-radius: 10px;
  30. border-bottom-right-radius: 10px;
  31. background-color: #ccc;
  32. background-image: url(http://i.imgur.com/8XjoXhH.png);
  33. background-position: center;
  34. background-repeat: no-repeat;
  35. background-size: 100% 100%;
  36. border: 1px #fff solid;
  37. border-top: none;
  38. opacity: 1;
  39. z-index: 1;
  40. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  41. -webkit-transition: all 0.6s ease-out;
  42. -moz-transition: all 0.6s ease-out;
  43. -ms-transition: all 0.6s ease-out;
  44. -o-transition: all 0.6s ease-out;
  45. transition: all 0.6s ease-out;
  46. }
  47.  
  48. #Toggle1:checked + label {
  49. opacity: 0;
  50. z-index: -1;
  51. -webkit-transition: all 0.6s ease-out;
  52. -moz-transition: all 0.6s ease-out;
  53. -ms-transition: all 0.6s ease-out;
  54. -o-transition: all 0.6s ease-out;
  55. transition: all 0.6s ease-out;
  56. }
  57.  
  58. #Toggle1:checked ~ #Toggle2 + label {
  59. position: absolute;
  60. left: 0;
  61. -webkit-transition: all 0.6s ease-out;
  62. -webkit-transition: all 0.6s ease-out;
  63. -moz-transition: all 0.6s ease-out;
  64. -ms-transition: all 0.6s ease-out;
  65. -o-transition: all 0.6s ease-out;
  66. transition: all 0.6s ease-out;
  67. }
  68.  
  69. #Toggle2 {
  70. position:absolute;
  71. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth590.ani), url(http://cur.cursors-4u.net/others/oth-6/oth590.png), progress !important;
  72. left:-100%;
  73. top:-100%;
  74. }
  75.  
  76. #Toggle2 + label {
  77. width: 25%;
  78. height: 12%;
  79. position: absolute;
  80. left: -30%;
  81. top: 50%;
  82. border-top-right-radius: 10px;
  83. border-bottom-right-radius: 10px;
  84. background-color: #ccc;
  85. background-image: url(http://i.imgur.com/TrIEkIk.png);
  86. background-position: center;
  87. background-repeat: no-repeat;
  88. background-size: 100% 100%;
  89. border: 1px #fff solid;
  90. border-top: none;
  91. z-index: 1;
  92. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  93. -webkit-transition: all 0.6s ease-out;
  94. -moz-transition: all 0.6s ease-out;
  95. -ms-transition: all 0.6s ease-out;
  96. -o-transition: all 0.6s ease-out;
  97. transition: all 0.6s ease-out;
  98. }
  99.  
  100. #Toggle2:checked + label {
  101. opacity: 0;
  102. z-index: -1;
  103. -webkit-transition: all 0.6s ease-out;
  104. -moz-transition: all 0.6s ease-out;
  105. -ms-transition: all 0.6s ease-out;
  106. -o-transition: all 0.6s ease-out;
  107. transition: all 0.6s ease-out;
  108. }
  109.  
  110. #Toggle2:checked ~ #Toggle3 + label {
  111. position: absolute;
  112. right: 0;
  113. -webkit-transition: all 0.6s ease-out;
  114. -webkit-transition: all 0.6s ease-out;
  115. -moz-transition: all 0.6s ease-out;
  116. -ms-transition: all 0.6s ease-out;
  117. -o-transition: all 0.6s ease-out;
  118. transition: all 0.6s ease-out;
  119. }
  120.  
  121. #Toggle3 {
  122. position:absolute;
  123. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth590.ani), url(http://cur.cursors-4u.net/others/oth-6/oth590.png), progress !important;
  124. left:-100%;
  125. top:-100%;
  126. }
  127.  
  128. #Toggle3 + label {
  129. width: 25%;
  130. height: 12%;
  131. position: absolute;
  132. right: -30%;
  133. top: 50%;
  134. border-top-left-radius: 10px;
  135. border-bottom-left-radius: 10px;
  136. background-color: #ccc;
  137. background-image: url(http://i.imgur.com/gevkotO.png);
  138. background-position: center;
  139. background-repeat: no-repeat;
  140. background-size: 100% 100%;
  141. border: 1px #fff solid;
  142. border-top: none;
  143. z-index: 1;
  144. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  145. -webkit-transition: all 1s ease-out;
  146. -moz-transition: all 1s ease-out;
  147. -ms-transition: all 1s ease-out;
  148. -o-transition: all 1s ease-out;
  149. transition: all 1s ease-out;
  150. }
  151.  
  152. #Toggle3:checked + label {
  153. opacity: 0;
  154. z-index: -1;
  155. -webkit-transition: all 0.6s ease-out;
  156. -moz-transition: all 0.6s ease-out;
  157. -ms-transition: all 0.6s ease-out;
  158. -o-transition: all 0.6s ease-out;
  159. transition: all 0.6s ease-out;
  160. }
  161.  
  162. #Toggle3:checked ~ #Toggle4 + label {
  163. position: absolute;
  164. bottom: 0;
  165. -webkit-transition: all 0.6s ease-out;
  166. -webkit-transition: all 0.6s ease-out;
  167. -moz-transition: all 0.6s ease-out;
  168. -ms-transition: all 0.6s ease-out;
  169. -o-transition: all 0.6s ease-out;
  170. transition: all 0.6s ease-out;
  171. }
  172.  
  173. #Toggle4 {
  174. position:absolute;
  175. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth590.ani), url(http://cur.cursors-4u.net/others/oth-6/oth590.png), progress !important;
  176. left:-100%;
  177. top:-100%;
  178. }
  179.  
  180. #Toggle4 + label {
  181. width: 25%;
  182. height: 15%;
  183. position: absolute;
  184. right: 37.5%;
  185. bottom: -30%;
  186. border-top-left-radius: 10px;
  187. border-top-right-radius: 10px;
  188. background-color: #ccc;
  189. background-image: url(http://i.imgur.com/KRvZwtF.png);
  190. background-position: center;
  191. background-repeat: no-repeat;
  192. background-size: 100% 100%;
  193. border: 1px #fff solid;
  194. border-bottom: none;
  195. z-index: 1;
  196. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  197. -webkit-transition: all 0.6s ease-out;
  198. -moz-transition: all 0.6s ease-out;
  199. -ms-transition: all 0.6s ease-out;
  200. -o-transition: all 0.6s ease-out;
  201. transition: all 0.6s ease-out;
  202. }
  203.  
  204. #Toggle4:checked + label {
  205. opacity: 0;
  206. z-index: -1;
  207. -webkit-transition: all 0.6s ease-out;
  208. -moz-transition: all 0.6s ease-out;
  209. -ms-transition: all 0.6s ease-out;
  210. -o-transition: all 0.6s ease-out;
  211. transition: all 0.6s ease-out;
  212. }
  213.  
  214. #Toggle4:checked ~ .Simba {
  215. opacity: 1;
  216. z-index: 12;
  217. -webkit-transition: all 0.6s ease-out;
  218. -moz-transition: all 0.6s ease-out;
  219. -ms-transition: all 0.6s ease-out;
  220. -o-transition: all 0.6s ease-out;
  221. transition: all 0.6s ease-out;
  222. }
  223.  
  224. .Simba {height: 100%;width: 100%;overflow: hidden;background-color: #333;background-image: url(http://i.imgur.com/v059vYv.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;opacity: 0;z-index: -1;margin: 0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  225.  
  226. #tab1{position:absolute;left:3%;top:5%;z-index:3;}
  227. #tab2{position:absolute;left:27%;top:18%;z-index:3;}
  228. #tab3{position:absolute;right:35%;top:28%;z-index:3;}
  229. #tab4{position:absolute;right:2%;top:3%;z-index:3;}
  230. #tab5{position:absolute;left:2%;bottom:2%;z-index:3;}
  231. #tab6{position:absolute;right:2%;bottom:2%;z-index:3;}
  232.  
  233. .fly {z-index: -1;position: absolute;border: 1px solid #51B562;background-color: #000;font-family: cambria;font-size: 16px;padding: 4px;color: #DBFDFF;height:35%;bottom:30%;left: 1%;width: 20%;line-height:16px;overflow: auto;opacity: 0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  234. .fly:target {z-index: 10;opacity: 1;position: absolute;bottom: 25%;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  235.  
  236. .away {z-index: -1;position: absolute;border: 1px solid #51B562;background-color: #000;font-family: cambria;font-size: 16px;padding: 4px;color: #DBFDFF;overflow: auto;height:35%;bottom:30%;width: 20%;right: 1%;opacity: 0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  237. .away:target {z-index: 10;opacity: 1;position: absolute;bottom: 25%;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  238.  
  239. .free {z-index: -1;position: absolute;border: 1px solid #51B562;background-color: #000;font-family: cambria;font-size: 16px;padding: 4px;color: #DBFDFF;overflow: auto;height:25%;bottom:30%;width: 20%;right: 43%;opacity: 0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  240. .free:target {z-index: 10;opacity: 1;position: absolute;bottom: 25%;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
  241.  
  242. a { color: #4D8ABB;Text-shadow: 3px 4px 4px #333; font-family:cambria; font-size: 16px; letter-spacing: 1px; text-decoration: none; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out;}
  243. a:hover { color: #4D8ABB; text-decoration: line-through;cursor:help; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
  244.  
  245. h1{
  246. font-size: 16px; width: 100%;color: #51B562;font-family: 'Play', cursive;font-weight: normal; line-height: 12px;text-transform: uppercase;text-align: left;border-bottom: 1px solid #51B562;}
  247. h1:first-letter{color: #51B562;font-size: 16px;font-weight: bold;text-shadow: 0px 0px 3px silver;}
  248.  
  249. b {text-size: 12px;color: #51B562;font-weight:bold; }
  250.  
  251. #credit{ position: fixed;
  252. right: 1px;
  253. bottom: 0px;
  254. font-family: Arial;
  255. font-variant: normal;
  256. font-weight: normal;
  257. font-size: 90%;
  258. color: #ccc;
  259. z-index:5;}
  260.  
  261. </style>
  262.  
  263.  
  264. <input type="checkbox" name="toggle" id="Toggle1" />
  265. <label for="Toggle1"></label>
  266. <input type="checkbox" name="toggle" id="Toggle2" />
  267. <label for="Toggle2"></label>
  268. <input type="checkbox" name="toggle" id="Toggle3" />
  269. <label for="Toggle3"></label>
  270. <input type="checkbox" name="toggle" id="Toggle4" />
  271. <label for="Toggle4"></label>
  272.  
  273. <div class="Simba">
  274. <img src="http://i.imgur.com/ot6Vsta.png" height="100%" style="position:fixed; bottom:0%; left: 37%;">
  275. <div id="nav">
  276. <a href="#1"><div id="tab1"><img src="http://i.imgur.com/J4Uqxet.png" height="60px" width="60px"></a></div>
  277. <a href="#2"><div id="tab2"><img src="http://i.imgur.com/8LQ3Inq.png" height="50px" width="50px"></a></div>
  278. <a href="#3"><div id="tab3"><img src="http://i.imgur.com/SQlfIa3.png" height="60px" width="60px"></a></div>
  279. <a href="#4"><div id="tab4"><img src="http://i.imgur.com/9R58Qfo.png" height="50px" width="50px"></a></div>
  280. <a href="#5"><div id="tab5"><img src="http://i.imgur.com/Jx0R8Os.png" height="60px" width="60px"></a></div>
  281. <a href="##"><div id="tab6"><img src="http://i.imgur.com/FsXHbGU.png" height="90px" width="90px"></a></div>
  282.  
  283.  
  284. <div id="1" class="fly">
  285. <h1>Master of Spirits</h1>
  286.  
  287. Name: ☬ <a href="" title="It'll be revealed. Someday.">Unknown.</a><br>
  288. Alias: ☬ <a href="" title="Swahili for Lion, this name was simply what summarized the Homunculus in a single word. Normally not possible for anything living, and still not enough justice, but its just the right amount to satisfy his existence. For now.">Simba.</a> ☬ <a href="" title="Given to him by his first Servant from an event that only she knows of.">Sir Simba.</a> ☬ <a href="" title="Given to him by Master of the Grand Order. Self-explanatory and rolls off the tongue.">Lord of Lions.</a> ☬ <a href="" title="Given to him by Hakuno Kishinami. A big brother-sort of title.">Simmie.</a> <br>
  289. Race: ☬ <strike><a href="" title="Only the past knows. It's all but forgotten.">Homunculus.</a></strike> / Master.<br>
  290. Age: ☬ <a href="" title="Rumored to be born on the day of the Witch's Night.">Twenty.</a><br>
  291. Height: ☬ <a href="" title="Six feet tall.">182cm.</a><br>
  292. Weight: ☬ <a href="" title="One hundred fifty-six pounds.">70kgs.</a><br>
  293. Orientation: ☬ <a href="" title="Females and females only.">Heterosexual.</a><br>
  294. Marital Status: ☬ <a target="_blank" href="https://roleplay.chat/profile.php?user=Tohsaka" title="As you can truly see, that ass is the one for me.">💎</a><br>
  295. Holy Grail War Status: ☬ <b><a href="" title="Currently resigned from the current Holy Grail War.">Resigned.</a></b><br>
  296. Servant(s): ☬ <br>
  297. Command Seal: ☬ <a target="_blank" href="http://i.imgur.com/Jx0R8Os.png" title="The Dragon]and the Lion's symbol.">Three.</a><br>
  298. Occupation: ☬ <a href="" title="Currently working at an antique store in Fuyuki City. It can be located along an alley way and up a flight of stairs somewhere near main water mountain. He cleans up the antiques, store, and occasionally sells some items under the supervision of the old man that works there.">Antique Store-Assistant.</a><br>
  299. Current Residence: ☬ <a href="" title="">Tohsaka Manor.</a><br>
  300.  
  301.  
  302.  
  303. </div>
  304.  
  305. <div id="2" class="fly">
  306. <h1>The Lord of Lions.</h1>
  307. <u><a target="_blank" href="http://i.imgur.com/6LtqDtE.jpg" title="Simba's beloved 92nd Cavalry Rifle Sabre. It's true history and date of origin is completely unknown, though it holds the story of belonging to a high classed soldier or Lord of some status. The scabbard possesses a surplus amount of scratches and marks that foreshadows the amount of times it has saved its wielder. The blade itself is does not seem worn or completely without use, instead hinting that the sword almost always left its mark upon being drawn or used. It has yet to be given a name, so the Magus Knight has grown to calling this Rifle Sabre, Nameless.">Nameless.</a></u><br><br>
  308.  
  309. <u>Master of Sabers.</u><br>
  310. <u><a target="_blank" href="http://typemoon.wikia.com/wiki/Avalon" title="Used as a catalyst to summon Artoria Pendragon, the Ever-distant Utopia has continued to remain as a method of Simba's wounds regenerating as long as his Saber is present. Even at a distance, his body has taken to using the magical energy that has remained in him since his first war to heal minor wounds. For unknown reasons, it appears to be the cause of Simba's origin changing to the Cold affinity..">Avalon.</a></u><br><br>
  311.  
  312. </div>
  313.  
  314. <div id="3" class="away">
  315. <h1>The Grand Code.</h1>
  316.  
  317. <u>Personal/Master Spells.</u><br>
  318. ☬ <u><a href="" title="Similar in use of the 'Reinforce All' spell from Chaldea's Mystic Codes, Might of the Pendragons grants an attack boost on Servants and Servant-allies that lasts two turns (posting rounds after activation). Cool down is four turns.">Roar of the Lion. (Reinforce All)</a></u><br>
  319. ☬ <u><a href="" title="Similar in the use of the 'Knight's Oath' spell from Chaldea's Mystic Codes, Will of the Knights bestows a similar effect of Battle Continuation for one fatal strike or wound for one turn (after activation). This can only be used on Simba's own Servants and those that he has a temporary contract with. Cool down time is five posts.">Gates of Albion. (Knight's Oath)</a></u><br>
  320. ☬ <u><a href="" title="Similar in the use of the 'Mana Burst' spell from Chaldea's Mystic Codes, Mana Burst under the use of Simba causes a great increase in Noble Phantasm Damage for one turn. I.E. a B Noble Phantasm would be a B+, B+ = B++, so forth. Cool down is four turns.">Hymn of the Magus Knight. (Mana Burst)</a></u><br>
  321. ☬ <u><a href="" title="Similar in the use of the 'Unavoidable Strike' spell from Chaldea's Mystic Codes, Eschatos bestows a 'Sure-Hit' strike on one Servant or ally Servant. This allows the Servant to otherwise have a greater chance of striking another that is under the use of the Evasion status. This by no means allows the Servant or person under use of said spell to automatically have any one attack land. Cool down is seven posts.">Eschatos. (Unavoidable Strike)</a></u><br><br>
  322.  
  323. <hr>
  324. <h1>The Magus Knight.</h1>
  325.  
  326. <u>Combat/Defensive Spells.</u><br>
  327. ☬ <u><a href="" title="A basic magecraft spell that takes the form of a crystallized lance. The foundation is like that of a well-crafted ice sculpture. Upon being used as a projectile, the lance breaks apart into a flurry of magical energy, forming a beam of prana to run through the point of impact. The area of impact often becomes frozen over in shards of ice. A maximum of three can be created at a time. This spell has a one post cool down after use. D+ Rank.">Wynter's Rain</a></u><br>
  328. </div>
  329.  
  330. <div id="4" class="away">
  331. <h1>The Will of His People</h1>
  332. </div>
  333.  
  334. <div id="5" class="free">
  335. <h1>A Kingdom Unknown.</h1>
  336. <b>Bold</b> <i>italics</i> <a href="link.com" target="_blank">Link</a><br>
  337.  
  338. ☬ Thank you for navigating my profile and reaching the end. This is a Fate/OC and as such, Fate/Type Universe roleplay will receive priority over all else. When roleplaying, a minimum to a paragraph and more is required for serious writing. Anything less can be assumed as tomfoolery.<br><br>
  339.  
  340. ☬ When deciphering OOC and IC, it should be assumed that any comment made with a ☬ or // at the end is OOC. Anything else is IC and should not be taken seriously. Please take into account that just because Simba is a reckless and rather vulgar individual, it does not mean that I am the same. Do not be like the many that assume a roleplayer's character is a self-insert of themselves.<br><br>
  341.  
  342. ☬ Where as Simba perviously refused having more than one Servant, he is now open to another. A third is highly unlikely, but a temporary contract or a permanent one for the Chaldea event has proven that his character development is appropriate enough for his better control over both his mana pool and his status as a Magus/Master. Simply approach Simba or myself (IC or OOCly) for the possibility.<br><br>
  343.  
  344. ☬ Fighting is reserved for story and story only. Playful sparring will be allowed, as T1 will be the default fighting style that I will be following by. If any questions are had, do not hesitate to ask me.<br><br>
  345.  
  346. ☬ The purpose for Simba possessing Avalon is not for the sake of having a 'cure-all' to most fatal wounds. It was taken from the Church in the first Fate/Type Universe room that this character originated from. He is still under possession of it.<br><br>
  347.  
  348. ☬ The majority of the time, I'm sitting around and fleshing out this profile or idly writing. Do not be afraid to approach me for idle banter. If roleplay is desired and an idea is not present, I will be happy to brain-storm with you. This does not mean that I am thinking of everything that can happen from start to finish. Creativity is admired and appreciated greatly.<br><br>
  349.  
  350. ☬ More will come as this profile is filled out. This profile will more than likely never be finished in its entirety<br><br>
  351.  
  352. </div>
  353.  
  354. <div id="credit">
  355. Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
  356. </div>
  357. </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!