Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
master
roll20-character-sheets/EratheConsortium/EratheConsortium.css
T
Kibra 9dd8058026 foldername
2018-11-05 21:15:11 +02:00

1453 lines
27 KiB
CSS
Raw Permalink Blame History

input:invalid {
background-color: pink;
}
.sheet-general-roll {
position: absolute;
margin-left: -38%;
margin-top: 15%;
}
.sheet-custom-roll {
position: absolute;
margin-left: -38%;
margin-top: 25%;
}
.sheet-general-roll button[type=roll]:before,
.sheet-custom-roll button[type=roll]:before{
content: "";
}
.sheet-general-roll button,
.sheet-custom-roll button{
background: #dedede;
border: 4px solid #5290a3a3;
border-inline-end-color: #5283a3;
border-inline-start-color: #61B0D4;
border-style: ridge;
border-radius: 10px;
padding: 3%!important;
padding-right: 10px!important;
font-weight: 600;
}
.sheet-general-roll button:hover,
.sheet-custom-roll button:hover{
color: #41239b;
background: #bdbdbd;
font-weight: 900;
}
.sheet-general-roll button span,
.sheet-custom-roll button span{
font-family: "dicefontd10";
}
.sheet-no-spinners {
-moz-appearance:textfield;
}
.sheet-no-spinners::-webkit-outer-spin-button,
.sheet-no-spinners::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.charsheet {
/*font-family: ,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;*/
font-family: Arial, Helvetica, sans-serif;
}
.sheet-wrapper label{
margin: 0;
}
.sheet-wrapper {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
width: 100%;
height: 100%;
max-width: 2828px;
max-height: 4000px;
min-width: 800px;
position: relative;
}
.sheet-background {
max-width: 2828px;
max-height: 4000px;
width: 100%;
z-index: -10;
/*position: absolute;*/
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/*LEVEL*/
.sheet-lvl-wrapper{
width: 21.53%;
height: 1.45%;
max-width: 609px;
max-height: 58px;
margin-top: 2.934%;
margin-left: 72.8%;
z-index: 1;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
/* background-color: rgba(224, 139, 139, 0.5);
opacity: 0.5; */
position:absolute;
}
.sheet-lvl-radio {
position: relative;
align-self: center;
margin: -1%;
max-width: 54px !important;
max-height: 45px !important;
width: 8.66% !important;
height: 90.28% !important;
min-width: 13px;
min-height: 13px;
z-index: 3;
opacity: 0;
cursor: pointer;
}
.sheet-lvl-radioBig {
width: 11.32% !important;
height: 111.1% !important;
max-width: 72px !important;
max-height: 58px !important;
min-width: 17px;
min-height: 16px;
}
.sheet-lvl-radio + span:before{
cursor: pointer;
width: 10%;
height: 100%;
opacity: 0.7;
content: "";
background-image: url(https://my.mixtape.moe/bpryep.png);
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
margin-left: -9%;
padding-left: 0%;
margin-top: 0.4%;
}
.sheet-lvl-radioBig + span:before{
opacity: 0.7;
content: "";
background-image: url(https://i.imgur.com/T66S07i.png);
max-width: 72px;
max-height: 58px;
width: 12%;
margin-left: -11.5%;
margin-top: -0.2%;
position: absolute;
height: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.sheet-lvl-radio:checked ~ .sheet-lvl-radio + span:before
{
opacity: 0;
}
/*LEVEL*/
.sheet-charInfo{
position: absolute;
margin-top: 10.60%;
margin-left: 9.19%;
width: 81.65%;
height: 7%;
display: flex;
/*background-color: rgba(224, 139, 39, 0.5);*/
}
.sheet-charInfo-column1{
/*background-color: rgba(22, 99, 139, 0.5);*/
margin-left: 8%;
width: 21%;
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
}
.sheet-charInfo-column2{
/*background-color: rgba(22, 99, 139, 0.5);*/
margin-left: 8%;
width: 21%;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
}
.sheet-charInfo-column3{
/*background-color: rgba(22, 99, 139, 0.5);*/
margin-left: 9.5%;
width: 14%;
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
}
.sheet-charInfo-column4{
/*background-color: rgba(22, 99, 139, 0.5);*/
margin-left: 7.5%;
width: 10%;
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
}
.sheet-item {
/*background-color: rgba(22, 13, 139, 0.5); */
vertical-align: baseline;
width: 100%;
height: 30%; /*20%*/
box-sizing: border-box;
}
.sheet-itemR2{
/*margin-top: 4.1%;*/
/*margin-bottom: 3%;*/
margin-top: 1.1%;
margin-bottom: -3%;
}
.sheet-item input,
.sheet-itemR2B textarea,
.charsheet .sheet-charStat-charEncumbrance input,
.charsheet .sheet-charStat-charSize input,
.charsheet .sheet-charStat-charSpeed input,
.charsheet .sheet-charStat-charNotoriety input,
.charsheet .sheet-charStat-charDefence input,
.charsheet .sheet-charStat-charDefence input,
.charsheet .sheet-charStat-charWound input,
.charsheet .sheet-charStat-charKill input,
.charsheet .sheet-character-background textarea,
.charsheet .sheet-equip-row input,
.sheet-Credits input
{
/* font-size: 15px;*/
/*font-weight: 600;*/
font-size: 16px;
font-weight: 900;
}
.charsheet .sheet-form-checked span,
.sheet-attributes-bonus-wrapper span{
font-size: 14px;
font-weight: 600;
}
.sheet-itemR1C{
width: 135%;
}
.sheet-itemR2B{
margin-top: 8.1%;
height: 57%;
max-height: 100%;
width: 100%;
}
.sheet-itemR2B textarea{
width: 100%;
max-width: 100%;
max-height: 95%;
resize: none;
border: none;
overflow: hidden;
background-color: transparent;
display: block;
box-sizing: border-box;
/*font-size: 16px;*/
/*font-weight: 900;*/
}
.sheet-item input{
opacity: 1;
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;
border: none;
/*font-size: 16px;*/
/*font-weight: 900;*/
background: none;
}
.sheet-stats{
position: absolute;
margin-top: 20.50%;
margin-left: 0%;
height: 51.25%;
width: 35%;
/*background-color: rgba(24, 139, 139, 0.5);*/
}
.sheet-skills{
position: absolute;
margin-top: 20.50%;
margin-left: 35%;
height: 41%;
width: 51.98%;
/*background-color: rgba(224, 39, 139, 0.5);*/
}
.sheet-equip{
position: absolute;
margin-top: 93.3%;
margin-left: 0;
height: 33.7%;
width: 37.71%;
/*background-color: rgba(624, 11, 655, 0.5);*/
}
.sheet-health{
position: absolute;
margin-top: 20.50%;
margin-left: 86.98%;
height: 31.28%;
width: 12.9%;
/*background-color: rgba(22, 13, 139, 0.5);*/
}
.sheet-misc{
position: absolute;
margin-top: 78.5%;
margin-left: 38.51%;
height: 44.4%;
width: 60.72%;
/*background-color: rgba(22, 139, 13, 0.5);*/
display: flex;
flex-flow: row wrap;
}
.sheet-charStat-charEncumbrance{
margin-left: 5%;
margin-top: 12%;
position: absolute;
width: 15%;
height: 4%;
background-color: transparent;
border: 0;
text-align: center;
padding: 0;
}
.sheet-charStat-charSize{
position: absolute;
margin-left: 28%;
margin-top: 12%;
width: 15%;
height: 4%;
background-color: transparent;
border: 0;
text-align: center;
}
.sheet-charStat-charEncumbrance input,
.sheet-charStat-charSize input,
.sheet-charStat-charSpeed input,
.sheet-charStat-charNotoriety input,
.sheet-charStat-charDefence input,
.sheet-charStat-charDefence input,
.sheet-charStat-charWound input,
.sheet-charStat-charKill input,
.sheet-Credits input
{
width: 100% !important;
height: 100%;
text-align: center;
background-color: transparent;
border: 0;
}
.sheet-charStat-charSpeed{
position: absolute;
margin-left: 27.3%;
margin-top: 31%;
width: 15%;
height: 4%;
border: 0;
background-color: transparent;
}
.sheet-charStat-charNotoriety{
position: absolute;
margin-left: 65%;
margin-top: 12%;
width: 15%;
height: 4%;
background-color: transparent;
border: 0;
}
.sheet-charStat-charDefence{
position: absolute;
margin-left: 28%;
margin-top: 197%;
width: 15%;
height: 3.3%;
background-color: transparent;
border: 0;
}
.sheet-charStat-charWound{
position: absolute;
margin-left: 55%;
margin-top: 197%;
width: 15%;
height: 3.3%;
background-color: transparent;
border: 0;
}
.sheet-charStat-charKill{
position: absolute;
margin-left: 82%;
margin-top: 197%;
width: 15%;
height: 3.3%;
background-color: transparent;
border: 0;
}
.sheet-charStat-charInitiative{
position: absolute;
margin-top: 101.8%;
width: 17%;
height: 5%;
margin-left: 75.7%;
border-radius: 14px;
}
.sheet-charStat-charInitiative button {
width: 100%;
height: 100%;
background: none;
padding: 0;
margin: 0;
line-height: 8px;
border: 0;
z-index: 2;
cursor: pointer;
}
.sheet-charStat-charInitiative button::before {
font-family: "dicefontd10"!important;
content: "K" !important;
}
.sheet-charStat-charInitiative button input{
width: 50% !important;
height: 100%;
z-index: -1;
cursor: pointer;
background: none;
/*text-align: center;*/
font-weight: 600;
font-size: 15px;
border: 0;
padding: 0;
}
.sheet-charStr{
margin-left: 7.9%;
margin-top: 64.7%;
}
.sheet-charInt{
margin-left: 42.5%;
margin-top: 64.6%;
}
.sheet-charCha{
margin-left: 75.5%;
margin-top: 64.6%;
}
.sheet-charSta{
margin-left: 8.2%;
margin-top: 111%;
/* kokee */
}
.sheet-charWil{
margin-left: 41.8%;
margin-top: 110.9%;
/* kokee */
}
.sheet-charDex{
margin-left: 8.6%;
margin-top: 157%;
}
.sheet-charWit{
margin-left: 42.8%;
margin-top: 156.9%;
/* kokee */
}
.sheet-charLck{
margin-left: 72.7%;
margin-top: 157.1%;
/* kokee */
}
.sheet-luck-column{
opacity: 1;
position: absolute;
/* margin: -19px; */
margin-left: 156%;
width: 31%;
height: 91%;
margin-top: -2%;
/*background-color: #00ffff52;*/
/* margin: 0; */
width: 48%;
height: 103%;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.sheet-LuckCHKBX{
opacity: 0;
position: relative;
align-self: center;
margin: 0%;
top: 1%;
/* opacity: 0; */
width: 93.1%;
height: 12.9% !important;
cursor: pointer;
z-index: 3;
}
.sheet-LuckCHKBX:checked{
opacity:1;
}
/*.sheet-LuckCHKBX + span:before{*/
/* font-family: "Pictos";*/
/* content:"D";*/
/*}*/
/*Bonus for attributes*/
.sheet-attributes-bonus-wrapper{
background: #dedede;
border: 4px ridge #5290a3a3;
border-inline-end-color: #5283a3;
border-inline-start-color: #61B0D4;
display: inline-block;
padding: 2px;
position: absolute;
margin-left: 34%;
margin-top: -8%;
z-index: 30;
border-radius: 9px;
}
.sheet-bonus-checkbox ~ div{
display: none;
}
.sheet-bonus-checkbox:checked ~ div{
display: block;
}
.sheet-bonus-fields-wrapper{
display: flex;
flex-flow: column nowrap;
}
.sheet-bonus-row{
display: flex;
flex-flow: row nowrap;
}
.sheet-bonus-field{
border: 2px solid #5290a3a3;
border-inline-end-color: #5283a3;
border-inline-start-color: #61B0D4;
display: inline-block;
text-align: center;
padding: 0px 4px 7px 4px;
margin: 2px;
width: 135px;
}
.sheet-bonus-fieldSK{
border: 2px solid #5290a3a3;
border-inline-end-color: #5283a3;
border-inline-start-color: #61B0D4;
display: inline-block;
text-align: center;
padding: 0px 4px 7px 4px;
margin: 2px;
width: 100px;
}
.sheet-bonus-field h4,
.sheet-bonus-fieldSK h4{
margin: 6px 0 10px 0;
}
.sheet-bonus-field label,
.sheet-bonus-fieldSK label{
padding: 5px;
display: inline;
}
.sheet-bonus-button{
display:none;
}
.sheet-bonus-button:checked + span
{
padding:5px;
border: 1px solid black;
opacity: 1;
}
.sheet-bonus-fieldSK .sheet-no-spinners,
.sheet-bonus-field .sheet-no-spinners{
text-align: center;
font-weight: 600;
}
/*
.sheet-charStat-checkbox-bonus + span
{
width: 100%;
height: 100%;
opacity: 1;
z-index: 1;
cursor: pointer;
content: url(https://i.imgur.com/gJL5rn4.png);
display: block;
background-color: red;
} */
/*end of Bonus for attr*/
.sheet-charStat-wrapper{
width: 11.41%;
height: 12.24%;
/* opacity: 0.5;
background-color: red; */
display: flex;
position: absolute;
}
.sheet-charStat-columnRight{
width: 50%;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.sheet-charStat-columnLeft{
width: 50%;
height: 100%;
display: flex;
flex-flow: column-reverse nowrap;
/* background-color: #fff; */
}
.sheet-charStat-columnRight div{
align-self: flex-end;
width: 76.10%;
/* height: 9.56%; */
}
.sheet-charStat-columnLeft div{
display: none;
width: 76.10%;
/* height: 9.56%; */
/* background-color: orange; */
/* align-self: center; */
margin-top: 12.3%;
margin-left: 4%;
/* margin-bottom: -9%; */
/* top: 0; */
/* padding: 0px; */
}
.sheet-resetDiv{
display: block!important;
}
.sheet-charStat-columnLeft div label{
/* width: 100%;
height: 100%; */
/* margin-top: 10%;
margin-left: 3%;
width: 76.10%;
height: 9.56%;
margin-right: 2%; */
/* background-color: green; */
}
.sheet-charStat-checkbox-bonus{ /*<------!*/
display: none;
}
.sheet-charStat-checkbox{ /*<------!*/
position: relative;
align-self: center;
margin: -21%;
top: 4%;
opacity: 0;
width: 93.1%;
height: 20.9% !important;
cursor: pointer;
z-index: 3;
/*border: 1px solid black;*/
}
.sheet-charStat-checkbox + span{ /*<---kokee---!*/
/*opacity: 1;
width: 39%;
height: 17%;
position: absolute;
content: "";
background-image: url(https://i.imgur.com/gJL5rn4.png);
background-size: 100%;
background-repeat: no-repeat;
margin-top: -23%;
margin-left: 10%;*/
}
.sheet-charStat-checkbox + span:before{ /*<----kokee--!*/
opacity: 0;
width: 39%;
height: 17%;
position: absolute;
content: "";
background-image: url(https://i.imgur.com/gJL5rn4.png);
background-size: 100%;
background-repeat: no-repeat;
margin-top: -23%;
margin-left: 10%;
}
.sheet-charStat-checkbox:checked + span:before, /*<------!*/
.sheet-charStat-checkbox:checked ~ .sheet-charStat-checkbox + span:before{
opacity: 1;
}
.sheet-charStat-checkbox-bonus + span
{
width: 100%;
/* height: 100%; */
opacity: 0;
z-index: 1;
cursor: pointer;
content: url(https://i.imgur.com/gJL5rn4.png);
display: block;
}
/*sheet-checkbox-reset sheet-brawl-reset*/
.sheet-health-reset-div{
position: absolute;
position: absolute;
width: 33%;
height: 23%;
margin-left: 14%;
margin-top: 3%;
}
.sheet-pain-reset-div{
position: absolute;
margin-left: 41%;
margin-top: 3%;
width: 33%;
height: 23%;
}
.sheet-shield-reset-div{
position: absolute;
width: 33%;
height: 20%;
margin-left: 68%;
margin-top: 3%;
}
.sheet-checkbox-reset{
opacity:0;
}
.sheet-brawl-reset{
opacity:0;
}
.sheet-health-reset{
opacity:0;
}
.sheet-pain-reset{
opacity:0;
}
.sheet-shield-reset{
opacity:0;
}
/*.sheet-health-reset + span:before,*/
/*.sheet-pain-reset + span:before,*/
/*.sheet-shield-reset + span:before{*/
/* opacity:0;*/
/*}*/
.sheet-checkbox-reset + span:before{
/*width: 22.4%;*/
/*height: 10.1%;*/
/*margin-top: -47%;*/
/*margin-left: -3%;*/
opacity: 0.5;
/*z-index: 1;*/
/*position: absolute;*/
/*cursor: pointer;*/
/*content: "";*/
/*background-image: url(https://i.imgur.com/J6tqxcz.png);*/
/*background-size: 103%;*/
/*background-repeat: no-repeat;*/
/*display: block;*/
/*filter: invert(27%) sepia(77%) saturate(3220%) hue-rotate(204deg) brightness(25%) contrast(102%);*/
/* -webkit-filter: grayscale(100%); */
/*background-color: rgba(22, 99, 139, 0.11);*/
/*border: 3px solid #0000007a;*/
/*border-radius: 50%;*/
font-family: 'Pictos';
content: "D";
}
/* .sheet-brawl-reset:checked + span:before{
opacity:1;
} */
.sheet-checkbox-reset:checked + span:before{
opacity:1;
}
/* .sheet-health-reset:checked{
opacity:0;
}
.sheet-pain-reset:checked,
.sheet-pain-checkbox-shield + span:before{
opacity:0;
}.sheet-shield-reset:checked,
.sheet-shield-checkbox-shield + span:before{
opacity:0;
}
*/
.sheet-skillBrawl{
width: 7.68%;
height: 15.5%;
margin-left: 7.1%;
margin-top: 17.3%;
}
.sheet-skillInvestigation{
width: 7.68%;
height: 15.5%;
margin-left: 21.3%;
margin-top: 17.3%;
}
.sheet-skillLarcency{
width: 7.68%;
height: 15.5%;
margin-left: 36.2%;
margin-top: 17.3%;
}
.sheet-skillMelee{
width: 7.68%;
height: 15.5%;
margin-left: 50.9%;
margin-top: 17.3%;
}
.sheet-skillStealth{
width: 7.68%;
height: 15.5%;
margin-left: 65.5%;
margin-top: 17.3%;
}
.sheet-skillSurvival{
width: 7.68%;
height: 15.5%;
margin-left: 80%;
margin-top: 17.3%;
}
.sheet-skillComputer{
width: 7.68%;
height: 15.5%;
margin-left: 7.1%;
margin-top: 54.4%;
}
.sheet-skillEngineering{
width: 7.68%;
height: 15.5%;
margin-left: 21.7%;
margin-top: 54.4%;
}
.sheet-skillExplosives{
width: 7.68%;
height: 15.5%;
margin-left: 36.2%;
margin-top: 54.4%;
}
.sheet-skillGunnery{
width: 7.68%;
height: 15.5%;
margin-left: 50.9%;
margin-top: 54.4%;
}
.sheet-skillMedicine{
width: 7.68%;
height: 15.5%;
margin-left: 65.5%;
margin-top: 54.4%;
}
.sheet-skillPilot{
width: 7.68%;
height: 15.5%;
margin-left: 80%;
margin-top: 54.4%;
}
.sheet-skillCommercial{
width: 7.68%;
height: 15.5%;
margin-left: 7.1%;
margin-top: 91.6%;
}
.sheet-skillEsteem{
width: 7.68%;
height: 15.5%;
margin-left: 21.7%;
margin-top: 91.6%;
}
.sheet-skillInstruction{
width: 7.68%;
height: 15.5%;
margin-left: 36.2%;
margin-top: 91.6%;
}
.sheet-skillIntimidation{
width: 7.68%;
height: 15.5%;
margin-left: 50.9%;
margin-top: 91.6%;
}
.sheet-skillPersuation{
width: 7.68%;
height: 15.5%;
margin-left: 65.5%;
margin-top: 91.6%;
}
.sheet-skillSeduction{
width: 7.68%;
height: 15.5%;
margin-left: 80%;
margin-top: 91.6%;
}
.sheet-form-wrapper{
width: 500px;
height: 200px;
overflow: scroll;
display: flex;
flex-flow: column;
}
.sheet-toggle ~ .sheet-form-unchecked{
display:none;
}
.sheet-toggle ~ .sheet-form-checked{
display: flex;
flex-flow: column;
}
.sheet-toggle:checked ~ .sheet-form-checked{
display:none;
}
.sheet-toggle:checked ~ .sheet-form-unchecked{
display:block;
}
.charsheet .sheet-form-wrapper .repcontainer{
order: 2;
overflow-y: scroll;
margin-right: -16.1px;
}
.charsheet .sheet-form-wrapper .repcontrol{
order: 1;
margin: 1% 1% 1% 2%;
/*align-self: self-start;*/
}
.charsheet .sheet-form-wrapper .repcontrol .repcontrol_add{
float:left;
}
.charsheet .sheet-form-wrapper .btn,
.sheet-equip-wrapper .btn{
background: none;
font-size: 9px;
min-width: 5rem;
padding: 0;
text-transform: uppercase;
font-weight: bold;
border: 2px solid #575757;
line-height: 14px;
}
.sheet-form-checked button[type=roll]:before {
font-family: "Pictos";
content: "w";
text-transform: none;
}
.sheet-form-checked span{
max-width: 96%;
margin-left: 2%;
box-sizing: content-box;
word-wrap: break-word;
white-space: normal;
margin-top: 2%;
margin-bottom: 3%;
}
.charsheet .sheet-form-unchecked textarea
{
max-width: 96%;
}
.charsheet .sheet-form-unchecked input{
width: 87%;
margin-left: 8%;
z-index: 2;
}
.charsheet .sheet-form-checked button[type=roll]{
width: 83%;
margin-left: 9%;
}
.sheet-form-checkbox{
width: 9%;
position: absolute;
}
.sheet-form-simpleDesc .sheet-form-checked{
width: 84%;
margin-left: 9%;
display: flex;
flex-flow: column;
}
.sheet-form-checkbox span::before{
font-family: 'Pictos';
content: 'y';
margin-left: -15.9px;
z-index: -2;
font-size: 1.2em;
}
.sheet-form-checkbox input{
width: 15px;
height: 15px;
opacity: 0;
margin-left: 3%;
}
.sheet-form-checkbox input:checked + span:before{
content: '3';
}
.sheet-form-implants{
width: 40.9%;
height: 45%;
display: flex;
flex-flow: column;
margin-left: 5%;
margin-top: 11%;
border: none;
overflow-y: hidden;
overflow-x: hidden;
}
.sheet-form-specialties{
width: 40.9%;
height: 45%;
display: flex;
flex-flow: column;
margin-left: 10%;
margin-top: 11%;
border: none;
overflow-y: hidden;
overflow-x: hidden;
}
.sheet-Credits{
width: 17%;
height: 6%;
margin-top: 3%;
margin-left: 53%;
}
.sheet-Credits input{
width: 100%;
}
.sheet-equip-wrapper{
width: 93%;
height: 88%;
margin-left: 5%;
/*margin-top: 14%;*/
margin-top: 3%;
display: flex;
flex-flow: column nowrap;
overflow-x: hidden;
overflow-y: hidden;
}
.sheet-equip-row{
display: flex;
height: 100%;
width: 100%;
justify-content: space-between;
background-color: #485a6c;
box-shadow: 0px 0px 9px 11px #485a6c;
}
.sheet-equip-row input{
background: #dfdfdf;
}
.sheet-eqp-name{
/*width: 64%*/
width: 55%;
}
.sheet-eqp-enc,
.sheet-eqp-dmg,
.sheet-eqp-kill{
width: 10%
}
.sheet-equip-wrapper .repcontrol{
/*order: 1;*/
/*width: 62.9%;*/
/*height: 9%;*/
/*padding: 0;*/
/*margin: 1%;*/
/*margin-bottom: 2%;*/
/*margin-left: 1%;*/
order: 1;
width: 60.9%;
height: 9%;
padding: 1% 1% 0 1%;
margin: 1%;
margin-bottom: 1%;
margin-left: 1%;
}
.sheet-equip-wrapper .repcontrol .repcontrol_add{
float: left;
}
.sheet-equip-wrapper .repcontainer{
order: 2;
padding: 0;
margin: 0;
height: 100%;
/*width: 104%;*/
display: flex;
flex-flow: column;
justify-content: flex-start;
overflow-y: scroll;
margin-right: -16.1px;
}
.sheet-equip-wrapper .repcontrol button{
height: 43%;
}
.sheet-equip-wrapper .repcontainer .repitem{
height: 8%;
margin-bottom: 3.5%;
}
.sheet-butteq{
width: 7%!important;
/* height: 2px!important; */
min-width: 0!important;
padding: 0!important;
font-size: 21px!important;
margin: 0!important;
border: 0!important;
background: #dfdfdf!important;
}
.sheet-butteq:before{
font-family: "Pictos"!important;
content: "w"!important;
text-transform: lowercase!important;
}
.sheet-character-background{
width: 85%;
height: 28%;
margin-left: 7%;
margin-top: 8%;
}
.sheet-character-background textarea{
width: 505px;
height: 184px;
max-width: 100%;
max-height: 100%;
background-color: transparent;
margin: 0px 0px 9px;
border: none;
}
/*HEALTH*/
.sheet-health-wrapper{
width: 75.21%;
height: 75.72%;
margin-top: 70%;
margin-left: 15%;
display: flex;
position: absolute;
z-index: 4;
}
.sheet-health-column1{
width: 18%;
height: 100%;
display: flex;
flex-flow: column-reverse nowrap;
justify-content: space-between;
}
.sheet-health-column2{
width: 17%;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.sheet-health-column3{
width: 18%;
height: 100%;
display: flex;
flex-flow: column-reverse nowrap;
justify-content: space-between;
}
.sheet-health-column4{
width: 17%;
height: 100%;
display: flex;
flex-flow: column-reverse nowrap;
}
.sheet-health-column5{
width: 18%;
height: 61.8%;
display: flex;
flex-flow: column-reverse nowrap;
justify-content: space-between;
}
.sheet-health-column6{
width: 12%;
height: 61.8%;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.sheet-health-checkbox,
.sheet-health-pain,
.sheet-health-checkbox-shield
{
position: relative;
align-self: center;
margin: -6%;
opacity: 0;
width: 107%;
height: 5.6% !important;
cursor: pointer;
z-index: 3;
margin-top: -20%;
}
.sheet-health-total,
.sheet-health-shield-total{
position: relative;
align-self: center;
margin: -50%;
opacity: 0;
width: 107%;
height: 5.6% !important;
cursor: pointer;
z-index: 3;
margin-top: -20%;
}
.sheet-health-total{width: 113%;}
.sheet-health-checkbox-shield,
.sheet-health-shield-total{
width: 106.4%;
height: 9% !important;
}
.sheet-health-checkbox + span:before,
.sheet-health-total + span:before,
.sheet-health-checkbox-pain + span:before,
.sheet-health-checkbox-shield + span:before,
.sheet-health-shield-total + span:before
{
content: "";
background-image: url(https://i.imgur.com/J6tqxcz.png);
margin-top: 0%;
width: 81.9%;
height: 4.3%;
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
z-index: -1;
position: absolute;
}
.sheet-health-total + span:before,
.sheet-health-shield-total + span:before{
content: "";
background-image: url(https://i.imgur.com/Mw7RSaF.png);
margin-top: -16%;
width: 81.9%;
height: 4.3%;
background-size: contain;
background-repeat: no-repeat;
/*opacity: 1;*/
opacity: 0;
z-index: -1;
position: absolute;
}
.sheet-health-checkbox:checked + span:before,
/*.sheet-health-checkbox:checked ~ .sheet-health-checkbox + span:before,*/
/*.sheet-health-checkbox-pain:checked ~ .sheet-health-checkbox-pain + span:before,*/
.sheet-health-checkbox-shield:checked + span:before
/*.sheet-health-checkbox-shield:checked ~ .sheet-health-checkbox-shield + span:before*/
{
opacity: 1;
}
/*.sheet-health-total:checked ~ .sheet-health-total + span:before,*/
/*.sheet-health-shield-total:checked ~ .sheet-health-shield-total + span:before*/
/* {*/
/* opacity: 0;*/
/*}*/
.sheet-health-total:checked + span:before,
.sheet-health-shield-total:checked + span:before
{
opacity: 1;
}
/*HEALTH*/
.sheet-rolltemplate-simplDesc table,
.sheet-rolltemplate-equip table{
min-width: 200px;
width: 85%;
padding: 2px;
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
}
.sheet-rolltemplate-simplDesc th,
.sheet-rolltemplate-equip th{
color: rgb(233, 223, 151);
background-color: rgb(63, 32, 33);
padding-left: 5px;
line-height: 1.1em;
font-size: 1em;
text-align: left;
font-family: "Arial", Helvetica, sans-serif;
text-transform: uppercase;
word-wrap: break-word;
word-break: break-word;
white-space: normal;
}
.sheet-rolltemplate-equip th{
text-align: center;
}
.sheet-rolltemplate-simplDesc td,
.sheet-rolltemplate-equip td{
padding-left: 5px;
font-size: 0.9em;
word-wrap: break-word;
word-break: break-word;
white-space: normal;
}
/*.sheet-rolltemplate-tdN*/
.sheet-rolltemplate-equip td{
font-size: 1.0em;
font-weight: 900;
}
.sheet-rolltemplate-roll td{
padding-left: 10px;
font-size: 1em;
word-wrap: break-word;
word-break: break-word;
white-space: normal;
font-weight: 600;
}
.sheet-rolltemplate-tdN{
text-align: end;
width: 50%;
padding-right: 9px;;
}
Reference in New Issue View Git Blame Copy Permalink