API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2019
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.48 KB | None | 0 0
raw download clone embed print report
  1. [nobr]
  2.  
  3.  
  4.  
  5. [class=link]
  6.  
  7. display: inline-block;
  8.  
  9. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  10.  
  11. transition: 1s;
  12.  
  13. font-size: 9px;
  14.  
  15. font-family: Avenir;
  16.  
  17. padding-top: 5px;
  18.  
  19. color: #999;
  20.  
  21. [/class]
  22.  
  23.  
  24.  
  25.  
  26.  
  27. [class=tag]
  28.  
  29. display: inline;
  30.  
  31. margin: auto;
  32.  
  33. padding: 1px 5px 3px 5px;
  34.  
  35. font-family: Playfair Display;
  36.  
  37. color: #000;
  38.  
  39. border: 1px solid #d69754;
  40.  
  41. background: #fff;
  42.  
  43. border-radius: 5px;
  44.  
  45. font-size: 15px;
  46.  
  47. [/class]
  48.  
  49.  
  50.  
  51.  
  52.  
  53. [class=tag4]
  54.  
  55. display: inline;
  56.  
  57. margin-top: 10px;
  58.  
  59. padding: 0px 6px 0px 6px;
  60.  
  61. font-family: Playfair Display;
  62.  
  63. color: #fff;
  64.  
  65. background: #000;
  66.  
  67. font-size: 11px;
  68.  
  69. text-transform: uppercase;
  70.  
  71. [/class]
  72.  
  73.  
  74.  
  75.  
  76.  
  77. [class=tag3]
  78.  
  79. display: inline;
  80.  
  81. margin-top: 10px;
  82.  
  83. padding: 0px 3px 2px 3px;
  84.  
  85. font-family: Playfair Display;
  86.  
  87. color: #000;
  88.  
  89. background: #fff;
  90.  
  91. font-size: 11px;
  92.  
  93. text-transform: uppercase;
  94.  
  95. [/class]
  96.  
  97.  
  98.  
  99.  
  100.  
  101. [class=tag5]
  102.  
  103. color: #000;
  104.  
  105. border-bottom: 1px dotted #000;
  106.  
  107. text-align: center;
  108.  
  109. padding: 5px 0px 0px 0px;
  110.  
  111. width: 85%; margin: auto;
  112.  
  113. [/class]
  114.  
  115.  
  116.  
  117.  
  118.  
  119. [class=home]
  120.  
  121. color: #fff;
  122.  
  123. width: 60px;
  124.  
  125. height: 60px;
  126.  
  127. margin: auto;
  128.  
  129. box-sizing: border-box;
  130.  
  131. background: #000;
  132.  
  133. padding-top: 5px;
  134.  
  135. border-radius: 100%;
  136.  
  137. border: 1px solid #000;
  138.  
  139. font-size: 25px;
  140.  
  141. text-align: center;
  142.  
  143. font-weight: bold;
  144.  
  145. text-transform: uppercase;
  146.  
  147. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  148.  
  149. transition: all 1s;
  150.  
  151. [/class]
  152.  
  153.  
  154.  
  155.  
  156.  
  157. [class name=home state=hover]
  158.  
  159. color: #d69754;
  160.  
  161. transition: all 1s;
  162.  
  163. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  164.  
  165. [/class]
  166.  
  167.  
  168.  
  169.  
  170.  
  171. [class=tab]
  172.  
  173. box-sizing: border-box;
  174.  
  175. background: #fff;
  176.  
  177. border-radius: 5px;
  178.  
  179. padding: 3px;
  180.  
  181. width: 40px;
  182.  
  183. height: 40px;
  184.  
  185. color: #000;
  186.  
  187. text-align: center;
  188.  
  189. transition: all .5s;
  190.  
  191. font-size: 18px;
  192.  
  193. font-family: Avenir;
  194.  
  195. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  196.  
  197. [/class]
  198.  
  199.  
  200.  
  201.  
  202.  
  203. [class name=tab state=hover]
  204.  
  205. color: #d69754;
  206.  
  207. transition: all .5s;
  208.  
  209. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  210.  
  211. [/class]
  212.  
  213.  
  214.  
  215.  
  216.  
  217. [class=selectedTab]
  218.  
  219. padding: 3px;
  220.  
  221. background: #d69754;
  222.  
  223. text-align: center;
  224.  
  225. transition: all .5s;
  226.  
  227. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  228.  
  229. [/class]
  230.  
  231.  
  232.  
  233.  
  234.  
  235. [class name=selectedTab state=hover]
  236.  
  237. color: #000;
  238.  
  239. background: #d69754;
  240.  
  241. transition: all .5s;
  242.  
  243. cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
  244.  
  245. [/class]
  246.  
  247.  
  248.  
  249.  
  250.  
  251. [class=tabContents]
  252.  
  253. position: absolute;
  254.  
  255. opacity: 0;
  256.  
  257. transition: all 1s;
  258.  
  259. width: 425px;
  260.  
  261. font-size: 11px;
  262.  
  263. line-height: 26px;
  264.  
  265. background: #fff;
  266.  
  267. color: #000;
  268.  
  269. height: 400px;
  270.  
  271. box-sizing: border-box;
  272.  
  273. [/class]
  274.  
  275.  
  276.  
  277.  
  278.  
  279. [class=show]
  280.  
  281. opacity: 1;
  282.  
  283. z-index: 1;
  284.  
  285. [/class]
  286.  
  287.  
  288.  
  289.  
  290.  
  291. [script class=tab1 on=click]
  292.  
  293. addClass show tabContents01
  294.  
  295. removeClass show tabContents02
  296.  
  297. removeClass show tabContents03
  298.  
  299. removeClass show tabContents04
  300.  
  301. removeClass show tabContents05
  302.  
  303. removeClass show tabContents06
  304.  
  305. removeClass show tabContents07
  306.  
  307.  
  308.  
  309. addClass selectedTab tab1
  310.  
  311. removeClass selectedTab tab2
  312.  
  313. removeClass selectedTab tab3
  314.  
  315. removeClass selectedTab tab4
  316.  
  317. removeClass selectedTab tab5
  318.  
  319. removeClass selectedTab tab6
  320.  
  321. [/script]
  322.  
  323.  
  324.  
  325. [script class=tab2 on=click]
  326.  
  327. addClass show tabContents02
  328.  
  329. removeClass show tabContents01
  330.  
  331. removeClass show tabContents03
  332.  
  333. removeClass show tabContents04
  334.  
  335. removeClass show tabContents05
  336.  
  337. removeClass show tabContents06
  338.  
  339. removeClass show tabContents07
  340.  
  341.  
  342.  
  343. addClass selectedTab tab2
  344.  
  345. removeClass selectedTab tab1
  346.  
  347. removeClass selectedTab tab3
  348.  
  349. removeClass selectedTab tab4
  350.  
  351. removeClass selectedTab tab5
  352.  
  353. removeClass selectedTab tab6
  354.  
  355. [/script]
  356.  
  357.  
  358.  
  359.  
  360.  
  361. [script class=tab3 on=click]
  362.  
  363. addClass show tabContents03
  364.  
  365. removeClass show tabContents01
  366.  
  367. removeClass show tabContents02
  368.  
  369. removeClass show tabContents04
  370.  
  371. removeClass show tabContents05
  372.  
  373. removeClass show tabContents06
  374.  
  375. removeClass show tabContents07
  376.  
  377.  
  378.  
  379. addClass selectedTab tab3
  380.  
  381. removeClass selectedTab tab1
  382.  
  383. removeClass selectedTab tab2
  384.  
  385. removeClass selectedTab tab4
  386.  
  387. removeClass selectedTab tab5
  388.  
  389. removeClass selectedTab tab6
  390.  
  391. [/script]
  392.  
  393.  
  394.  
  395.  
  396.  
  397. [script class=tab4 on=click]
  398.  
  399. addClass show tabContents04
  400.  
  401. removeClass show tabContents01
  402.  
  403. removeClass show tabContents02
  404.  
  405. removeClass show tabContents03
  406.  
  407. removeClass show tabContents05
  408.  
  409. removeClass show tabContents06
  410.  
  411. removeClass show tabContents07
  412.  
  413.  
  414.  
  415. addClass selectedTab tab4
  416.  
  417. removeClass selectedTab tab1
  418.  
  419. removeClass selectedTab tab2
  420.  
  421. removeClass selectedTab tab3
  422.  
  423. removeClass selectedTab tab5
  424.  
  425. removeClass selectedTab tab6
  426.  
  427. [/script]
  428.  
  429.  
  430.  
  431.  
  432.  
  433. [script class=tab5 on=click]
  434.  
  435. addClass show tabContents05
  436.  
  437. removeClass show tabContents01
  438.  
  439. removeClass show tabContents02
  440.  
  441. removeClass show tabContents03
  442.  
  443. removeClass show tabContents04
  444.  
  445. removeClass show tabContents06
  446.  
  447. removeClass show tabContents07
  448.  
  449.  
  450.  
  451. addClass selectedTab tab5
  452.  
  453. removeClass selectedTab tab1
  454.  
  455. removeClass selectedTab tab2
  456.  
  457. removeClass selectedTab tab3
  458.  
  459. removeClass selectedTab tab4
  460.  
  461. removeClass selectedTab tab6
  462.  
  463. [/script]
  464.  
  465.  
  466.  
  467.  
  468.  
  469. [script class=tab6 on=click]
  470.  
  471. addClass show tabContents06
  472.  
  473. removeClass show tabContents01
  474.  
  475. removeClass show tabContents02
  476.  
  477. removeClass show tabContents03
  478.  
  479. removeClass show tabContents05
  480.  
  481. removeClass show tabContents04
  482.  
  483. removeClass show tabContents07
  484.  
  485.  
  486.  
  487. addClass selectedTab tab6
  488.  
  489. removeClass selectedTab tab1
  490.  
  491. removeClass selectedTab tab2
  492.  
  493. removeClass selectedTab tab3
  494.  
  495. removeClass selectedTab tab5
  496.  
  497. removeClass selectedTab tab4
  498.  
  499. [/script]
  500.  
  501.  
  502.  
  503.  
  504.  
  505. [script class=home on=click]
  506.  
  507. addClass show tabContents07
  508.  
  509. removeClass show tabContents01
  510.  
  511. removeClass show tabContents02
  512.  
  513. removeClass show tabContents03
  514.  
  515. removeClass show tabContents04
  516.  
  517. removeClass show tabContents05
  518.  
  519. removeClass show tabContents06
  520.  
  521.  
  522.  
  523. removeClass selectedTab tab1
  524.  
  525. removeClass selectedTab tab2
  526.  
  527. removeClass selectedTab tab3
  528.  
  529. removeClass selectedTab tab4
  530.  
  531. removeClass selectedTab tab5
  532.  
  533. removeClass selectedTab tab6
  534.  
  535. [/script]
  536.  
  537.  
  538.  
  539.  
  540.  
  541. [div=cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;][div=width: 700px; margin: auto; box-sizing: border-box; padding: 20px; background: #f3f3f3;]
  542.  
  543.  
  544.  
  545. [div=display: flex; flex-direction: row;]
  546.  
  547.  
  548.  
  549. [div=flex: 1; background: #fff;]
  550.  
  551. [div=height: 300px; background: url(https://www.alphafa.com/wp-content/uploads/2018/09/placeholder-square.jpg); background-size: cover; background-position: 50% 50%;][/div]
  552.  
  553. [div=margin-top: -30px;][div class=home][fa]fal fa-crown[/fa][/div][/div]
  554.  
  555. [div=padding-top: 13px; font-family: Avenir; text-transform: uppercase; color: #000; text-align: center; font-size: 10px; letter-spacing: 3px;]meet the[/div]
  556.  
  557. [div=font-family: Playfair Display; text-transform: uppercase; color: #000; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 8px; margin-top: -10px;]role name[/div]
  558.  
  559. [div=display: flex; flex-direction: row; width: 65%; margin: auto; justify-content: space-evenly;]
  560.  
  561. [div class="tab tab1"][fa]fal fa-address-card[/fa][/div]
  562.  
  563. [div class="tab tab2"][fa]fal fa-user[/fa][/div]
  564.  
  565. [div class="tab tab3"][fa]fal fa-head-side-brain[/fa][/div]
  566.  
  567. [/div]
  568.  
  569. [div=display: flex; flex-direction: row; width: 65%; margin: auto; justify-content: space-evenly;]
  570.  
  571. [div class="tab tab4"][fa]fal fa-comment[/fa][/div]
  572.  
  573. [div class="tab tab5"][fa]fal fa-book[/fa][/div]
  574.  
  575. [div class="tab tab6"][fa]fal fa-link[/fa][/div]
  576.  
  577. [/div]
  578.  
  579. [/div]
  580.  
  581.  
  582.  
  583.  
  584.  
  585. [div=flex: 2; background: #fff; height: 750px; margin-left: 20px;]
  586.  
  587.  
  588.  
  589.  
  590.  
  591. [div class="tabContents tabContents07 show"]
  592.  
  593. [div=margin: 20px; height: 500px; background: #fff; line-height: 34px;]
  594.  
  595. [div=padding-top: 100px; font-size: 25px; color: #000; text-transform: uppercase; font-family: Playfair display; text-align: center;]"You can put[br][/br]
  596.  
  597. [div=font-size: 30px; color: #000; font-family: Playfair display; text-transform: uppercase; color: #d69754; text-align: center; display: inline;]a quote here[/div]
  598.  
  599. [br][/br]if you[br][/br]
  600.  
  601. [div=font-size: 30px; color: #000; font-family: Playfair display; color: #d69754; text-align: center; display: inline;]want to."[/div][/div]
  602.  
  603. [/div]
  604.  
  605. [/div]
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613. [div class="tabContents tabContents01"]
  614.  
  615. [div=margin: 20px; height: 500px; background: #fff; overflow-y: auto;]
  616.  
  617. [div=display: flex; justify-content: space-evenly; margin-bottom: 10px;]
  618.  
  619.  
  620.  
  621. [/div]
  622.  
  623.  
  624.  
  625. [div class=tag]FULL NAME[/div][br][/br]
  626.  
  627. info.
  628.  
  629.  
  630.  
  631. [br][/br]
  632.  
  633.  
  634.  
  635. [div class=tag]ALIAS[/div][br][/br]
  636.  
  637. info.
  638.  
  639.  
  640.  
  641. [br][/br]
  642.  
  643.  
  644.  
  645. [div class=tag]RACE[/div][br][/br]
  646.  
  647. info.
  648.  
  649.  
  650.  
  651. [br][/br]
  652.  
  653.  
  654.  
  655. [div class=tag]AGE[/div][br][/br]
  656.  
  657. info.
  658.  
  659.  
  660.  
  661. [br][/br]
  662.  
  663.  
  664.  
  665. [div class=tag]GENDER[/div][br][/br]
  666.  
  667. info.
  668.  
  669.  
  670.  
  671. [br][/br]
  672.  
  673.  
  674.  
  675. [div class=tag]SEXUALITY[/div][br][/br]
  676.  
  677. info.
  678.  
  679.  
  680.  
  681. [br][/br]
  682.  
  683.  
  684.  
  685. [div class=tag]PLAYER[/div][br][/br]
  686.  
  687. info.
  688.  
  689.  
  690.  
  691. [/div]
  692.  
  693. [/div]
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701. [div class="tabContents tabContents02"]
  702.  
  703. [div=margin: 20px; height: 500px; background: #fff; overflow-y: auto;]
  704.  
  705. [div=display: flex; justify-content: space-evenly; width: 100%; margin: auto; margin-bottom: 10px;]
  706.  
  707. [div=width: 125px; height: 125px; background: url(https://www.alphafa.com/wp-content/uploads/2018/09/placeholder-square.jpg); background-size: cover;][/div]
  708.  
  709. [div=width: 125px; height: 125px; background: url(https://www.alphafa.com/wp-content/uploads/2018/09/placeholder-square.jpg); background-size: cover;][/div]
  710.  
  711. [div=width: 125px; height: 125px; background: url(https://www.alphafa.com/wp-content/uploads/2018/09/placeholder-square.jpg); background-size: cover;][/div]
  712.  
  713. [/div]
  714.  
  715.  
  716.  
  717. [div class=tag]EYE COLOUR[/div][br][/br]
  718.  
  719. info.
  720.  
  721.  
  722.  
  723. [br][/br]
  724.  
  725.  
  726.  
  727. [div class=tag]HAIR COLOUR[/div][br][/br]
  728.  
  729. info
  730.  
  731.  
  732.  
  733. [br][/br]
  734.  
  735.  
  736.  
  737. [div class=tag]DIST. FEATURES[/div][br][/br]
  738.  
  739. info.
  740.  
  741.  
  742.  
  743.  
  744.  
  745. [/div]
  746.  
  747. [/div]
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755. [div class="tabContents tabContents03"]
  756.  
  757. [div=margin: 20px; height: 500px; background: #fff; overflow-y: auto;]
  758.  
  759. [div=display: flex; justify-content: space-evenly; width: 100%; margin: auto; margin-bottom: 10px;]
  760.  
  761. [/div]
  762.  
  763.  
  764.  
  765. [div class=tag]PERSONALITY[/div][br][/br]
  766.  
  767. info.
  768.  
  769.  
  770.  
  771. [br][/br]
  772.  
  773.  
  774.  
  775. [div class=tag]COMBAT STYLE[/div][br][/br]
  776.  
  777. info.
  778.  
  779.  
  780.  
  781. [br][/br]
  782.  
  783.  
  784.  
  785. [div class=tag]WEAPONS[/div][br][/br]
  786.  
  787. info.
  788.  
  789.  
  790.  
  791.  
  792.  
  793. [/div]
  794.  
  795. [/div]
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803. [div class="tabContents tabContents04"]
  804.  
  805. [div=margin: 20px; height: 500px; background: #fff; overflow-y: auto;]
  806.  
  807. [div=display: flex; justify-content: space-evenly; width: 100%; margin: auto; margin-bottom: 10px;]
  808.  
  809. [/div]
  810.  
  811.  
  812.  
  813. [div class=tag]SPECIAL ABILITY UNLOCKED: [/div][br][/br]
  814.  
  815. info.
  816.  
  817.  
  818.  
  819. [br][/br]
  820.  
  821.  
  822.  
  823. [div class=tag]SPECIAL ABILITY UNLOCKED: [/div][br][/br]
  824.  
  825. info.
  826.  
  827.  
  828.  
  829.  
  830.  
  831. [/div]
  832.  
  833. [/div]
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841. [div class="tabContents tabContents05"]
  842.  
  843. [div=margin: 20px; height: 700px; background: #fff; overflow-y: auto; text-align: justify;]
  844.  
  845. [div=display: flex; justify-content: space-evenly; width: 100%; margin: auto; margin-bottom: 10px;]
  846.  
  847. [/div]
  848.  
  849.  
  850.  
  851. [div=background: #000; padding: 2px; font-family: Playfair Display; color: #fff; background: #000; font-size: 12px; text-transform: uppercase; text-align: center;]PAST[/div]
  852.  
  853. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie egestas augue. Nullam condimentum risus sed orci tristique ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed molestie tristique sem, quis finibus velit venenatis ac. Maecenas congue purus tortor, id posuere felis porttitor nec. Vestibulum libero ligula, ultricies ut laoreet in, molestie quis turpis. Mauris aliquam viverra velit, at tincidunt neque aliquam ac. Duis faucibus nibh sem, ac interdum magna pellentesque sed. Suspendisse facilisis nisl ac augue ultricies, ac viverra elit suscipit.
  854.  
  855.  
  856.  
  857. [br][/br][br][/br]
  858.  
  859.  
  860.  
  861. [div=background: #000; padding: 2px; font-family: Playfair Display; color: #fff; background: #000; font-size: 12px; text-transform: uppercase; text-align: center;]PRESENT[/div]
  862.  
  863. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie egestas augue. Nullam condimentum risus sed orci tristique ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed molestie tristique sem, quis finibus velit venenatis ac. Maecenas congue purus tortor, id posuere felis porttitor nec. Vestibulum libero ligula, ultricies ut laoreet in, molestie quis turpis. Mauris aliquam viverra velit, at tincidunt neque aliquam ac. Duis faucibus nibh sem, ac interdum magna pellentesque sed. Suspendisse facilisis nisl ac augue ultricies, ac viverra elit suscipit.
  864.  
  865.  
  866.  
  867.  
  868.  
  869. [/div]
  870.  
  871. [/div]
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878.  
  879. [div class="tabContents tabContents06"]
  880.  
  881. [div=margin: 20px; height: 700px; background: #fff; overflow-y: auto;]
  882.  
  883.  
  884.  
  885. [div=display: flex; flex-direction: row;]
  886.  
  887. [div=flex: .8; border: 1px solid #000; box-sizing: border-box; padding: 5px; height: 100px;][div=width: 100%; height: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover;][/div][/div]
  888.  
  889. [div=flex: 2; margin-left: 10px; box-sizing: border-box; padding-top: 10px;][div=font-family: Playfair Display; font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase;]person's name[/div]
  890.  
  891. [div=font-family: Playfair Display; font-size: 11px; color: #000; font-weight: bold; text-transform: uppercase;]relation to character[/div]
  892.  
  893. [/div][/div]
  894.  
  895. [div=margin-top: 6px; height: 100px; overflow-y: auto; border-bottom: 1px solid #000; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie egestas augue. Nullam condimentum risus sed orci tristique ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed molestie tristique sem, quis finibus velit venenatis ac. Maecenas congue purus tortor, id posuere felis porttitor nec. Vestibulum libero ligula, ultricies ut laoreet in, molestie quis turpis. Mauris aliquam viverra velit, at tincidunt neque aliquam ac. Duis faucibus nibh sem, ac interdum magna pellentesque sed. Suspendisse facilisis nisl ac augue ultricies, ac viverra elit suscipit.
  896.  
  897. [/div]
  898.  
  899.  
  900.  
  901. [br][/br]
  902.  
  903.  
  904.  
  905. [div=display: flex; flex-direction: row;]
  906.  
  907. [div=flex: .8; border: 1px solid #000; box-sizing: border-box; padding: 5px; height: 100px;][div=width: 100%; height: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover;][/div][/div]
  908.  
  909. [div=flex: 2; margin-left: 10px; box-sizing: border-box; padding-top: 10px;][div=font-family: Playfair Display; font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase;]person's name[/div]
  910.  
  911. [div=font-family: Playfair Display; font-size: 11px; color: #000; font-weight: bold; text-transform: uppercase;]relation to character[/div]
  912.  
  913. [/div][/div]
  914.  
  915. [div=margin-top: 6px; height: 100px; overflow-y: auto; border-bottom: 1px solid #000; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie egestas augue. Nullam condimentum risus sed orci tristique ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed molestie tristique sem, quis finibus velit venenatis ac. Maecenas congue purus tortor, id posuere felis porttitor nec. Vestibulum libero ligula, ultricies ut laoreet in, molestie quis turpis. Mauris aliquam viverra velit, at tincidunt neque aliquam ac. Duis faucibus nibh sem, ac interdum magna pellentesque sed. Suspendisse facilisis nisl ac augue ultricies, ac viverra elit suscipit.
  916.  
  917. [/div]
  918.  
  919.  
  920.  
  921. [br][/br]
  922.  
  923.  
  924.  
  925. [div=display: flex; flex-direction: row;]
  926.  
  927. [div=flex: .8; border: 1px solid #000; box-sizing: border-box; padding: 5px; height: 100px;][div=width: 100%; height: 100%; background: url(https://dimensionmill.org/wp-content/uploads/2019/03/square-placeholder.jpg); background-size: cover;][/div][/div]
  928.  
  929. [div=flex: 2; margin-left: 10px; box-sizing: border-box; padding-top: 10px;][div=font-family: Playfair Display; font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase;]person's name[/div]
  930.  
  931. [div=font-family: Playfair Display; font-size: 11px; color: #000; font-weight: bold; text-transform: uppercase;]relation to character[/div]
  932.  
  933. [/div][/div]
  934.  
  935. [div=margin-top: 6px; height: 100px; overflow-y: auto; border-bottom: 1px solid #000; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie egestas augue. Nullam condimentum risus sed orci tristique ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed molestie tristique sem, quis finibus velit venenatis ac. Maecenas congue purus tortor, id posuere felis porttitor nec. Vestibulum libero ligula, ultricies ut laoreet in, molestie quis turpis. Mauris aliquam viverra velit, at tincidunt neque aliquam ac. Duis faucibus nibh sem, ac interdum magna pellentesque sed. Suspendisse facilisis nisl ac augue ultricies, ac viverra elit suscipit.
  936.  
  937. [/div]
  938.  
  939.  
  940.  
  941. [/div]
  942.  
  943. [/div]
  944.  
  945.  
  946.  
  947.  
  948.  
  949. [/div]
  950.  
  951.  
  952.  
  953. [/div]
  954.  
  955. [/div][/div]
  956.  
  957. [div=width: 500px; margin: auto; text-align: center;][div class=link]coded by christy.[/div][/div]
  958.  
  959. [div=text-align: center; font-size: 10px; opacity: 0; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;] [USER=28771]@christy[/USER] [/div]
  960.  
  961.  
  962.  
  963. [/nobr]
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!