API tools faq
paste
Advertisement
DeionTheSnorter

Caius weird code

DeionTheSnorter
Nov 19th, 2017
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <style type="text/css">
  4.  
  5. /* Profile was created by Alcyone for Caius, so please refrain from stealing it. If you are interested in commissioning a profile, go ahead and leave her some mail. */
  6.  
  7. @font-face {
  8. font-family: 'Canela';
  9. src: url('https://dl.dropboxusercontent.com/s/ihue5jauzyapj5t/CanelaBarkBold_PERSONAL.ttf');}
  10.  
  11. @import url('https://fonts.googleapis.com/css?family=Great+Vibes');
  12. @font-face {
  13. font-family: 'Great Vibes';
  14. font-style: normal;
  15. font-weight: 400;
  16. src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  17. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
  18.  
  19.  
  20. ::-webkit-scrollbar {progress; width: 0px;}
  21. ::-webkit-scrollbar-thumb:vertical {
  22. background-color: #669bad;
  23. border: 0px solid transparent;
  24. -webkit-border-radius: 0px;
  25. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  26. -moz-transition:all 0.3s ease-in-out;
  27. -webkit-transition:all 0.3s ease-in-out;}
  28.  
  29. ::-webkit-scrollbar-thumb:vertical:hover,
  30. ::-webkit-scrollbar-button:start:decrement:hover,
  31. ::-webkit-scrollbar-button:end:increment:hover
  32. {border-color:transparent;box-shadow: 0 0 12px transparent, inset 0 0 16px transparent;}
  33.  
  34. ::selection {background: #b395ff; color:#fff;}
  35.  
  36. body, a {cursor: url(http://i.picpar.com/I59c.png), progress !important; }
  37.  
  38. body {background-color:#000000;
  39. background:url(http://i.picpar.com/i39c.jpg) center center no-repeat fixed;
  40. -webkit-background-size: cover;
  41. -moz-background-size: cover;
  42. -o-background-size: cover;
  43. background-size: cover;
  44. overflow-x:hidden;}
  45.  
  46. a {color:#edcbec;
  47. font-family: 'Times';
  48. text-shadow:
  49. #0c4da3 -1px 0px,
  50. #0c4da3 0px 1px,
  51. #0c4da3 1px 0px,
  52. #0c4da3 0px -1px;
  53. text-decoration: none;}
  54.  
  55. b {color: #9e7ab4;
  56. text-shadow:
  57. #000 -1px 0px,
  58. #000 0px 1px,
  59. #d3adeb 1px 0px,
  60. #fff 0px -1px;
  61. text-decoration: none;}
  62.  
  63. i {color: #ededed;
  64. text-shadow:
  65. #8b4db7 -1px 0px,
  66. #8b4db7 0px 1px,
  67. #8b4db7 1px 0px,
  68. #8b4db7 0px -1px;}
  69.  
  70. u {color: #8e7ef0;
  71. text-shadow:
  72. #000 -1px 0px,
  73. #000 0px 1px,
  74. #fff 1px 0px,
  75. #fff 0px -1px;
  76. text-decoration-style: dotted;}
  77.  
  78. h1 {font-family: 'Arima Madurai';
  79. font-variant: small-caps;
  80. font-size:25px;
  81. letter-spacing: 2px;
  82. text-align: center;
  83. color: #652a8b;
  84. text-shadow:
  85. #d3adeb -2px 0px,
  86. #d3adeb 0px 2px,
  87. #d3adeb 1px 0px,
  88. #d3adeb 0px -1px; }
  89.  
  90. .screen {background:#000;
  91. opacity:.3;
  92. position: fixed;
  93. width: 5000px;
  94. height: 5000px;
  95. left: 0px;
  96. top: 0px;
  97. border: 0px solid #000;
  98. overflow: auto;}
  99.  
  100. .bg {position: fixed;
  101. margin: auto;
  102. top: 0px;
  103. bottom: 0px;
  104. left: 0px;
  105. right: 0px;
  106. background: none url('')
  107. center center repeat;
  108. width: 1225px;
  109. height: 650px;
  110. text-align: center;
  111. border: 0px solid #fff;}
  112.  
  113. .mainimg {background: none;
  114. background:url('http://i.picpar.com/j39c.png')
  115. center center no-repeat;
  116. position: absolute;
  117. text-align: center;
  118. width: 400px;
  119. height: 660px;
  120. top: 0px;
  121. left: 960px;
  122. border: 0px solid #000;
  123. overflow: auto;}
  124.  
  125. .box {background: #000;
  126. opacity:.7;
  127. position: absolute;
  128. text-align: center;
  129. width: 1000px;
  130. height: 450px;
  131. left: 155px;
  132. top: 100px;
  133. border: 0px solid #000;
  134. overflow: auto;}
  135.  
  136. .topstrip {background: #251131;
  137. opacity:.9;
  138. position: absolute;
  139. text-align: center;
  140. width: 1000px;
  141. height: 50px;
  142. left: 155px;
  143. top: 50px;
  144. border: 0px solid #000;
  145. overflow: auto;}
  146.  
  147. .btmstrip {background: #251131;
  148. opacity:.9;
  149. position: absolute;
  150. text-align: center;
  151. width: 1000px;
  152. height: 50px;
  153. left: 155px;
  154. top: 550px;
  155. border: 0px solid #000;
  156. overflow: auto;}
  157.  
  158. .rightstrip {background: #251131;
  159. opacity:.9;
  160. position: absolute;
  161. text-align: center;
  162. width: 50px;
  163. height: 550px;
  164. left: 1155px;
  165. top: 50px;
  166. border: 0px solid #000;
  167. overflow: auto;}
  168.  
  169. .triangle {background: none;
  170. opacity:.9;
  171. position: absolute;
  172. text-align: center;
  173. width: 350px;
  174. height: 0px;
  175. top: 275px;
  176. left: -170px;
  177. border-left: 100px solid transparent;
  178. border-right: 100px solid transparent;
  179. border-bottom: 100px solid #251131;
  180. overflow: auto;
  181. transform: rotate(-90deg);}
  182.  
  183. .box {background: #000;
  184. opacity:.7;
  185. position: absolute;
  186. text-align: center;
  187. width: 1000px;
  188. height: 450px;
  189. left: 155px;
  190. top: 100px;
  191. border: 0px solid #000;
  192. overflow: auto;}
  193.  
  194. .line1 {background: #fff;
  195. position: absolute;
  196. text-align: center;
  197. width: 2px;
  198. height: 350px;
  199. left: 55px;
  200. top: 149px;
  201. border: 0px solid #000;
  202. box-shadow: 0px 0px 25px 2px #fff;
  203. overflow: auto;}
  204.  
  205. .line2 {background: #fff;
  206. position: absolute;
  207. text-align: center;
  208. width: 2px;
  209. height: 141px;
  210. left: 105px;
  211. top: 30px;
  212. border: 0px solid #000;
  213. box-shadow: 0px 0px 25px 2px #fff;
  214. overflow: auto;
  215. transform: rotate(45deg);}
  216.  
  217. .line3 {background: #fff;
  218. position: absolute;
  219. text-align: center;
  220. width: 2px;
  221. height: 145px;
  222. left: 106px;
  223. top: 477px;
  224. border: 0px solid #000;
  225. box-shadow: 0px 0px 25px 2px #fff;
  226. overflow: auto;
  227. transform: rotate(-45deg);}
  228.  
  229. .line4 {background: #fff;
  230. position: absolute;
  231. text-align: center;
  232. width: 1070px;
  233. height: 2px;
  234. left: 156px;
  235. top: 50px;
  236. border: 0px solid #000;
  237. box-shadow: 0px 0px 25px 2px #fff;
  238. overflow: auto;}
  239.  
  240. .line5 {background: #fff;
  241. position: absolute;
  242. text-align: center;
  243. width: 1070px;
  244. height: 2px;
  245. left: 156px;
  246. top: 599px;
  247. border: 0px solid #000;
  248. box-shadow: 0px 0px 25px 2px #fff;
  249. overflow: auto;}
  250.  
  251. .line6 {background: #fff;
  252. position: absolute;
  253. text-align: center;
  254. width: 2px;
  255. height: 550px;
  256. left: 1205px;
  257. top: 50px;
  258. border: 0px solid #000;
  259. box-shadow: 0px 0px 25px 2px #fff;
  260. overflow: auto;}
  261.  
  262. .line7 {background: #fff;
  263. position: absolute;
  264. text-align: center;
  265. width: 2px;
  266. height: 550px;
  267. left: 1215px;
  268. top: 50px;
  269. border: 0px solid #000;
  270. box-shadow: 0px 0px 25px 2px #fff;
  271. overflow: auto;}
  272.  
  273. .line8 {background: #fff;
  274. position: absolute;
  275. text-align: center;
  276. width: 2px;
  277. height: 550px;
  278. left: 1225px;
  279. top: 50px;
  280. border: 0px solid #000;
  281. box-shadow: 0px 0px 25px 2px #fff;
  282. overflow: auto;}
  283.  
  284. /* Tabs */
  285.  
  286. #navi1 {position: absolute;
  287. left: 0px;
  288. top: 110px;}
  289.  
  290. #navi1 a {background: #000;
  291. background:url('http://i.picpar.com/S49c.gif')
  292. center center no-repeat;
  293. display: inline-block;
  294. width: 200px;
  295. height: 100px;
  296. border: 1px solid #fff;
  297. box-shadow: 0px 0px 25px 2px #fff;
  298. -webkit-transition:opacity 1s linear;
  299. -webkit-transition:all 1s ease-in-out;
  300. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  301.  
  302. #navi1 a:hover {
  303. background:url('http://i.picpar.com/S49c.gif')
  304. center center no-repeat;
  305. background-color: #000;
  306. filter: grayscale(100%) blur(2px);
  307. -webkit-transition:opacity 1s linear;
  308. -webkit-transition:all 1s ease-in-out;
  309. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  310.  
  311. #navi2 {position: absolute;
  312. left: 0px;
  313. top: 220px;}
  314.  
  315. #navi2 a {background: #000;
  316. background:url('http://i.picpar.com/T49c.gif')
  317. center center no-repeat;
  318. display: inline-block;
  319. width: 200px;
  320. height: 100px;
  321. border: 1px solid #fff;
  322. box-shadow: 0px 0px 25px 2px #fff;
  323. -webkit-transition:opacity 1s linear;
  324. -webkit-transition:all 1s ease-in-out;
  325. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  326.  
  327. #navi2 a:hover {
  328. background:url('http://i.picpar.com/T49c.gif')
  329. center center no-repeat;
  330. background-color: #000;
  331. filter: grayscale(100%) blur(2px);
  332. -webkit-transition:opacity 1s linear;
  333. -webkit-transition:all 1s ease-in-out;
  334. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  335.  
  336. #navi3 {position: absolute;
  337. left: 0px;
  338. top: 330px;}
  339.  
  340. #navi3 a {background: #000;
  341. background:url('http://i.picpar.com/U49c.gif')
  342. center center no-repeat;
  343. display: inline-block;
  344. width: 200px;
  345. height: 100px;
  346. border: 1px solid #fff;
  347. box-shadow: 0px 0px 25px 2px #fff;
  348. -webkit-transition:opacity 1s linear;
  349. -webkit-transition:all 1s ease-in-out;
  350. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  351.  
  352. #navi3 a:hover {
  353. background:url('http://i.picpar.com/U49c.gif')
  354. center center no-repeat;
  355. background-color: #000;
  356. filter: grayscale(100%) blur(2px);
  357. -webkit-transition:opacity 1s linear;
  358. -webkit-transition:all 1s ease-in-out;
  359. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  360.  
  361. #navi4 {position: absolute;
  362. left: 0px;
  363. top: 440px;}
  364.  
  365. #navi4 a {background: #000;
  366. background:url('http://i.picpar.com/V49c.gif')
  367. center center no-repeat;
  368. display: inline-block;
  369. width: 200px;
  370. height: 100px;
  371. border: 1px solid #fff;
  372. box-shadow: 0px 0px 25px 2px #fff;
  373. -webkit-transition:opacity 1s linear;
  374. -webkit-transition:all 1s ease-in-out;
  375. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  376.  
  377. #navi4 a:hover {
  378. background:url('http://i.picpar.com/V49c.gif')
  379. center center no-repeat;
  380. background-color: #000;
  381. filter: grayscale(100%) blur(2px);
  382. -webkit-transition:opacity 1s linear;
  383. -webkit-transition:all 1s ease-in-out;
  384. -moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  385.  
  386. .quote {position: absolute;
  387. font-family: 'Great Vibes';
  388. color: #652a8b;
  389. font-size: 58px;
  390. top: 45px;
  391. left: 225px;
  392. width: 800px;
  393. border: 0px solid #fff;
  394. text-align: left;
  395. text-shadow:
  396. #d3adeb -2px 0px,
  397. #d3adeb 0px 2px,
  398. #d3adeb 1px 0px,
  399. #d3adeb 0px -1px;
  400. overflow: auto;
  401. padding:5px 5px 5px 5px;
  402. z-index: 1;}
  403.  
  404. .title {position: absolute;
  405. font-family: 'Great Vibes';
  406. color: #652a8b;
  407. font-size: 115px;
  408. top: 525px;
  409. left: 300px;
  410. width: 600px;
  411. border: 0px solid #fff;
  412. text-align: center;
  413. text-shadow:
  414. #d3adeb -2px 0px,
  415. #d3adeb 0px 2px,
  416. #d3adeb 1px 0px,
  417. #d3adeb 0px -1px;
  418. overflow: auto;
  419. padding:5px 5px 5px 5px;
  420. z-index: 1;}
  421.  
  422. .info {background: #251131;
  423. color: #000;
  424. font-size: 16px;
  425. position: absolute;
  426. text-align: justify;
  427. width: 660px;
  428. height: 340px;
  429. left: 250px;
  430. top: 150px;
  431. border: 1px solid #fff;
  432. overflow: auto;
  433. padding:5px 5px 5px 5px;
  434. box-shadow: 0px 0px 25px 2px #fff;
  435. z-index:1;}
  436.  
  437. .info:target{z-index:10;}
  438.  
  439. .infowords {background: #251131;
  440. color: #ae70d8;
  441. position: absolute;
  442. text-align: Justify;
  443. width: 660px;
  444. height: 340px;
  445. left: 0px;
  446. top: 0px;
  447. border: 0px solid #000;
  448. overflow: auto;
  449. padding:5px 5px 5px 5px;
  450. z-index:2;}
  451.  
  452. .statspic {background: none;
  453. background:url('http://i.picpar.com/B59c.png')
  454. center center no-repeat;
  455. position: absolute;
  456. text-align: center;
  457. width: 335px;
  458. height: 350px;
  459. top: 0px;
  460. left: 335px;
  461. border: 0px solid #000;
  462. overflow: auto;}
  463.  
  464. .stats {background: #251131;
  465. font-size: 17px;
  466. color: #fff;
  467. position: absolute;
  468. text-align: Justify;
  469. width: 350px;
  470. height: 340px;
  471. left: 0px;
  472. top: 0px;
  473. border: 0px solid #fff;
  474. overflow: auto;
  475. padding:5px 5px 5px 5px;
  476. z-index:2;}
  477.  
  478. .oocpic {background: none;
  479. background:url('http://i.picpar.com/C59c.png')
  480. center center no-repeat;
  481. position: absolute;
  482. text-align: center;
  483. width: 250px;
  484. height: 350px;
  485. top: 0px;
  486. left: 0px;
  487. border: 0px solid #000;
  488. overflow: auto;}
  489.  
  490. .ooc {background: #251131;
  491. font-size: 17px;
  492. color: #ae70d8;
  493. position: absolute;
  494. text-align: Justify;
  495. width: 410px;
  496. height: 340px;
  497. left: 247px;
  498. top: 0px;
  499. border: 0px solid #fff;
  500. overflow: auto;
  501. padding:5px 5px 5px 5px;
  502. z-index:2;}
  503. </style>
  504.  
  505. <div class="screen"></div>
  506.  
  507. <div class="bg">
  508. <div class="box"></div>
  509. <div class="topstrip"></div>
  510. <div class="btmstrip"></div>
  511. <div class="rightstrip"></div>
  512. <div class="triangle"></div>
  513. <div class="line1"></div>
  514. <div class="line2"></div>
  515. <div class="line3"></div>
  516. <div class="line4"></div>
  517. <div class="line5"></div>
  518. <div class="line6"></div>
  519. <div class="line7"></div>
  520. <div class="line8"></div>
  521. <div class="mainimg"></div>
  522.  
  523. <div class="quote">
  524. The Guardian of Time & Ancient Seeress
  525. </div>
  526.  
  527. <div class="title">
  528. Caius Ballad
  529. </div>
  530.  
  531. <div id="navi1"><a href="#1"></a></div>
  532. <div id="navi2"><a href="#2"></a></div>
  533. <div id="navi3"><a href="#3"></a></div>
  534. <div id="navi4"><a href="#4"></a></div>
  535.  
  536. <div id="1" class="info">
  537. <div class="statspic"></div>
  538. <div class="stats">
  539.  
  540. <h1>Statistics</h1>
  541.  
  542. <font style=float:left><b>Name</b>:</font> <font style=float:right><i>Caius Ballad</i></font><br>
  543. <font style=float:left><b>Age</b>:</font> <font style=float:right><i>Over 2,500 Years old</i></font><br>
  544. <font style=float:left><b>Alias</b>:</font> <font style=float:right><i>Paddra Ballad-Caius, Caius of the Ballads</i></font><br>
  545. <font style=float:left><b>Origin</b>:</font> <font style=float:right><i>Final Fantasy XIII-2</i></font><br>
  546. <font style=float:left><b>Powers</b>:</font> <font style=float:right><i>God-Like</i></font><br>
  547. <font style=float:left><b>Hobby</b>:</font> <font style=float:right><i>Unknown</i></font><br>
  548. <font style=float:left><b>Goals</b>:</font> <font style=float:right><i>Time and Space</i></font><br>
  549. <font style=float:left><b>Race</b>:</font> <font style=float:right><i>Human/L'Cie</i></font><br>
  550. <font style=float:left><b>Gender</b>:</font> <font style=float:right><i>Male</i></font><br>
  551. <font style=float:left><b>Classification</b>:</font> <font style=float:right><i>"God of Time and Space"</i></font><br>
  552. <font style=float:left><b>Sexual Orientation</b>:</font> <font style=float:right><i>Heterosexual</i></font><br>
  553. <font style=float:left><b>Marital Status</b>:</font> <font style=float:right><i>Singular</i></font><br>
  554.  
  555. </div></div>
  556.  
  557. <div id="2" class="info">
  558. <div class="infowords">
  559. <h1>History</h1>
  560. .....Catching her off guard after she sees a vision of Serah dying, Caius strikes Lightning down and she is swallowed by chaos. Yeul's spirit summons Caius to fight Lightning in both his human and Chaos Bahamut forms, but Lightning emerges victorious. Caius goes to Academia 500 AF to enact a mass genocide of the new Cocoon's populace to force Etro's Gate to open. Final Fantasy XIII-2 Ultimania Omega scenario interview with Toriyama and Watanabe reveals that Academia 500 AF was so badly affected by chaos that Caius was able to enter there from Valhalla.
  561. <Br><BR>
  562. Serah and Noel escape their respective dream worlds and pursue Caius to Academia 500 AF where they catch up to him atop an airship piloted by Sazh Katzroy. Caius is impressed by Serah's determination to change the future despite not surviving to see it due to being a seeress like Yeul. Caius remarks Noel would have made a worthy Guardian and says everything he ever did, he did for Yeul. Believing the Yeuls being born only to die young is meaningless and cruel, Caius reaffirms he will stop at nothing to free them even if reality itself must be destroyed to achieve it. Caius transforms into Chaos Bahamut and flies into a wormhole that opens in the sky.
  563. <Br><BR>
  564. Noel and Serah follow Caius into the wormhole and emerge in Valhalla, where the battle continues on the beach. Noel attempts to convince Caius that Yeul continued to be reborn out of her own will to see him again, but this just enrages Caius, who redoubles his attack until a frustrated Noel overpowers and slashes him across the torso. Wounded, Caius uses the chaos of Valhalla to transform into Jet Bahamut, which launches a ball of fire at Noel and Serah, sending them falling into a bottomless abyss beneath Valhalla's waves of chaos. Lightning saves them and sends them back to the battlefield, where the duo defeat Jet Bahamut, along with his supporters, Garnet Bahamut and Amber Bahamut.
  565. <br><br>
  566. Weakened from his defeat, Caius returns to his human form. He begs Noel to kill him, sating that if Yeul keeps being reborn because of him, then he must die for her sake. When Noel refuses, Caius attempts to provoke him by claiming he had killed Lightning. He says that since time does not flow in Valhalla as it should, the "things that shall happen" in their future have "already been decided" in his past, and he knows how their encounter will end. Caius provokes Noel by attacking Serah. Noel disarms Caius and lunges at him with his sword. Though Noel stops himself from killing Caius at the last second, Caius forces Noel's blade through his chest, destroying the Heart of Chaos. The energy within the heart explodes and Caius fades away.
  567. <br><br>
  568. As revealed in the secret ending, "The Goddess is Dead", a revived Caius sits on Etro's throne in the Void Beyond. Though the Heart of Chaos was destroyed, hinted in the Final Fantasy XIII-2 Ultimania scenario interview, Caius has obtained a new form of immortality as he became one with the chaos itself since the many incarnations of Yeul desired his continued existence. From Etro's throne, Caius watched Noel and Serah's journey, stating they have been playing to his goal from the beginning as even their actions on alternate timelines had all converged and concluded with one moment: Etro's death. Telling Yeul they are free of their respective curses and can begin anew in a world without Etro, Caius releases the chaos to commence the end of time.<br><br>
  569. <b>Bold</b>, <i>Italics</i>, <u>underline</u>, <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="">Link</a>
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!