Advertisement
Guest User

Untitled

a guest
May 21st, 2019
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.32 KB | None | 0 0
  1. body { background:none; }
  2. #scroller { padding: 35px 0; box-sizing: border-box; }
  3. #profile-container { width:750px;background:#333; }
  4. body { background:none; }
  5. #scroller { padding: 35px 0; box-sizing: border-box; }
  6. #profile-container { width:750px;background:#333; }
  7. body { background:none; }
  8. #scroller { padding: 35px 0; box-sizing: border-box; }
  9. #profile-container { width:750px;background:#333; }
  10. #profile-container {
  11. background: none;
  12. }
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19. @font-face {
  20. font-family: lovely;
  21. src: url(https://dl.dropbox.com/s/43d85jo4pjm1njc/Lovelyn%20Free%20Personal%20Use.ttf?dl=0);
  22. }
  23.  
  24. @font-face { font-family: "pixeloperator8"; src: url('https://dl.dropbox.com/s/ydor1spqrcuyn1k/PixelOperator8.ttf'); }
  25.  
  26. @font-face { font-family: "silkscreen"; src: url('https://dl.dropbox.com/s/l0frac4d7bz3zx6/silkscreen.ttf'); }
  27.  
  28.  
  29. #s-m-t-tooltip {
  30. padding: 4px 9px;
  31. margin: 20px;
  32. background-color:#fefefe; /* tooltip background color */
  33. border:1px solid #DCDBE6; /* tooltip border color */
  34. box-shadow:4px 4px #EBEAF0;
  35. font-family:silkscreen;
  36. font-size:9px;
  37. letter-spacing:-1px;
  38. color: #999;
  39. max-width:400px;
  40. }
  41.  
  42. #control-ico {
  43. position:fixed;
  44. bottom:0;margin-bottom:16px;
  45. right:0;margin-right:16px;
  46. }
  47.  
  48. #control-ico svg {
  49. width:16px;
  50. height:16px;
  51. color:#a39fbb;
  52. }
  53.  
  54. iframe#tumblr_controls, .iframe-controls--desktop {
  55. top:auto!important;
  56. bottom:-10px!important;
  57. right:5px!important;
  58. position:fixed!important;
  59. padding-right:43px!important;
  60.  
  61. transform:scale(0.7,0.7);
  62. -webkit-transform:scale(0.7,0.7);
  63.  
  64. opacity:0;
  65. transform-origin:100% 0;
  66. z-index:999999!important;
  67. -webkit-transition: all 0.3s ease-in-out;
  68. -moz-transition: all 0.3s ease-in-out;
  69. -o-transition: all 0.3s ease-in-out;
  70. }
  71.  
  72. #iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {opacity:1;}
  73.  
  74. ::-webkit-scrollbar {
  75. background-color:#fefefe;
  76. height:13px;
  77. width:13px;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb {
  81. background-color:#666;
  82. border:6px solid #fefefe;
  83. }
  84.  
  85. ::-webkit-scrollbar-track {
  86. background-color:#fefefe;
  87. }
  88.  
  89. ::selection {
  90. background:#fafafa;
  91. color:#555;
  92. }
  93.  
  94. ::-moz-selection {
  95. background:#fafafa;
  96. color:#555;
  97. }
  98.  
  99. body {
  100. background:#fff url('http://i.picpar.com/aowd.png') bottom left fixed no-repeat;
  101. background-attachment:fixed;
  102. background-size: contain, auto;
  103. color:#888;
  104. cursor:normal;
  105. font-family:nunito;
  106. line-height:1.6em;
  107. font-size:12px;
  108. text-align:left;
  109. }
  110.  
  111. blockquote {
  112. padding-left:10px;
  113. margin-left:5px;
  114. border-left:1px solid;
  115. border-color:#aaa;
  116. margin:10px;
  117. }
  118.  
  119. a {
  120. color:#BDB3E1;
  121. text-decoration:none;
  122. -webkit-transition: all 0.05s ease-in-out;
  123. -moz-transition: all 0.05s ease-in-out;
  124. -o-transition: all 0.05s ease-in-out;
  125. }
  126.  
  127. b, strong {
  128. filter:brightness(80%);
  129. -webkit-filter:brightness(80%);
  130. -ms-filter:brightness(80%);
  131. -moz-:brightness(80%);
  132. -o-filter:brightness(80%);
  133. }
  134.  
  135. pre, code {
  136. white-space:pre-wrap;
  137. display:block;
  138. }
  139.  
  140. hr {
  141. width:70%;
  142. border-width:0px;
  143. height:1px;
  144. background-color:#bbb;
  145. }
  146.  
  147. #health-widget {
  148. position:fixed;
  149. top:0;margin-top:20px;
  150. left:0;margin-left:20px;
  151. z-index:2;
  152. }
  153.  
  154. #health {display:flex;}
  155.  
  156. #health > * {
  157. align-self:center;
  158. -webkit-align-self:center;
  159. }
  160.  
  161. #heart-cont {
  162. width:16px;height:16px;
  163. padding:12px;
  164. background:#fefefe;
  165. border-radius:100%;
  166. border:1px solid #dcdbe6;
  167. box-shadow:4px 4px #ebeaf0;
  168. }
  169.  
  170. .kokoro {
  171. width:16px;
  172. height:16px;
  173. }
  174.  
  175. .raw {display:flex;}
  176.  
  177. .gt-fill {
  178. background:#BDB3E1;
  179. height:1px;
  180. }
  181.  
  182. .f2 {width:2px;}
  183. .f4 {width:4px;}
  184. .f5 {width:5px;}
  185. .f7 {width:7px;}
  186. .f8 {width:8px;}
  187. .f12 {width:12px;}
  188. .f16 {width:16px;height:6px;}
  189.  
  190. .gtwo {height:2px;}
  191.  
  192. .health-bar {
  193. margin-left:17px;
  194. width:250px;
  195. height:14px;
  196. background:#fefefe;
  197. border:1px solid #dcdbe6;
  198. border-radius:3px;
  199. box-shadow:4px 4px #ebeaf0;
  200. overflow:hidden;
  201. cursor:crosshair;
  202. }
  203.  
  204. .health-fill {
  205. height:inherit;
  206. background:#dcdbe6;
  207. }
  208.  
  209. #secondary-stat {
  210. margin-top:15px;
  211. display:flex;
  212. }
  213.  
  214. #secondary-stat > * {
  215. align-self:center;
  216. -webkit-align-self:center;
  217. }
  218.  
  219. .quoi {
  220. margin-left:10px;
  221. width:25px;
  222. }
  223.  
  224. .quoi-txt {
  225. margin-left:25px;
  226. padding:10px 12px;
  227. background:#fefefe;
  228. border:1px solid #DCDBE6;
  229. box-shadow:6px 6px #EBEAF0;
  230. font-family:silkscreen;
  231. font-size:9px;
  232. letter-spacing:-1px;
  233. line-height:1em;
  234. color:#a39fbb;
  235. }
  236.  
  237. #milkshake {
  238. position:fixed;
  239. top:0;margin-top:20px;
  240. right:0;margin-right:20px;
  241. z-index:2;
  242. }
  243.  
  244. #brioche {
  245. width:25px;
  246. height:25px;
  247. padding:15px;
  248. background:#fefefe;
  249. border:1px solid #DCDBE6;
  250. border-radius:100%;
  251. box-shadow:6px 6px #EBEAF0;
  252. }
  253.  
  254. .bun {
  255. width:25px;
  256. height:25px;
  257. }
  258.  
  259. #straw {
  260. position:absolute;
  261. margin-top:-35px;
  262. margin-left:-48px;
  263. width:15px;
  264. height:15px;
  265. padding:10px;
  266. background:#fefefe;
  267. border:1px solid #DCDBE6;
  268. border-radius:100%;
  269. box-shadow:3px 3px #EBEAF0;
  270. }
  271.  
  272. .berry {
  273. width:15px;
  274. height:15px;
  275. }
  276.  
  277. .home-tt {
  278. display:none;
  279. position:absolute;
  280. margin-top:-30px;
  281. right:calc(100% + 65px);
  282. padding:10px 12px;
  283. background:#fefefe;
  284. border:1px solid #DCDBE6;
  285. box-shadow:3px 3px #EBEAF0;
  286. font-family:silkscreen;
  287. font-size:9px;
  288. letter-spacing:-1px;
  289. line-height:1em;
  290. color:#a39fbb;
  291. }
  292.  
  293. .home-tt:after {
  294. content:"";
  295. position:absolute;
  296. margin-top:-1px;
  297. left:calc(100% - 5px);
  298. width:10px;
  299. height:10px;
  300. background:#fefefe;
  301. border-right:1px solid #DCDBE6;
  302. border-bottom:1px solid #DCDBE6;
  303. box-shadow:0px 3px #EBEAF0;
  304. transform:rotate(-45deg);
  305. }
  306.  
  307.  
  308. #beef {
  309. position:fixed;
  310. top:0;left:-105px;right:0;
  311. margin:0 auto;
  312. width:650px;
  313. height:100vh;
  314. display:table;
  315. }
  316.  
  317. #salmon {
  318. display:table-cell;
  319. vertical-align:middle;
  320. }
  321.  
  322. #boxie {
  323. margin-top:-10px;
  324. height:350px;
  325. padding:24px;
  326. display:flex;
  327. }
  328.  
  329.  
  330.  
  331.  
  332. #leftbread {
  333. margin-top: -50px;
  334. margin-left: 100px;
  335. position:relative;
  336. width:calc(50% - 24px);
  337. }
  338.  
  339. .left-title {
  340. padding:7px 12px;
  341. background:#fcfcfc;
  342. border:1px solid #f2f2f2;
  343. border-radius:3px;
  344. font-family: times new roman;
  345. text-transform: uppercase;
  346. text-shadow: 1px 1px #fff;
  347. font-size:9.5px;
  348. line-height:1.8em;
  349. color:#000;
  350. text-align:center;
  351. }
  352.  
  353. .left-mid-cont {
  354. margin-top:190px;
  355. width:100%;
  356. height:198px;
  357. display:table;
  358. }
  359.  
  360. .left-mid-m {display:table-cell;vertical-align:middle;}
  361.  
  362. .left-holder {
  363. display:flex;
  364. }
  365.  
  366. .left-holder > * {
  367. align-self:center;
  368. -webkit-align-self:center;
  369. }
  370.  
  371. .left-stats {
  372. margin-left: 450px;
  373. margin-top: -320px;
  374. width: 100px;
  375. font-family: times new roman;
  376. text-transform: uppercase;
  377. text-shadow: 1px 1px #fff;
  378. font-size:9.5px;
  379. line-height:1.8em;
  380. letter-spacing:0px;
  381. }
  382.  
  383. .left-stats table {
  384. margin:0 8px 0 -10px;
  385. border-collapse:separate;
  386. border-spacing:10px 4px;
  387. }
  388.  
  389. .left-stats td:first-of-type {
  390. color:#000;
  391. font-family: times new roman;
  392. text-transform: uppercase;
  393. text-shadow: 1px 1px #fff;
  394. font-size:9.5px;
  395. line-height:1.8em;
  396. }
  397.  
  398. .left-stats td:first-of-type:before {
  399. content:"»";
  400. margin-right:11px;
  401. }
  402.  
  403. /* second column styling */
  404. .left-stats td:last-of-type {
  405. color:#000;
  406. font-family: times new roman;
  407. text-transform: uppercase;
  408. text-shadow: 1px 1px #fff;
  409. font-size:9.5px;
  410. line-height:1.8em;
  411. }
  412.  
  413. .left-image {
  414. display:block;
  415. margin:auto;
  416. }
  417.  
  418. .bot-left-bars {
  419. position:absolute;
  420. bottom:2px;
  421. width:100%;
  422. }
  423.  
  424. .one-row {
  425. margin-bottom:15px;
  426. display:flex;
  427. }
  428.  
  429. .one-row:last-of-type {margin-bottom:0px;}
  430.  
  431. .one-row > * {
  432. align-self:center;
  433. -webkit-align-self:center;
  434. }
  435.  
  436. .stat-icon {
  437. width:25px;
  438. cursor:crosshair;
  439. }
  440.  
  441. .stat-bar {
  442. margin-left:50px;
  443. width:calc(100% - 2px);
  444. height:5px;
  445. border:1px solid #DCDBE6;
  446. border-radius:5px;
  447. overflow:hidden;
  448. }
  449.  
  450. .stat-fill {
  451. height:inherit;
  452. background-color:#DCDBE6;
  453. }
  454.  
  455. .percentage {
  456. margin-left:50px;
  457. min-width:5ch;
  458. font-family:pixeloperator8;
  459. text-transform:uppercase;
  460. font-size:7px;
  461. letter-spacing:0.3px;
  462. text-align:center;
  463. }
  464.  
  465. #verdiv {
  466. margin:-24px 24px 0 24px;
  467. width:1px;
  468. background:#dcdbe6;
  469. }
  470.  
  471. #rightbread {
  472. margin-top: -50px;
  473. position:relative;
  474. width:calc(50% - 24px);
  475. }
  476.  
  477. .right-title {
  478. margin-top:8px;
  479. display:flex;
  480. }
  481.  
  482. .right-title > * {
  483. align-self:center;
  484. -webkit-align-self:center;
  485. }
  486.  
  487. .right-title-a {
  488. font-family:pixeloperator8;
  489. text-transform:uppercase;
  490. font-size:8px;
  491. letter-spacing:0.5px;
  492. color:#a39fbb;
  493. }
  494.  
  495. .right-tit-div {
  496. margin:0 24px;
  497. -webkit-flex:1;
  498. -ms-flex:1;
  499. -moz-flex:1;
  500. flex:1;
  501. height:1px;
  502. background:#dcdbe6;
  503. }
  504.  
  505. .right-title-b {
  506. font-family:pixeloperator8;
  507. text-transform:uppercase;
  508. font-size:8px;
  509. letter-spacing:0.5px;
  510. color:#a39fbb;
  511. }
  512.  
  513. .right-mid {
  514. margin-top:20px;
  515. display:flex;
  516. }
  517.  
  518. .right-mid > * {
  519. align-self:center;
  520. -webkit-align-self:center;
  521. }
  522.  
  523. .image-icons {
  524. width:calc(20px + (10px * 2) + 2px);
  525. }
  526.  
  527. .image-icons a {
  528. display:inline-block;
  529. margin:5px auto;
  530. cursor:pointer;
  531. }
  532.  
  533. .click-d {
  534. padding:11px!important;
  535. background-color:#ebeaf0!important;
  536. border:0px solid transparent!important;
  537. }
  538.  
  539.  
  540.  
  541. .right-info {
  542. margin-left: -60px;
  543. width:100%;
  544. }
  545.  
  546. .b2, .b3, .b4 {display:none;}
  547.  
  548. .box-title {
  549. padding:5px 10px;
  550. background:#fcfcfc;
  551. border:1px solid #f2f2f2;
  552. border-radius:3px;
  553. font-family: times new roman;
  554. text-transform: uppercase;
  555. text-shadow: 1px 1px #fff;
  556. font-size:9.5px;
  557. line-height:1.8em;
  558. color:#000;
  559. text-align:center;
  560. }
  561.  
  562. .box-content {
  563. margin-top: 30px;
  564. margin-left: -300px;
  565. height:138px;
  566. width: 420px;
  567. padding:10px;
  568. background:#fcfcfc;
  569. border:1px solid #f2f2f2;
  570. border-radius:3px;
  571. }
  572.  
  573. .box-content-text {
  574. background:#fcfcfc;
  575. height:100%;
  576. font-family: times new roman;
  577. text-transform: uppercase;
  578. text-shadow: 1px 1px #fff;
  579. font-size:9.5px;
  580. line-height:1.8em;
  581. color:#000;
  582. text-align:justify;
  583. overflow:auto;
  584. }
  585.  
  586. .box-content-text a {
  587. color:#BDB3E1;
  588. padding-bottom:1px;
  589. border-bottom:1px solid #eee;
  590. }
  591.  
  592. .box-content-text a:hover {color:#333;}
  593.  
  594. .box-content-text p:last-child {margin-bottom:0px;}
  595.  
  596. .box-content-text::-webkit-scrollbar {
  597. background-color:#fefefe;
  598. height:13px;
  599. width:13px;
  600. }
  601.  
  602. .box-content-text::-webkit-scrollbar-thumb {
  603. background-color:#dcdbe6;
  604. border-left:10px solid #fefefe;
  605. border-right:2px solid #fefefe;
  606. }
  607.  
  608. .box-content-text::-webkit-scrollbar-track {
  609. background-color:#fefefe;
  610. }
  611.  
  612. .quote {
  613. position:absolute;
  614. bottom: 50px;
  615. margin-left: -25px;
  616. width:calc(100% - 24px - 2px);
  617. border:1px solid #f2f2f2;
  618. padding:10px 12px;
  619. background-color:#fcfcfc;
  620. border-radius:3px;
  621. font-family:lovely;
  622. font-size:9.5px;
  623. line-height:1.8em;
  624. color:#777;
  625. }
  626.  
  627. .quote a {
  628. color:#BDB3E1;
  629. padding-bottom:1px;
  630. border-bottom:1px solid #eee;
  631. }
  632.  
  633. .quote a:hover {color:#333;}
  634.  
  635. #customlinks {
  636. margin-left: -250px;
  637. margin-top: -170px;
  638. width:inherit;
  639. text-align:center;
  640. }
  641.  
  642. #customlinks a {
  643. display:inline-block;
  644. margin:0 calc(3px + 6px);
  645. min-width:60px;
  646. padding:10px 12px;
  647. background:#fefefe;
  648. border:1px solid #DCDBE6;
  649. box-shadow:6px 6px #EBEAF0;
  650. font-family:lovely;
  651. font-size:9.5px;
  652. line-height:1.8em;
  653. color:#a39fbb;
  654. }
  655.  
  656. #customlinks a:hover {
  657. background:#DCDBE6;
  658. color:#fff;
  659. }
  660.  
  661. .aloe {
  662. position:fixed;
  663. bottom:0;margin-bottom:20px;
  664. left:0;margin-left:20px;
  665. display:flex;
  666. }
  667. .on-cont {
  668. width:22px;
  669. height:22px;
  670. background:#fefefe;
  671. border:1px solid #DCDBE6;
  672. box-shadow:4px 4px #EBEAF0;
  673. cursor:pointer;
  674. }
  675.  
  676.  
  677.  
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685.  
  686. <div class="photos"><br /><br /></div>
  687. <div id="beef">
  688. <div id="salmon">
  689. <div id="boxie">
  690. <div id="leftbread">
  691. <div class="left-title">Primarch of Promises&nbsp;&nbsp;</div>
  692. <div class="left-mid-cont">
  693. <div class="left-mid-m">
  694. <div class="left-holder">
  695. <div class="left-stats">
  696. <table border="0" cellspacing="0">
  697. <tbody>
  698. <tr>
  699. <td>Name:</td>
  700. <td>Sandalphon.</td>
  701. </tr>
  702. <tr>
  703. <td>Race:</td>
  704. <td>Primarch.</td>
  705. </tr>
  706. <tr>
  707. <td>Age:</td>
  708. <td>Unknown.</td>
  709. </tr>
  710. <tr>
  711. <td>Element:</td>
  712. <td>Light.</td>
  713. </tr>
  714. <tr>
  715. <td>Style:</td>
  716. <td>Balanced.</td>
  717. </tr>
  718. <tr>
  719. <td>Status:</td>
  720. <td>Active</td>
  721. </tr>
  722. </tbody>
  723. </table>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728. </div>
  729. <div id="rightbread">
  730. <div class="right-mid">
  731. <div class="right-info b1">
  732. <div class="box-title">Primarch of Vengeance</div>
  733. <div class="box-content">
  734. <div class="box-content-text">An archangel created at the direction of the Astrals long ago, Sandalphon was born with but one purpose - to replace Lucifer should the latter fail in his duties as the Supreme Primarch. As Lucifer was considered an incredible success, however, Sandalphon was in turn considered completely worthless and was kept around almost solely due to Lucifer's whim and kindness. Furious, he joined Astaroth and a number of other archangels (including Azazel and Olivia) in rebelling against the Astrals, only to be imprisoned within the tower of Pandemonium.&nbsp; (&nbsp;<a href="https://imgur.com/a/daOcsHL" target="_blank">⬇</a><span>&nbsp;)&nbsp;</span><br /><br />Millennia later, having stewed in his hatred and bitterness for two thousand years, a chance occurrence on the island of Zinkenstill results in the seals of Pandemonium weakening just enough for a few of the trapped angels to escape - Sandalphon among their number. After two thousand years, Sandalphon prepares to take his vengeance, but he has no idea what fate truly has in store for him and the role he will end up playing. <br /><br />Being an angel, and the Supreme Primarch at that, one would think that Sandalphon is used to flying a lot, no matter the speed. He gets airsick and pukes when he landed at the Grandcypher. The other crew members tend to invoke this trope as well, because they didn't expect that he of all people would get airsick while the other ordinary skyfarers did not.</div>
  735. </div>
  736. </div>
  737. <div class="right-info b2">
  738. <div class="box-title">info tab #02</div>
  739. <div class="box-content">
  740. <div class="box-content-text">Proin non placerat ligula. Proin purus justo, vestibulum at <em>pharetra</em> vitae, imperdiet vel quam. Morbi rhoncus sodales auctor. Vestibulum <a title="sample link" target="_blank">semper</a> nec <strong>velit</strong> in tincidunt. Donec viverra auctor accumsan. In sed iaculis magna. Aenean id felis eu justo interdum blandit non dapibus nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <strong>Aenean</strong> aliquet libero quis nunc sollicitudin dignissim. Etiam sed feugiat ante. Morbi quis mattis nibh. Nullam <em>tempus</em> elit augue, tristique iaculis turpis tristique eu. Nam fringilla blandit accumsan.</div>
  741. </div>
  742. </div>
  743. <div class="right-info b3">
  744. <div class="box-title">info tab #03</div>
  745. <div class="box-content">
  746. <div class="box-content-text">Vestibulum molestie vestibulum erat a consectetur.
  747. <p>Suspendisse <a title="sample link" target="_blank">vulputate</a> ante id malesuada interdum. Ut vel posuere risus. Sed in pellentesque lacus. Vestibulum facilisis tempor felis, <strong>vitae</strong> viverra eros cursus quis. Nunc <em>ullamcorper</em> est rhoncus turpis mattis feugiat. Nullam convallis auctor turpis at commodo. Mauris id volutpat ipsum.</p>
  748. </div>
  749. </div>
  750. </div>
  751. <div class="right-info b4">
  752. <div class="box-title">info tab #04</div>
  753. <div class="box-content">
  754. <div class="box-content-text">Ut quis dignissim arcu, quis pretium purus. Phasellus mauris nulla, egestas sed est vel, eleifend venenatis libero.
  755. <p>In aliquam leo sit amet tellus imperdiet, at semper neque <strong>gravida</strong>. Vestibulum sed dui ligula. Vivamus venenatis facilisis odio a iaculis. Fusce mattis, ligula id elementum porttitor, justo orci ullamcorper urna, at malesuada lacus orci eget erat. Mauris non neque non dui rutrum ultrices in et massa. Morbi elementum dui tempus orci tempor, non pellentesque ex tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sollicitudin, ex quis laoreet lacinia, leo sem consectetur urna, a congue justo elit sollicitudin enim.</p>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. <div class="quote">俺と君たちは、あくまで利害の一致で一時的に行動しているだけだ。必要な時だけ、共闘と行こうじゃないか</div>
  761. </div>
  762. </div>
  763. <div id="customlinks"><img src="http://i.picpar.com/kowd.png" alt="" width="250" /></div>
  764. </div>
  765. </div>
  766. <div class="aloe">
  767. <div class="aloe">
  768. <p><br />&nbsp;</p>
  769. </div>
  770. <p>&nbsp;</p>
  771. </div>
  772. <p>&nbsp;</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement