₊⁺✿˚
This commit is contained in:
parent
9b4efd8948
commit
4e61dd8606
|
|
@ -0,0 +1,787 @@
|
|||
<!-----------------------------------------------------------------------
|
||||
Character Page [05]: Legacy
|
||||
Made by glenthemes
|
||||
|
||||
Initial release: 2018/11/19
|
||||
Last updated: 2021/10/21
|
||||
|
||||
TERMS OF USE:
|
||||
1) Do not remove the page credit.
|
||||
2) Do not repost/redistribute my themes.
|
||||
3) Do not take parts of the code and use it as your own.
|
||||
4) Do not use my themes as a base code.
|
||||
5) Do not mix my themes together.
|
||||
|
||||
Please stick to the Terms! I worked my ass off on this v_v Thank you! :D
|
||||
Here is the help guide!
|
||||
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
|
||||
//glenthemes.tumblr.com/legacy
|
||||
------------------------------------------------------------------------>
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<title>{Title}</title>
|
||||
|
||||
<link rel="shortcut icon" href="{Favicon}">
|
||||
|
||||
<!--------------------JAVASCRIPTS-------------------->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
||||
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
|
||||
<script>
|
||||
(function($){
|
||||
$(document).ready(function(){
|
||||
$("a[title]").style_my_tooltips({
|
||||
tip_follows_cursor:true,
|
||||
tip_delay_time:25,
|
||||
tip_fade_speed:100,
|
||||
attribute:"title"
|
||||
});
|
||||
});
|
||||
})(jQuery);
|
||||
</script>
|
||||
|
||||
<script src="//static.tumblr.com/2pnwama/coIpif3u0/pachimari.js"></script>
|
||||
|
||||
<link href="//fonts.googleapis.com/css?family=Karla|Muli|Open+Sans|Playfair+Display|Playfair+Display+SC" rel="stylesheet">
|
||||
|
||||
<link href="//static.tumblr.com/2pnwama/KQTpif42r/soymilk.css" rel="stylesheet">
|
||||
|
||||
<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
|
||||
|
||||
<!-------------------------------------------------------------------->
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
@font-face { font-family: "quicksand"; src: url('//glen-assets.github.io/fonts/Quicksand Regular.ttf'); }
|
||||
|
||||
/*--------------------TOOLTIPS--------------------*/
|
||||
#s-m-t-tooltip {
|
||||
padding:4px 10px;
|
||||
margin:26px 9px 0px 15px;
|
||||
background-color:#111;
|
||||
border:1px solid #1F1B19;
|
||||
border-radius:3px;
|
||||
font-family:quicksand;
|
||||
font-size:8px;
|
||||
letter-spacing:1.3px;
|
||||
text-transform:uppercase;
|
||||
color:#c2b7b1; /* tooltip text color */
|
||||
z-index:99999999999999999999999999998!important;
|
||||
max-width:40vw;
|
||||
}
|
||||
|
||||
/*-----------------[CUSTOM] TUMBLR CONTROLS-----------------*/
|
||||
#thecontrols {
|
||||
position:fixed;
|
||||
top:0;margin-top:20px;
|
||||
right:0;margin-right:20px;
|
||||
}
|
||||
|
||||
.consym a {
|
||||
display:inline-block;
|
||||
margin:0 4px;
|
||||
}
|
||||
|
||||
.consym a:first-child {margin-left:0px;}
|
||||
.consym a:last-child {margin-right:0px;}
|
||||
|
||||
.consym svg {
|
||||
width:15px;height:15px;
|
||||
color:#605c5a;
|
||||
stroke-width:2px;
|
||||
}
|
||||
|
||||
/*--------------------SCROLLBAR--------------------*/
|
||||
::-webkit-scrollbar {
|
||||
height:13px;
|
||||
width:13px;
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color:#332d29;
|
||||
border-top:0px solid transparent;
|
||||
border-right:6px solid #000;
|
||||
border-bottom:0px solid transparent;
|
||||
border-left:6px solid #000;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
/*--------------------TEXT HIGHLIGHT--------------------*/
|
||||
::selection {
|
||||
background:#777;
|
||||
color:#d17871;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background:#777;
|
||||
color:#d17871;
|
||||
}
|
||||
|
||||
/*--------------------BASICS--------------------*/
|
||||
body {
|
||||
background:#111 url('//66.media.tumblr.com/92c25875cb03269fdb5173392c5e6062/tumblr_pideo6WZVX1qg2f5co1_1280.png');
|
||||
background-attachment:fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position:center center;
|
||||
color:#888;
|
||||
cursor:normal;
|
||||
font-family:nunito;
|
||||
line-height:1.6em;
|
||||
font-size:12px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
iframe#tumblr_controls, .iframe-controls--desktop, .tmblr-iframe--app-cta-button, iframe.tmblr-iframe {
|
||||
display:none;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding-left:10px;
|
||||
margin-left:5px;
|
||||
border-left:1px solid;
|
||||
border-color:#aaa;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a, svg {
|
||||
text-decoration:none;
|
||||
-webkit-transition: all 0.4s ease-in-out;
|
||||
-moz-transition: all 0.4s ease-in-out;
|
||||
-o-transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
a[title]:not([href]):hover {cursor:help;}
|
||||
|
||||
b, strong {
|
||||
font-weight:bold;
|
||||
color:#555;
|
||||
}
|
||||
|
||||
i, em {color:#888;}
|
||||
|
||||
pre, code {
|
||||
white-space:pre-wrap;
|
||||
display:block;
|
||||
}
|
||||
|
||||
hr {
|
||||
width:70%;
|
||||
border-width:0px;
|
||||
height:1px;
|
||||
background-color:#bbb;
|
||||
}
|
||||
|
||||
/*--------------------CONTAINER--------------------*/
|
||||
#w-outer {
|
||||
position:fixed;
|
||||
margin:0 auto;
|
||||
top:0;left:0;right:0;
|
||||
width:max-content;
|
||||
width:-moz-max-content;
|
||||
height:100vh;
|
||||
display:table;
|
||||
}
|
||||
|
||||
#w-inner {
|
||||
display:table-cell;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
/*--------------------TOP TITLES--------------------*/
|
||||
.titflex {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.titflex > div {
|
||||
align-self:center;
|
||||
-webkit-align-self:center;
|
||||
}
|
||||
|
||||
.tit-line-left, .tit-line-right {
|
||||
width:100px;
|
||||
height:1px;
|
||||
background:#53302d; /* top title decorative lines color */
|
||||
}
|
||||
|
||||
.tittit {
|
||||
margin:auto 40px;
|
||||
font-family:playfair display;
|
||||
font-size:18px;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:3px;
|
||||
color:#d17871; /* top title color */
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
margin-top:8px;
|
||||
font-family:muli;
|
||||
font-size:7px;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1.7px;
|
||||
color:#ac988b; /* top subtitle color */
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#w-flex {
|
||||
margin-top:20px;
|
||||
margin-left:52px; /* change this to 44px if you need a scrollbar */
|
||||
display:flex;
|
||||
}
|
||||
|
||||
#w-flex > div {
|
||||
align-self:center;
|
||||
-webkit-align-self:center;
|
||||
}
|
||||
|
||||
/*--------------------LEFT: CHARACTER LIST--------------------*/
|
||||
#charalisting {
|
||||
width:230px;
|
||||
|
||||
/* uncomment the following lines if you need a scrollbar */
|
||||
/*
|
||||
max-height:400px;
|
||||
overflow:auto;
|
||||
padding-right:8px;
|
||||
*/
|
||||
}
|
||||
|
||||
/* each character box (left) */
|
||||
#onechara {
|
||||
margin:19px auto;
|
||||
padding:12px;
|
||||
background-color:#090909; /* character box background */
|
||||
border:1px solid #332d29; /* character box border */
|
||||
display:flex;
|
||||
cursor:pointer;
|
||||
-webkit-transition: all 0.15s ease-in-out;
|
||||
-moz-transition: all 0.15s ease-in-out;
|
||||
-o-transition: all 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#onechara:hover {
|
||||
background-color:#111; /* character box background color on hover */
|
||||
}
|
||||
|
||||
.fill {
|
||||
border-left:6px solid #332d29!important; /* chara box left border on click */
|
||||
}
|
||||
|
||||
#onechara:first-of-type {margin-top:0px;}
|
||||
#onechara:last-of-type {margin-bottom:0px;}
|
||||
|
||||
#onechara > div {
|
||||
align-self:center;
|
||||
-webkit-align-self:center;
|
||||
}
|
||||
|
||||
.charaicon {
|
||||
width:40px;
|
||||
height:40px;
|
||||
border-radius:100%;
|
||||
}
|
||||
|
||||
.name-txt {margin-left:12px;}
|
||||
|
||||
.list-top {
|
||||
font-family:playfair display sc;
|
||||
letter-spacing:1px;
|
||||
font-size:12px;
|
||||
color:#9a887d; /* character name color */
|
||||
}
|
||||
|
||||
.list-bot {
|
||||
font-family:muli;
|
||||
font-size:7px;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1.7px;
|
||||
color:#787471; /* character subtitle color */
|
||||
}
|
||||
|
||||
/*--------------------MIDDLE: CHARACTER IMAGE--------------------*/
|
||||
#mainchara {
|
||||
margin-left:25px;
|
||||
width:250px;
|
||||
height:400px;
|
||||
}
|
||||
|
||||
.render {
|
||||
max-width:250px;
|
||||
height:inherit;
|
||||
}
|
||||
|
||||
/*--------------------RIGHT: CHARACTER INFO--------------------*/
|
||||
#charabios {
|
||||
margin-left:25px;
|
||||
width:280px;
|
||||
max-height:400px;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
border:1px solid #332d29; /* character profile box border */
|
||||
}
|
||||
|
||||
/* character profile title */
|
||||
.biotit {
|
||||
padding:8px 10px;
|
||||
background-color:#090909; /* character profile title BG */
|
||||
border-bottom:1px solid #332d29; /* character profile title bottom border */
|
||||
font-family:playfair display sc;
|
||||
letter-spacing:1px;
|
||||
font-size:12px;
|
||||
color:#9a887d; /* character profile title color */
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/* character profile content */
|
||||
.biocont {
|
||||
padding:12px;
|
||||
background-color:#000; /* character profile box content BG */
|
||||
font-family:muli;
|
||||
text-transform:uppercase;
|
||||
font-size:9px;
|
||||
letter-spacing:1.5px;
|
||||
}
|
||||
|
||||
.biocont table {
|
||||
width:calc(100% + 10px);
|
||||
margin:-6px -5px;
|
||||
border-spacing:5px 6px;
|
||||
}
|
||||
|
||||
/* character profile stats table */
|
||||
/* first column styling */
|
||||
.biocont td:first-of-type {
|
||||
color:#a7605a; /* stats table: first column text color */
|
||||
}
|
||||
|
||||
/* second column styling */
|
||||
.biocont td:last-of-type {
|
||||
text-align:right;
|
||||
color:#9a887d; /* stats table: second column text color */
|
||||
}
|
||||
|
||||
.colorflex {
|
||||
display:flex;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
/* color scheme color boxes */
|
||||
/* you can change the colors in the HTML section */
|
||||
.colorblock {
|
||||
margin:auto 4px;
|
||||
width:9px;
|
||||
height:9px;
|
||||
}
|
||||
|
||||
.colorblock:first-child {margin-left:0px;}
|
||||
.colorblock:last-child {margin-right:0px;}
|
||||
|
||||
/* character profile biography text section */
|
||||
.biotxt {
|
||||
margin-top:12px;
|
||||
margin-left:-12px;
|
||||
padding:12px 12px 0px 12px;
|
||||
border-top:1px solid #332d29; /* biography top border */
|
||||
width:100%;
|
||||
min-height:calc(43px + 12px);
|
||||
font-size:8px;
|
||||
letter-spacing:1px;
|
||||
color:#9a887d; /* biography text color */
|
||||
line-height:2.5em;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
/* character profile text box FIRST LETTER styling */
|
||||
.biotxt::first-letter {
|
||||
float:left;
|
||||
margin-top:4px;
|
||||
margin-right:10px;
|
||||
padding:9px 10px 11px 12px;
|
||||
border:6px double #3d3632; /* first letter border color */
|
||||
font-family:playfair display;
|
||||
font-size:20px;
|
||||
text-transform:uppercase;
|
||||
color:#8a7a70; /* first letter color */
|
||||
}
|
||||
|
||||
/* here you can adjust the styling for individual character's first letter */
|
||||
/* change the number in .bio1 to the corresponding character */
|
||||
/* i.e. if you're changing it for character 5, change it to .bio5 */
|
||||
.bio1 .biotxt::first-letter {
|
||||
padding:9px 13px 11px 14px;
|
||||
}
|
||||
|
||||
.bio2 .biotxt::first-letter {
|
||||
padding:9px 12px 11px 13.5px;
|
||||
}
|
||||
|
||||
.bio3 .biotxt::first-letter {
|
||||
padding:9px 10px 11px 12px;
|
||||
}
|
||||
|
||||
.bio4 .biotxt::first-letter {
|
||||
padding:9px 12px 11px 15px;
|
||||
}
|
||||
|
||||
/* biography text section: links */
|
||||
.biotxt a {
|
||||
padding-bottom:2px;
|
||||
border-bottom:1px solid #2d2824;
|
||||
color:#cb5e5f;
|
||||
}
|
||||
|
||||
/* biography text section: bolded text */
|
||||
.biotxt b, .biotxt strong {
|
||||
color:#987356;
|
||||
}
|
||||
|
||||
/* biography text section: italicized text */
|
||||
.biotxt i, .biotxt em {
|
||||
color:#b1693e;
|
||||
}
|
||||
|
||||
.biotxt p:last-child {margin-bottom:0px;}
|
||||
|
||||
/*-----------------BOTTOM: custom links-----------------*/
|
||||
#custard {
|
||||
margin-top:40px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#custard a {
|
||||
display:inline-block;
|
||||
margin:0 4px;
|
||||
}
|
||||
|
||||
#custard svg {
|
||||
width:12px;height:12px;
|
||||
padding:8px;
|
||||
background-color:#000; /* custom links background color */
|
||||
border:1px solid #53302d; /* custom links border */
|
||||
border-radius:15%;
|
||||
color:#bc6c65; /* custom links icon color */
|
||||
stroke-width:2px;
|
||||
}
|
||||
|
||||
#custard a:hover svg {
|
||||
background-color:#d17871; /* custom links BG on hover */
|
||||
border:1px solid #d17871; /* custom links border on hover */
|
||||
color:#000; /* custom links icons on hover */
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!----[CUSTOM] TUMBLR CONTROLS---->
|
||||
<!--replace 'your-username' with your username-->
|
||||
<div id="thecontrols">
|
||||
<div class="consym">
|
||||
<a href="/" title="dashboard"><i data-feather="home"></i></a>
|
||||
<a href="//www.tumblr.com/message/your-username" title="message"><i data-feather="message-circle"></i></a>
|
||||
<a href="//www.tumblr.com/follow/your-username" title="follow"><i data-feather="plus-square"></i></a>
|
||||
</div>
|
||||
</div><!--end tumblr controls-->
|
||||
|
||||
|
||||
|
||||
<div id="w-outer">
|
||||
<div id="w-inner">
|
||||
|
||||
<div class="titflex">
|
||||
<div class="tit-line-left"></div>
|
||||
|
||||
<!----TOP TITLE & SUBTITLE---->
|
||||
<div class="titholder">
|
||||
<div class="tittit">your title here</div>
|
||||
<div class="subtitle">your subtitle here</div>
|
||||
</div><!--titholder-->
|
||||
|
||||
<div class="tit-line-right"></div>
|
||||
</div><!--titflex-->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="w-flex">
|
||||
|
||||
<!----[LEFT] CHARACTER LIST---->
|
||||
<div id="charalisting">
|
||||
|
||||
<!--only the first character needs the "fill" class-->
|
||||
<div id="onechara" class="avatar1 fill">
|
||||
<img class="charaicon" src="//66.media.tumblr.com/d42402e60f307491ecae8485b012247c/tumblr_pid15u8K9F1qg2f5co1_1280.png">
|
||||
|
||||
<div class="name-txt">
|
||||
<div class="list-top">emily kaldwin</div>
|
||||
<div class="list-bot">empress of the isles</div>
|
||||
</div><!--name-txt-->
|
||||
</div><!--onechara-->
|
||||
|
||||
|
||||
<div id="onechara" class="avatar2">
|
||||
<img class="charaicon" src="//66.media.tumblr.com/27ee2f881c3fe41fc5df78d09cfd1596/tumblr_pid15u8K9F1qg2f5co2_1280.png">
|
||||
|
||||
<div class="name-txt">
|
||||
<div class="list-top">corvo attano</div>
|
||||
<div class="list-bot">the royal protector</div>
|
||||
</div><!--name-txt-->
|
||||
</div><!--onechara-->
|
||||
|
||||
|
||||
<div id="onechara" class="avatar3">
|
||||
<img class="charaicon" src="//66.media.tumblr.com/e28d594bfa7c854e5b8c947a8f1a981e/tumblr_pid15u8K9F1qg2f5co5_r1_1280.png">
|
||||
|
||||
<div class="name-txt">
|
||||
<div class="list-top">meagan foster</div>
|
||||
<div class="list-bot">⧉illi⊭ l⩿r₹</div>
|
||||
</div><!--name-txt-->
|
||||
</div><!--onechara-->
|
||||
|
||||
|
||||
<!--ONE CHARACTER BLOCK-->
|
||||
<!--remember to change the number in "avatar4" accordingly-->
|
||||
<!--i.e. if you're on your 5th character, change it to "avatar5"-->
|
||||
<!--start copy-->
|
||||
<div id="onechara" class="avatar4">
|
||||
<!--character icon URL-->
|
||||
<img class="charaicon" src="//66.media.tumblr.com/2c748ef6972967ff1d3da1840961dcf7/tumblr_pid15u8K9F1qg2f5co4_r1_1280.png">
|
||||
|
||||
<div class="name-txt">
|
||||
<div class="list-top">character name</div>
|
||||
<div class="list-bot">character subtitle</div>
|
||||
</div><!--name-txt-->
|
||||
</div><!--onechara--><!--end copy-->
|
||||
|
||||
</div><!--charalisting--><!--don't delete this line-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!----CHARACTER IMAGE(S)---->
|
||||
<div id="mainchara">
|
||||
|
||||
<!--remember to change the number in "chara1 render" accordingly-->
|
||||
<!--i.e. if on your 5th character, change it to "chara5 render"-->
|
||||
<img class="chara1 render" src="//66.media.tumblr.com/d7ac8dda77ce1c176bfa15d161c266fd/tumblr_picyqyIEPV1qg2f5co6_r1_640.png">
|
||||
|
||||
<img class="chara2 render" src="//66.media.tumblr.com/df9a6594b3073f6cb53f6821c6f27055/tumblr_picyqyIEPV1qg2f5co5_r1_1280.png">
|
||||
|
||||
<img class="chara3 render" src="//66.media.tumblr.com/21b42fdd3f664298d1ced0eedfa83d35/tumblr_picyqyIEPV1qg2f5co3_r1_1280.png">
|
||||
|
||||
<img class="chara4 render" src="//66.media.tumblr.com/1a26711ede088189d06b6f3ced381f6c/tumblr_picyqyIEPV1qg2f5co1_r1_540.png">
|
||||
|
||||
</div><!--mainchara--><!--don't delete this line-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!----[RIGHT] CHARACTER PROFILES---->
|
||||
<div id="charabios">
|
||||
|
||||
<!--CHARACTER 1 PROFILE start-->
|
||||
<!--remember to change the number in "bio1" accordingly-->
|
||||
<!--i.e. if on your 5th character, change it to "bio5"-->
|
||||
<div class="bio1">
|
||||
<div class="biotit">character name</div>
|
||||
<div class="biocont">
|
||||
<!----CHARACTER STATISTICS TABLES---->
|
||||
<!--everything between <tr> and </tr> is ONE ROW-->
|
||||
<!-- START TABLE COPY -->
|
||||
<table><tbody><!--table starts here-->
|
||||
<tr>
|
||||
<td>stat 1</td>
|
||||
<td>stat 1 detail</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>stat 2</td>
|
||||
<td>stat 2 detail</td>
|
||||
</tr>
|
||||
|
||||
<!--color blocks-->
|
||||
<tr>
|
||||
<td>color scheme</td>
|
||||
<td><div class="colorflex">
|
||||
<div class="colorblock" style="background:#521132"></div>
|
||||
<div class="colorblock" style="background:#2a3263"></div>
|
||||
</div></td>
|
||||
</tr>
|
||||
</tbody></table><!--table ends here-->
|
||||
<!-- END TABLE COPY -->
|
||||
|
||||
<div class="biotxt">
|
||||
<!--character biography text goes here-->
|
||||
<b>bold</b> <i>italic</i> <a href="/">link</a>
|
||||
</div><!--biotxt-->
|
||||
</div><!--biocont-->
|
||||
</div><!--bio1--><!--CHARACTER 1 PROFILE end-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--CHARACTER 2 PROFILE start-->
|
||||
<div class="bio2">
|
||||
<div class="biotit">character name</div>
|
||||
<div class="biocont">
|
||||
<!----CHARACTER STATISTICS TABLES---->
|
||||
<!--everything between <tr> and </tr> is ONE ROW-->
|
||||
<!-- START TABLE COPY -->
|
||||
<table><tbody><!--table starts here-->
|
||||
<tr>
|
||||
<td>stat 1</td>
|
||||
<td>stat 1 detail</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>stat 2</td>
|
||||
<td>stat 2 detail</td>
|
||||
</tr>
|
||||
|
||||
<!--color blocks-->
|
||||
<tr>
|
||||
<td>color scheme</td>
|
||||
<td><div class="colorflex">
|
||||
<div class="colorblock" style="background:#521132"></div>
|
||||
<div class="colorblock" style="background:#2a3263"></div>
|
||||
</div></td>
|
||||
</tr>
|
||||
</tbody></table><!--table ends here-->
|
||||
<!-- END TABLE COPY -->
|
||||
|
||||
<div class="biotxt">
|
||||
<!--character biography text goes here-->
|
||||
<b>bold</b> <i>italic</i> <a href="/">link</a>
|
||||
</div><!--biotxt-->
|
||||
</div><!--biocont-->
|
||||
</div><!--bio2--><!--CHARACTER 2 PROFILE end-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--CHARACTER 3 PROFILE start-->
|
||||
<div class="bio3">
|
||||
<div class="biotit">character name</div>
|
||||
<div class="biocont">
|
||||
<!----CHARACTER STATISTICS TABLES---->
|
||||
<!--everything between <tr> and </tr> is ONE ROW-->
|
||||
<!-- START TABLE COPY -->
|
||||
<table><tbody><!--table starts here-->
|
||||
<tr>
|
||||
<td>stat 1</td>
|
||||
<td>stat 1 detail</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>stat 2</td>
|
||||
<td>stat 2 detail</td>
|
||||
</tr>
|
||||
|
||||
<!--color blocks-->
|
||||
<tr>
|
||||
<td>color scheme</td>
|
||||
<td><div class="colorflex">
|
||||
<div class="colorblock" style="background:#521132"></div>
|
||||
<div class="colorblock" style="background:#2a3263"></div>
|
||||
</div></td>
|
||||
</tr>
|
||||
</tbody></table><!--table ends here-->
|
||||
<!-- END TABLE COPY -->
|
||||
|
||||
<div class="biotxt">
|
||||
<!--character biography text goes here-->
|
||||
<b>bold</b> <i>italic</i> <a href="/">link</a>
|
||||
</div><!--biotxt-->
|
||||
</div><!--biocont-->
|
||||
</div><!--bio3--><!--CHARACTER 3 PROFILE end-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--CHARACTER 4 PROFILE start-->
|
||||
<div class="bio4">
|
||||
<div class="biotit">character name</div>
|
||||
<div class="biocont">
|
||||
<!----CHARACTER STATISTICS TABLES---->
|
||||
<!--everything between <tr> and </tr> is ONE ROW-->
|
||||
<!-- START TABLE COPY -->
|
||||
<table><tbody><!--table starts here-->
|
||||
<tr>
|
||||
<td>stat 1</td>
|
||||
<td>stat 1 detail</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>stat 2</td>
|
||||
<td>stat 2 detail</td>
|
||||
</tr>
|
||||
|
||||
<!--color blocks-->
|
||||
<tr>
|
||||
<td>color scheme</td>
|
||||
<td><div class="colorflex">
|
||||
<div class="colorblock" style="background:#521132"></div>
|
||||
<div class="colorblock" style="background:#2a3263"></div>
|
||||
</div></td>
|
||||
</tr>
|
||||
</tbody></table><!--table ends here-->
|
||||
<!-- END TABLE COPY -->
|
||||
|
||||
<div class="biotxt">
|
||||
<!--character biography text goes here-->
|
||||
<b>bold</b> <i>italic</i> <a href="/">link</a>
|
||||
</div><!--biotxt-->
|
||||
</div><!--biocont-->
|
||||
</div><!--bio4--><!--CHARACTER 4 PROFILE end-->
|
||||
|
||||
|
||||
</div><!--charabios--><!--don't delete this line-->
|
||||
|
||||
</div><!--w-flex--><!--don't delete this line-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!----[BOTTOM] CUSTOM LINKS---->
|
||||
<!--to change icons, go to: feathericons.com-->
|
||||
<div id="custard">
|
||||
<a href="/" title="home"><i data-feather="home"></i></a>
|
||||
<a href="/ask" title="ask"><i data-feather="mail"></i></a>
|
||||
<a href="/" title="a custom link"><i data-feather="eye"></i></a>
|
||||
<a href="/" title="a custom link"><i data-feather="map-pin"></i></a>
|
||||
|
||||
<!--PLEASE DO NOT REMOVE THE CREDIT, THANK YOU!! :)-->
|
||||
<a href="//glenthemes.tumblr.com" title="page by glenthemes"><i data-feather="code"></i></a>
|
||||
</div><!--custard-->
|
||||
|
||||
|
||||
</div><!--w-inner--><!--don't delete this line-->
|
||||
</div><!--w-outer--><!--don't delete this line-->
|
||||
|
||||
<script>feather.replace()</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue