Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
Character Page [05]: Legacy - Pastebin.com
[go: Go Back, main page]
API tools faq
paste
glenthemes

Character Page [05]: Legacy

glenthemes
Nov 18th, 2018 (edited)
4,401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Character Page [05]: Legacy
  3. Made by glenthemes
  4.  
  5. Initial release: 2018/11/19
  6. Last updated: 2021/10/21
  7.  
  8. TERMS OF USE:
  9. 1) Do not remove the credit.
  10. 2) Do not remove parts of the code without my permission.
  11. 3) Do not claim my codes as your own.
  12. 4) Do not use my works as base codes.
  13. 5) You may add widgets to my themes and pages.
  14.  
  15. Please stick to the Terms! I worked my ass off on this v_v Thank you! :D
  16. Here is the help guide!
  17. ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
  18. glenthemes.tumblr.com/legacy
  19. ------------------------------------------------------------------------>
  20.  
  21. <!DOCTYPE html>
  22. <html lang="en">
  23.  
  24. <head>
  25.  
  26. <title>{Title}</title>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29.  
  30. <!--------------------JAVASCRIPTS-------------------->
  31. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("a[title]").style_my_tooltips({
  37. tip_follows_cursor:true,
  38. tip_delay_time:25,
  39. tip_fade_speed:100,
  40. attribute:"title"
  41. });
  42. });
  43. })(jQuery);
  44. </script>
  45.  
  46. <script src="//static.tumblr.com/2pnwama/coIpif3u0/pachimari.js"></script>
  47.  
  48. <link href="//fonts.googleapis.com/css?family=Karla|Muli|Open+Sans|Playfair+Display|Playfair+Display+SC" rel="stylesheet">
  49.  
  50. <link href="//static.tumblr.com/2pnwama/KQTpif42r/soymilk.css" rel="stylesheet">
  51.  
  52. <script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  53.  
  54. <!-------------------------------------------------------------------->
  55.  
  56. <style type="text/css">
  57.  
  58. @font-face { font-family: "quicksand"; src: url('//glen-assets.github.io/fonts/Quicksand Regular.ttf'); }
  59.  
  60. /*--------------------TOOLTIPS--------------------*/
  61. #s-m-t-tooltip {
  62. padding:4px 10px;
  63. margin:26px 9px 0px 15px;
  64. background-color:#111;
  65. border:1px solid #1F1B19;
  66. border-radius:3px;
  67. font-family:quicksand;
  68. font-size:8px;
  69. letter-spacing:1.3px;
  70. text-transform:uppercase;
  71. color:#c2b7b1; /* tooltip text color */
  72. z-index:99999999999999999999999999998!important;
  73. max-width:40vw;
  74. }
  75.  
  76. /*-----------------[CUSTOM] TUMBLR CONTROLS-----------------*/
  77. #thecontrols {
  78. position:fixed;
  79. top:0;margin-top:20px;
  80. right:0;margin-right:20px;
  81. }
  82.  
  83. .consym a {
  84. display:inline-block;
  85. margin:0 4px;
  86. }
  87.  
  88. .consym a:first-child {margin-left:0px;}
  89. .consym a:last-child {margin-right:0px;}
  90.  
  91. .consym svg {
  92. width:15px;height:15px;
  93. color:#605c5a;
  94. stroke-width:2px;
  95. }
  96.  
  97. /*--------------------SCROLLBAR--------------------*/
  98. ::-webkit-scrollbar {
  99. height:13px;
  100. width:13px;
  101. background-color:#000;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. background-color:#332d29;
  106. border-top:0px solid transparent;
  107. border-right:6px solid #000;
  108. border-bottom:0px solid transparent;
  109. border-left:6px solid #000;
  110. }
  111.  
  112. ::-webkit-scrollbar-track {
  113. background-color:#000;
  114. }
  115.  
  116. /*--------------------TEXT HIGHLIGHT--------------------*/
  117. ::selection {
  118. background:#777;
  119. color:#d17871;
  120. }
  121.  
  122. ::-moz-selection {
  123. background:#777;
  124. color:#d17871;
  125. }
  126.  
  127. /*--------------------BASICS--------------------*/
  128. body {
  129. background:#111 url('//66.media.tumblr.com/92c25875cb03269fdb5173392c5e6062/tumblr_pideo6WZVX1qg2f5co1_1280.png');
  130. background-attachment:fixed;
  131. background-repeat:no-repeat;
  132. background-size:cover;
  133. background-position:center center;
  134. color:#888;
  135. cursor:normal;
  136. font-family:nunito;
  137. line-height:1.6em;
  138. font-size:12px;
  139. text-align:left;
  140. }
  141.  
  142. iframe#tumblr_controls, .iframe-controls--desktop, .tmblr-iframe--app-cta-button, iframe.tmblr-iframe {
  143. display:none;
  144. }
  145.  
  146. blockquote {
  147. padding-left:10px;
  148. margin-left:5px;
  149. border-left:1px solid;
  150. border-color:#aaa;
  151. margin:10px;
  152. }
  153.  
  154. a {
  155. color:#fff;
  156. text-decoration:none;
  157. }
  158.  
  159. a, svg {
  160. text-decoration:none;
  161. -webkit-transition: all 0.4s ease-in-out;
  162. -moz-transition: all 0.4s ease-in-out;
  163. -o-transition: all 0.4s ease-in-out;
  164. }
  165.  
  166. a[title]:not([href]):hover {cursor:help;}
  167.  
  168. b, strong {
  169. font-weight:bold;
  170. color:#555;
  171. }
  172.  
  173. i, em {color:#888;}
  174.  
  175. pre, code {
  176. white-space:pre-wrap;
  177. display:block;
  178. }
  179.  
  180. hr {
  181. width:70%;
  182. border-width:0px;
  183. height:1px;
  184. background-color:#bbb;
  185. }
  186.  
  187. /*--------------------CONTAINER--------------------*/
  188. #w-outer {
  189. position:fixed;
  190. margin:0 auto;
  191. top:0;left:0;right:0;
  192. width:max-content;
  193. width:-moz-max-content;
  194. height:100vh;
  195. display:table;
  196. }
  197.  
  198. #w-inner {
  199. display:table-cell;
  200. vertical-align:middle;
  201. }
  202.  
  203. /*--------------------TOP TITLES--------------------*/
  204. .titflex {
  205. display:flex;
  206. align-items:center;
  207. justify-content:center;
  208. }
  209.  
  210. .titflex > div {
  211. align-self:center;
  212. -webkit-align-self:center;
  213. }
  214.  
  215. .tit-line-left, .tit-line-right {
  216. width:100px;
  217. height:1px;
  218. background:#53302d; /* top title decorative lines color */
  219. }
  220.  
  221. .tittit {
  222. margin:auto 40px;
  223. font-family:playfair display;
  224. font-size:18px;
  225. text-transform:uppercase;
  226. letter-spacing:3px;
  227. color:#d17871; /* top title color */
  228. }
  229.  
  230. .subtitle {
  231. margin-top:8px;
  232. font-family:muli;
  233. font-size:7px;
  234. text-transform:uppercase;
  235. letter-spacing:1.7px;
  236. color:#ac988b; /* top subtitle color */
  237. text-align:center;
  238. }
  239.  
  240. #w-flex {
  241. margin-top:20px;
  242. margin-left:52px; /* change this to 44px if you need a scrollbar */
  243. display:flex;
  244. }
  245.  
  246. #w-flex > div {
  247. align-self:center;
  248. -webkit-align-self:center;
  249. }
  250.  
  251. /*--------------------LEFT: CHARACTER LIST--------------------*/
  252. #charalisting {
  253. width:230px;
  254.  
  255. /* uncomment the following lines if you need a scrollbar */
  256. /*
  257. max-height:400px;
  258. overflow:auto;
  259. padding-right:8px;
  260. */
  261. }
  262.  
  263. /* each character box (left) */
  264. #onechara {
  265. margin:19px auto;
  266. padding:12px;
  267. background-color:#090909; /* character box background */
  268. border:1px solid #332d29; /* character box border */
  269. display:flex;
  270. cursor:pointer;
  271. -webkit-transition: all 0.15s ease-in-out;
  272. -moz-transition: all 0.15s ease-in-out;
  273. -o-transition: all 0.15s ease-in-out;
  274. }
  275.  
  276. #onechara:hover {
  277. background-color:#111; /* character box background color on hover */
  278. }
  279.  
  280. .fill {
  281. border-left:6px solid #332d29!important; /* chara box left border on click */
  282. }
  283.  
  284. #onechara:first-of-type {margin-top:0px;}
  285. #onechara:last-of-type {margin-bottom:0px;}
  286.  
  287. #onechara > div {
  288. align-self:center;
  289. -webkit-align-self:center;
  290. }
  291.  
  292. .charaicon {
  293. width:40px;
  294. height:40px;
  295. border-radius:100%;
  296. }
  297.  
  298. .name-txt {margin-left:12px;}
  299.  
  300. .list-top {
  301. font-family:playfair display sc;
  302. letter-spacing:1px;
  303. font-size:12px;
  304. color:#9a887d; /* character name color */
  305. }
  306.  
  307. .list-bot {
  308. font-family:muli;
  309. font-size:7px;
  310. text-transform:uppercase;
  311. letter-spacing:1.7px;
  312. color:#787471; /* character subtitle color */
  313. }
  314.  
  315. /*--------------------MIDDLE: CHARACTER IMAGE--------------------*/
  316. #mainchara {
  317. margin-left:25px;
  318. width:250px;
  319. height:400px;
  320. }
  321.  
  322. .render {
  323. max-width:250px;
  324. height:inherit;
  325. }
  326.  
  327. /*--------------------RIGHT: CHARACTER INFO--------------------*/
  328. #charabios {
  329. margin-left:25px;
  330. width:280px;
  331. max-height:400px;
  332. overflow-y:auto;
  333. overflow-x:hidden;
  334. border:1px solid #332d29; /* character profile box border */
  335. }
  336.  
  337. /* character profile title */
  338. .biotit {
  339. padding:8px 10px;
  340. background-color:#090909; /* character profile title BG */
  341. border-bottom:1px solid #332d29; /* character profile title bottom border */
  342. font-family:playfair display sc;
  343. letter-spacing:1px;
  344. font-size:12px;
  345. color:#9a887d; /* character profile title color */
  346. text-align:center;
  347. }
  348.  
  349. /* character profile content */
  350. .biocont {
  351. padding:12px;
  352. background-color:#000; /* character profile box content BG */
  353. font-family:muli;
  354. text-transform:uppercase;
  355. font-size:9px;
  356. letter-spacing:1.5px;
  357. }
  358.  
  359. .biocont table {
  360. width:calc(100% + 10px);
  361. margin:-6px -5px;
  362. border-spacing:5px 6px;
  363. }
  364.  
  365. /* character profile stats table */
  366. /* first column styling */
  367. .biocont td:first-of-type {
  368. color:#a7605a; /* stats table: first column text color */
  369. }
  370.  
  371. /* second column styling */
  372. .biocont td:last-of-type {
  373. text-align:right;
  374. color:#9a887d; /* stats table: second column text color */
  375. }
  376.  
  377. .colorflex {
  378. display:flex;
  379. justify-content:flex-end;
  380. }
  381.  
  382. /* color scheme color boxes */
  383. /* you can change the colors in the HTML section */
  384. .colorblock {
  385. margin:auto 4px;
  386. width:9px;
  387. height:9px;
  388. }
  389.  
  390. .colorblock:first-child {margin-left:0px;}
  391. .colorblock:last-child {margin-right:0px;}
  392.  
  393. /* character profile biography text section */
  394. .biotxt {
  395. margin-top:12px;
  396. margin-left:-12px;
  397. padding:12px 12px 0px 12px;
  398. border-top:1px solid #332d29; /* biography top border */
  399. width:100%;
  400. min-height:calc(43px + 12px);
  401. font-size:8px;
  402. letter-spacing:1px;
  403. color:#9a887d; /* biography text color */
  404. line-height:2.5em;
  405. text-align:justify;
  406. }
  407.  
  408. /* character profile text box FIRST LETTER styling */
  409. .biotxt::first-letter {
  410. float:left;
  411. margin-top:4px;
  412. margin-right:10px;
  413. padding:9px 10px 11px 12px;
  414. border:6px double #3d3632; /* first letter border color */
  415. font-family:playfair display;
  416. font-size:20px;
  417. text-transform:uppercase;
  418. color:#8a7a70; /* first letter color */
  419. }
  420.  
  421. /* here you can adjust the styling for individual character's first letter */
  422. /* change the number in .bio1 to the corresponding character */
  423. /* i.e. if you're changing it for character 5, change it to .bio5 */
  424. .bio1 .biotxt::first-letter {
  425. padding:9px 13px 11px 14px;
  426. }
  427.  
  428. .bio2 .biotxt::first-letter {
  429. padding:9px 12px 11px 13.5px;
  430. }
  431.  
  432. .bio3 .biotxt::first-letter {
  433. padding:9px 10px 11px 12px;
  434. }
  435.  
  436. .bio4 .biotxt::first-letter {
  437. padding:9px 12px 11px 15px;
  438. }
  439.  
  440. /* biography text section: links */
  441. .biotxt a {
  442. padding-bottom:2px;
  443. border-bottom:1px solid #2d2824;
  444. color:#cb5e5f;
  445. }
  446.  
  447. /* biography text section: bolded text */
  448. .biotxt b, .biotxt strong {
  449. color:#987356;
  450. }
  451.  
  452. /* biography text section: italicized text */
  453. .biotxt i, .biotxt em {
  454. color:#b1693e;
  455. }
  456.  
  457. .biotxt p:last-child {margin-bottom:0px;}
  458.  
  459. /*-----------------BOTTOM: custom links-----------------*/
  460. #custard {
  461. margin-top:40px;
  462. text-align:center;
  463. }
  464.  
  465. #custard a {
  466. display:inline-block;
  467. margin:0 4px;
  468. }
  469.  
  470. #custard svg {
  471. width:12px;height:12px;
  472. padding:8px;
  473. background-color:#000; /* custom links background color */
  474. border:1px solid #53302d; /* custom links border */
  475. border-radius:15%;
  476. color:#bc6c65; /* custom links icon color */
  477. stroke-width:2px;
  478. }
  479.  
  480. #custard a:hover svg {
  481. background-color:#d17871; /* custom links BG on hover */
  482. border:1px solid #d17871; /* custom links border on hover */
  483. color:#000; /* custom links icons on hover */
  484. }
  485.  
  486. </style>
  487.  
  488. </head>
  489.  
  490. <body>
  491.  
  492. <!----[CUSTOM] TUMBLR CONTROLS---->
  493. <!--replace 'your-username' with your username-->
  494. <div id="thecontrols">
  495. <div class="consym">
  496. <a href="/" title="dashboard"><i data-feather="home"></i></a>
  497. <a href="//www.tumblr.com/message/your-username" title="message"><i data-feather="message-circle"></i></a>
  498. <a href="//www.tumblr.com/follow/your-username" title="follow"><i data-feather="plus-square"></i></a>
  499. </div>
  500. </div><!--end tumblr controls-->
  501.  
  502.  
  503.  
  504. <div id="w-outer">
  505. <div id="w-inner">
  506.  
  507. <div class="titflex">
  508. <div class="tit-line-left"></div>
  509.  
  510. <!----TOP TITLE & SUBTITLE---->
  511. <div class="titholder">
  512. <div class="tittit">your title here</div>
  513. <div class="subtitle">your subtitle here</div>
  514. </div><!--titholder-->
  515.  
  516. <div class="tit-line-right"></div>
  517. </div><!--titflex-->
  518.  
  519.  
  520.  
  521.  
  522. <div id="w-flex">
  523.  
  524. <!----[LEFT] CHARACTER LIST---->
  525. <div id="charalisting">
  526.  
  527. <!--only the first character needs the "fill" class-->
  528. <div id="onechara" class="avatar1 fill">
  529. <img class="charaicon" src="//66.media.tumblr.com/d42402e60f307491ecae8485b012247c/tumblr_pid15u8K9F1qg2f5co1_1280.png">
  530.  
  531. <div class="name-txt">
  532. <div class="list-top">emily kaldwin</div>
  533. <div class="list-bot">empress of the isles</div>
  534. </div><!--name-txt-->
  535. </div><!--onechara-->
  536.  
  537.  
  538. <div id="onechara" class="avatar2">
  539. <img class="charaicon" src="//66.media.tumblr.com/27ee2f881c3fe41fc5df78d09cfd1596/tumblr_pid15u8K9F1qg2f5co2_1280.png">
  540.  
  541. <div class="name-txt">
  542. <div class="list-top">corvo attano</div>
  543. <div class="list-bot">the royal protector</div>
  544. </div><!--name-txt-->
  545. </div><!--onechara-->
  546.  
  547.  
  548. <div id="onechara" class="avatar3">
  549. <img class="charaicon" src="//66.media.tumblr.com/e28d594bfa7c854e5b8c947a8f1a981e/tumblr_pid15u8K9F1qg2f5co5_r1_1280.png">
  550.  
  551. <div class="name-txt">
  552. <div class="list-top">meagan foster</div>
  553. <div class="list-bot">⧉illi⊭ l⩿r₹</div>
  554. </div><!--name-txt-->
  555. </div><!--onechara-->
  556.  
  557.  
  558. <!--ONE CHARACTER BLOCK-->
  559. <!--remember to change the number in "avatar4" accordingly-->
  560. <!--i.e. if you're on your 5th character, change it to "avatar5"-->
  561. <!--start copy-->
  562. <div id="onechara" class="avatar4">
  563. <!--character icon URL-->
  564. <img class="charaicon" src="//66.media.tumblr.com/2c748ef6972967ff1d3da1840961dcf7/tumblr_pid15u8K9F1qg2f5co4_r1_1280.png">
  565.  
  566. <div class="name-txt">
  567. <div class="list-top">character name</div>
  568. <div class="list-bot">character subtitle</div>
  569. </div><!--name-txt-->
  570. </div><!--onechara--><!--end copy-->
  571.  
  572. </div><!--charalisting--><!--don't delete this line-->
  573.  
  574.  
  575.  
  576.  
  577.  
  578. <!----CHARACTER IMAGE(S)---->
  579. <div id="mainchara">
  580.  
  581. <!--remember to change the number in "chara1 render" accordingly-->
  582. <!--i.e. if on your 5th character, change it to "chara5 render"-->
  583. <img class="chara1 render" src="//66.media.tumblr.com/d7ac8dda77ce1c176bfa15d161c266fd/tumblr_picyqyIEPV1qg2f5co6_r1_640.png">
  584.  
  585. <img class="chara2 render" src="//66.media.tumblr.com/df9a6594b3073f6cb53f6821c6f27055/tumblr_picyqyIEPV1qg2f5co5_r1_1280.png">
  586.  
  587. <img class="chara3 render" src="//66.media.tumblr.com/21b42fdd3f664298d1ced0eedfa83d35/tumblr_picyqyIEPV1qg2f5co3_r1_1280.png">
  588.  
  589. <img class="chara4 render" src="//66.media.tumblr.com/1a26711ede088189d06b6f3ced381f6c/tumblr_picyqyIEPV1qg2f5co1_r1_540.png">
  590.  
  591. </div><!--mainchara--><!--don't delete this line-->
  592.  
  593.  
  594.  
  595.  
  596.  
  597. <!----[RIGHT] CHARACTER PROFILES---->
  598. <div id="charabios">
  599.  
  600. <!--CHARACTER 1 PROFILE start-->
  601. <!--remember to change the number in "bio1" accordingly-->
  602. <!--i.e. if on your 5th character, change it to "bio5"-->
  603. <div class="bio1">
  604. <div class="biotit">character name</div>
  605. <div class="biocont">
  606. <!----CHARACTER STATISTICS TABLES---->
  607. <!--everything between <tr> and </tr> is ONE ROW-->
  608. <!-- START TABLE COPY -->
  609. <table><tbody><!--table starts here-->
  610. <tr>
  611. <td>stat 1</td>
  612. <td>stat 1 detail</td>
  613. </tr>
  614.  
  615. <tr>
  616. <td>stat 2</td>
  617. <td>stat 2 detail</td>
  618. </tr>
  619.  
  620. <!--color blocks-->
  621. <tr>
  622. <td>color scheme</td>
  623. <td><div class="colorflex">
  624. <div class="colorblock" style="background:#521132"></div>
  625. <div class="colorblock" style="background:#2a3263"></div>
  626. </div></td>
  627. </tr>
  628. </tbody></table><!--table ends here-->
  629. <!-- END TABLE COPY -->
  630.  
  631. <div class="biotxt">
  632. <!--character biography text goes here-->
  633. <b>bold</b> <i>italic</i> <a href="/">link</a>
  634. </div><!--biotxt-->
  635. </div><!--biocont-->
  636. </div><!--bio1--><!--CHARACTER 1 PROFILE end-->
  637.  
  638.  
  639.  
  640.  
  641.  
  642. <!--CHARACTER 2 PROFILE start-->
  643. <div class="bio2">
  644. <div class="biotit">character name</div>
  645. <div class="biocont">
  646. <!----CHARACTER STATISTICS TABLES---->
  647. <!--everything between <tr> and </tr> is ONE ROW-->
  648. <!-- START TABLE COPY -->
  649. <table><tbody><!--table starts here-->
  650. <tr>
  651. <td>stat 1</td>
  652. <td>stat 1 detail</td>
  653. </tr>
  654.  
  655. <tr>
  656. <td>stat 2</td>
  657. <td>stat 2 detail</td>
  658. </tr>
  659.  
  660. <!--color blocks-->
  661. <tr>
  662. <td>color scheme</td>
  663. <td><div class="colorflex">
  664. <div class="colorblock" style="background:#521132"></div>
  665. <div class="colorblock" style="background:#2a3263"></div>
  666. </div></td>
  667. </tr>
  668. </tbody></table><!--table ends here-->
  669. <!-- END TABLE COPY -->
  670.  
  671. <div class="biotxt">
  672. <!--character biography text goes here-->
  673. <b>bold</b> <i>italic</i> <a href="/">link</a>
  674. </div><!--biotxt-->
  675. </div><!--biocont-->
  676. </div><!--bio2--><!--CHARACTER 2 PROFILE end-->
  677.  
  678.  
  679.  
  680.  
  681.  
  682. <!--CHARACTER 3 PROFILE start-->
  683. <div class="bio3">
  684. <div class="biotit">character name</div>
  685. <div class="biocont">
  686. <!----CHARACTER STATISTICS TABLES---->
  687. <!--everything between <tr> and </tr> is ONE ROW-->
  688. <!-- START TABLE COPY -->
  689. <table><tbody><!--table starts here-->
  690. <tr>
  691. <td>stat 1</td>
  692. <td>stat 1 detail</td>
  693. </tr>
  694.  
  695. <tr>
  696. <td>stat 2</td>
  697. <td>stat 2 detail</td>
  698. </tr>
  699.  
  700. <!--color blocks-->
  701. <tr>
  702. <td>color scheme</td>
  703. <td><div class="colorflex">
  704. <div class="colorblock" style="background:#521132"></div>
  705. <div class="colorblock" style="background:#2a3263"></div>
  706. </div></td>
  707. </tr>
  708. </tbody></table><!--table ends here-->
  709. <!-- END TABLE COPY -->
  710.  
  711. <div class="biotxt">
  712. <!--character biography text goes here-->
  713. <b>bold</b> <i>italic</i> <a href="/">link</a>
  714. </div><!--biotxt-->
  715. </div><!--biocont-->
  716. </div><!--bio3--><!--CHARACTER 3 PROFILE end-->
  717.  
  718.  
  719.  
  720.  
  721.  
  722. <!--CHARACTER 4 PROFILE start-->
  723. <div class="bio4">
  724. <div class="biotit">character name</div>
  725. <div class="biocont">
  726. <!----CHARACTER STATISTICS TABLES---->
  727. <!--everything between <tr> and </tr> is ONE ROW-->
  728. <!-- START TABLE COPY -->
  729. <table><tbody><!--table starts here-->
  730. <tr>
  731. <td>stat 1</td>
  732. <td>stat 1 detail</td>
  733. </tr>
  734.  
  735. <tr>
  736. <td>stat 2</td>
  737. <td>stat 2 detail</td>
  738. </tr>
  739.  
  740. <!--color blocks-->
  741. <tr>
  742. <td>color scheme</td>
  743. <td><div class="colorflex">
  744. <div class="colorblock" style="background:#521132"></div>
  745. <div class="colorblock" style="background:#2a3263"></div>
  746. </div></td>
  747. </tr>
  748. </tbody></table><!--table ends here-->
  749. <!-- END TABLE COPY -->
  750.  
  751. <div class="biotxt">
  752. <!--character biography text goes here-->
  753. <b>bold</b> <i>italic</i> <a href="/">link</a>
  754. </div><!--biotxt-->
  755. </div><!--biocont-->
  756. </div><!--bio4--><!--CHARACTER 4 PROFILE end-->
  757.  
  758.  
  759. </div><!--charabios--><!--don't delete this line-->
  760.  
  761. </div><!--w-flex--><!--don't delete this line-->
  762.  
  763.  
  764.  
  765.  
  766.  
  767. <!----[BOTTOM] CUSTOM LINKS---->
  768. <!--to change icons, go to: feathericons.com-->
  769. <div id="custard">
  770. <a href="/" title="home"><i data-feather="home"></i></a>
  771. <a href="/ask" title="ask"><i data-feather="mail"></i></a>
  772. <a href="/" title="a custom link"><i data-feather="eye"></i></a>
  773. <a href="/" title="a custom link"><i data-feather="map-pin"></i></a>
  774.  
  775. <!--PLEASE DO NOT REMOVE THE CREDIT, THANK YOU!! :)-->
  776. <a href="//glenthemes.tumblr.com" title="page by glenthemes"><i data-feather="code"></i></a>
  777. </div><!--custard-->
  778.  
  779.  
  780. </div><!--w-inner--><!--don't delete this line-->
  781. </div><!--w-outer--><!--don't delete this line-->
  782.  
  783. <script>feather.replace()</script>
  784.  
  785. </body>
  786.  
  787. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!