blique;
[/class]
[class name=tabheadertag maxWidth="539px"]
position:absolute;
top:30%;
left:4%;
[/class]
[class name=tabhc minWidth="540px"]
padding:10px;
height:80%;
display:flex;
flex-flow:row nowrap;
justify-content: space-evenly;
align-content: center;
margin-top:2%;
box-sizing:border-box;
[/class]
[class name=tabhc maxWidth="539px"]
padding:5px;
height:82.8%;
display:flex;
flex-flow:column;
margin-top:2%;
box-sizing:border-box;
[/class]
[class name=tabhscroll minWidth="540px"]
width:76%;
height:100%;
overflow:hidden;
padding:5px;
font-size:10px;
color:black;
box-sizing: border-box;
text-align:justify;
[/class]
[class name=tabhscroll maxWidth="539px"]
width:100%;
height:162%;
overflow:hidden;
padding:3px;
font-size:10px;
color:black;
[/class]
[class name=tabhsidepicb minWidth="540px"]
width:25%;
height:calc(100% - 12px);
border:1px solid white;
border-radius:2px;
padding:5px;
margin-left:1%;
[/class]
[class name=tabhsidepicb maxWidth="539px"]
width:100%;
height:23%;
margin-top:2%;
border:1px solid white;
padding:5px;
box-sizing:border-box;
border-radius:2px;
[/class]
[class name=tabhsidepic1 minWidth="540px"]
height:100%;
width:100%;
background: var(--img-2);
background-size:362%;
background-position:50% 52%;
border-radius:2px;
[/class]
[class name=tabhsidepic1 maxWidth="539px"]
height:100%;
width:100%;
background: var(--img-3);
background-size:100%;
border-radius:2px;
[/class]
[class=scroll]
height:100%;
width:100%;
overflow-y:scroll;
padding-right:50px;
[/class]
[class=tabheadertagp]
height:8%;
min-width:20%;
max-width:150%;
background-color: var(--color-2);
color: var(--tcolor-1);
padding:5px;
padding-left:7px;
padding-right:7px;
box-sizing:border-box;
border-radius:3px;
display:inline-block;
font-size:23px;
font-weight:bold;
letter-spacing:1.5px;
line-height:50%;
text-shadow:1.5px 1.5px #fff;
position:absolute;
top:2%;
left:3%;
font-styleblique;
[/class]
[class name=tabpflex minWidth="540px"]
height:90.5%;
width:100%;
padding:10px;
display:flex;
flex-flow: row wrap;
box-sizing: border-box;
justify:content:center;
margin-top:11.5%;
[/class]
[class name=tabpflex maxWidth="539px"]
height:100%;
width:100%;
padding:5px;
padding-top:10px;
padding-bottom:10px;
display:flex;
flex-flow: column nowrap;
justify-content:center;
box-sizing: border-box;
margin-top:11%;
[/class]
[class name=tabpfscroll minWidth="540px"]
height:45.5%;
width:100%;
overflow:hidden;
padding:5px;
text-align:justify;
font-size:10px;
color:black;
box-sizing: border-box;
margin-top:2%;
margin-bottom:2%;
[/class]
[class name=tabpfscroll maxWidth="539px"]
height:64%;
width:100%;
overflow:hidden;
padding:5px;
text-align:justify;
font-size:10px;
color:black;
box-sizing: border-box;
margin-top:2%;
margin-bottom:2%;
[/class]
[class name=listgrp minWidth="540px"]
height:25%;
width:100%;
display:flex;
flex-flow: row nowrap;
[/class]
[class name=listgrp maxWidth="539px"]
height:34%;
width:100%;
display:flex;
flex-flow: row nowrap;
[/class]
[class name=perslist minWidth="540px"]
height:100%;
width:48%;
background-color: var(--color-5);
border-radius:2px;
display:flex;
padding:5px;
box-sizing: border-box;
flex-flow: row wrap;
justify-content: center;
align-content: space-evenly;
margin-left:1.5%;
margin-right:1.5%;
position:relative;
line-height:120%;
[/class]
[class name=perslist maxWidth="539px"]
height:100%;
width:48%;
background-color: var(--color-5);
border-radius:2px;
display:flex;
padding:5px;
box-sizing: border-box;
flex-flow: row wrap;
justify-content: center;
align-content: space-evenly;
margin-left:1.5%;
margin-right:1.5%;
position:relative;
line-height:120%;
[/class]
[class=persblock]
height:3px;
width:100%;
[/class]
[class name=perslisttitle minWidth="540px"]
width:100%;
font-size:16px;
color: var(--tcolor-2);
letter-spacing:2px;
font-weight:bold;
position:absolute;
top:-2px;
text-shadow: 1.2px 1.2px var(--color-6);
background-color: var(--color-6);
padding-left:3%;
border-top-right-radius:2px;
border-top-left-radius:2px;
box-sizing:border-box;
[/class]
[class name=perslisttitle maxWidth="539px"]
width:100%;
font-size:14px;
color: var(--tcolor-2);
letter-spacing:2px;
font-weight:bold;
position:absolute;
top:-2px;
text-shadow: 1.2px 1.2px var(--color-6);
background-color: var(--color-6);
padding-left:3%;
border-top-right-radius:2px;
border-top-left-radius:2px;
box-sizing:border-box;
[/class]
[class=perstag]
max-height:14px;
font-size:9px;
color:black;
background-color: var(--color-1);
border-radius:3px;
min-width:2%;
max-width:100%;
display:inline-block;
text-transform:uppercase;
padding:2px;
margin-right:2px;
line-height:100%;
[/class]
[class name=tabpicheaderc]
height:100%;
width:30%;
[/class]
[class name=tabpicheader]
height: 48%;
width: 100%;
border-top-right-radius:2px;
border-top-left-radius:2px;
padding:5px;
box-sizing:border-box;
border:1px solid white;
margin-bottom:10%;
[/class]
[class name=tabfooter minWidth="540px"]
height:18%;
width:100%;
background-color: var(--color-5);
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
position:relative;
margin-top:1%;
[/class]
[class name=tabfooter maxWidth="539px"]
height:19%;
width:100%;
background-color: var(--color-5);
border-top-right-radius:2px;
border-top-left-radius:2px;
position:relative;
margin-top:0%;
[/class]
[class=tabfooterquote]
width:100%;
height:85%;
box-sizing:border-box;
padding:5px;
color: var(--color-4);
font-size:25px;
text-align:left;
font-weight:bold;
overflow:hidden;
float:left;
[/class]
[class name=tabfooterquote maxWidth="539px"]
font-size:2.4em;
width:60%;
line-height:150%;
overflow:hidden;
margin-right:2px;
[/class]
[class=tabfootersubtext]
float:left;
width:70%;
font-size:7px;
text-transform:uppercase;
font-weight:100;
[/class]
[class name=tabfootersubtext maxWidth="539px"]
display:none;
[/class]
[class=tabfootertag]
height:45%;
min-width:10%;
max-width:150%;
background-color: var(--color-2);
color: var(--tcolor-1);
padding:5px;
padding-left:7px;
padding-right:7px;
box-sizing:border-box;
border-radius:3px;
display:inline-block;
font-size:23px;
font-weight:bold;
letter-spacing:1.5px;
line-height:60%;
text-shadow:1.5px 1.5px #fff;
position:absolute;
top:-22%;
right:4%;
font-styleblique;
[/class]
[class name=tabfootertag maxWidth="539px"]
position:absolute;
top:20%;
right:4%;
[/class]
[class name=tabfc minWidth="540px"]
padding:10px;
height:81.5%;
display:flex;
flex-flow: row wrap;
box-sizing:border-box;
padding-bottom:0px;
position:relative;
[/class]
[class name=tabfc maxWidth="539px"]
padding:5px;
height:81%;
display:flex;
flex-flow: row wrap;
box-sizing:border-box;
justify-content:center;
[/class]
[class name=tabfcscroll minWidth="540px"]
height:97.5%;
width:68%;
padding:5px;
overflow:hidden;
box-sizing:border-box;
margin-left:2%;
font-size:10px;
color:black;
text-align:justify;
[/class]
[class name=tabfcscroll maxWidth="539px"]
height:97.5%;
width:66%;
padding:5px;
overflow:hidden;
box-sizing:border-box;
margin-left:2%;
font-size:10px;
color:black;
text-align:justify;
[/class]
[class=etag]
font-size:12px;
background-color: var(--color-6);
color:black;
border-radius:3px;
padding:3px;
padding-top:1px;
padding-bottom:1px;
text-transform:uppercase;
letter-spacing:0.3px;
box-sizing:border-box;
display:inline-block;
margin-bottom:2px;
margin-right:1px;
[/class]
[class name=navbar minWidth="540px"]
height:400px;
width: 35%;
background-color: var(--color-2);
border-radius:2px;
display:flex;
flex-flow: column nowrap;
align-content:center;
[/class]
[class name=navbar maxWidth="539px"]
height:28vh;
margin-bottom:2%;
width:100%;
background-color: var(--color-2);
border-radius:2px;
flex-flow: row wrap;
justify-content:space-evenly;
box-sizing:border-box;
padding:5px;
display:flex;
[/class]
[class name=navbarimgb minWidth="540px"]
height:140px;
width:140px;
border-radius:2px;
border:1px solid white;
padding:5px;
margin-top:4%;
align-self:center;
[/class]
[class name=navbarimgb maxWidth="539px"]
padding:5px;
height:100px;
width:100px;
border-radius:2px;
border:1px solid white;
align-self:flex-start;
display:block;
position:relative;
margin-top:4%;
[/class]
[class name=navbarimg minWidth="540px"]
height:100%;
width:100%;
background: var(--img-1);
background-size:100%;
border-radius:2px;
[/class]
[class name=navbarimg maxWidth="539px"]
height:100%;
width:100%;
background: var(--img-1);
background-size:111%;
border-radius:2px;
[/class]
[class name=navbars minWidth="540px"]
height:70%;
width:100%;
display:flex;
flex-flow:column nowrap;
[/class]
[class name=navbars maxWidth="539px"]
height:70%;
width:60%;
display:flex;
flex-direction:column;
margin-left:2%;
[/class]
[class name=name minWidth="540px"]
font-size:2.1em;
color: var(--color-1);
text-align:center;
font-weight:bold;
margin-top:3%;
text-shadow:2px 2px white;
[/class]
[class name=name maxWidth="539px"]
font-size:1.8em;
color: var(--color-1);
font-weight:bold;
margin-left:3%;
text-shadow:2px 2px white;
[/class]
[class name=infotagc minWidth="540px"]
min-height:10%;
max-height:40%;
width:100%;
padding:5px;
display:flex;
flex-flow: row wrap;
justify-content:center;
box-sizing:border-box;
margin-top:2%;
align-content:center;
text-align:center;
[/class]
[class name=infotagc maxWidth="539px"]
min-height:10%;
max-height:40%;
width:100%;
padding:5px;
display:flex;
flex-flow: row wrap;
justify-content:space-evenly;
box-sizing:border-box;
margin-top:3%;
[/class]
[class=infotag]
max-width:110px;
min-width:10px;
font-size:10px;
background-color: var(--color-4);
color:black;
border-radius:3px;
padding:3px;
text-transform:uppercase;
letter-spacing:0.3px;
box-sizing:border-box;
display:inline-block;
margin-right:3px;
[/class]
[class name=tabnav minWidth="540px"]
height:30%;
width:100%;
display:flex;
flex-flow: column nowrap;
position:relative;
top:20px;
[/class]
[class name=tabnav maxWidth="539px"]
height:10%;
width:100%;
position:relative;
display:flex;
top:10px;
[/class]
[class=buttons1]
font-size:1.2em;
color:white;
width:100%;
[/class]
[class name=buttons1 maxWidth="539px"]
font-size:1.2em;
color:white;
width:100%;
display:none;
[/class]
[class=buttons2]
font-size:1.2em;
color:white;
width:100%;
margin-top:2%;
[/class]
[class name=buttons2 maxWidth="539px"]
font-size:1.2em;
color:white;
width:100%;
display:none;
[/class]
[class name=tabnavm minWidth="540px"]
height:30%;
width:100%;
display:none;
[/class]
[class name=tabnavm maxWidth="539px"]
height:18%;
width:100%;
[/class]
[class name=buttonsm minWidth="540px"]
font-size:1.2em;
color:white;
width:100%;
display:none;
[/class]
[class name=buttonsm maxWidth="539px"]
font-size:1.2em;
color:white;
width:100%;
padding-top:10px;
margin:auto;
[/class]
[class=button]
color:white;
transition:0.3s;
cursor:pointer;
display:inline;
[/class]
[class name=button state=hover]
text-shadow: 1.5px 1.5px var(--color-4);
transition:0.3s;
[/class]
[class=buttonselect]
text-shadow: 1.5px 1.5px var(--color-4);
pointer-events:none;
[/class]
[script class=button on=click]
hide tabcontents
removeClass buttonselect button
set currentTab (getText)
//buttons scripts
if (eq ${currentTab} ♡1) (addClass buttonselect navbutton1)
if (eq ${currentTab} ♡2) (addClass buttonselect navbutton2)
if (eq ${currentTab} ♡3) (addClass buttonselect navbutton3)
if (eq ${currentTab} ♡4) (addClass buttonselect navbutton4)
//tab scripts
if (eq ${currentTab} ♡1) (show tab1)
if (eq ${currentTab} ♡2) (show tab2)
if (eq ${currentTab} ♡3) (show tab3)
if (eq ${currentTab} ♡4) (show tab4)
[/script]
