Files
roll20-character-sheets/Draci_Doupe_PPP/sheet.css
T
2020-11-22 00:27:22 +01:00

846 lines
18 KiB
CSS

/* Roll20 Official public Repository */
/* My Own Repository for Testing */
.sheet-pc,
.sheet-npc,
.sheet-pc_bojaddtvt_select,
.sheet-pc_bojaddzbroj_select,
.sheet-pc_bojaddstrel_select,
div.sheet-rolltemplates,
div.sheet-pc_main,
div.sheet-pc_schopnosti,
div.sheet-pc_vybava,
div.sheet-pc_pozn {
display: none;
}
.sheet-pc_bojaddtvt_toggle[value="1"] ~ div.sheet-pc_bojaddtvt_select,
.sheet-pc_bojaddzbroj_toggle[value="1"] ~ div.sheet-pc_bojaddzbroj_select,
.sheet-pc_bojaddstrel_toggle[value="1"] ~ div.sheet-pc_bojaddstrel_select,
.sheet-npc_toggle[value="0"] ~ .sheet-pc,
.sheet-npc_toggle[value="1"] ~ .sheet-npc {
display: block;
}
.sheet-pc_toggle_page[value="0"] ~ div.sheet-pc_main,
.sheet-pc_toggle_page[value="1"] ~ div.sheet-pc_schopnosti,
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_vybava,
.sheet-pc_toggle_page[value="3"] ~ div.sheet-pc_pozn{
display: grid;
}
.sheet-pc_toggle_page[value="0"] ~ div.sheet-pc_selector button.sheet-pc_main,
.sheet-pc_toggle_page[value="1"] ~ div.sheet-pc_selector button.sheet-pc_schopnosti,
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_selector button.sheet-pc_vybava,
.sheet-pc_toggle_page[value="3"] ~ div.sheet-pc_selector button.sheet-pc_pozn{
background-color: transparent;
font-weight: bold;
border: none;
}
/*-------------------------------------------------*/
label {
margin: 5px 0px 5px 0px;
font-size: 1.1em;
}
/* --------- Inputs ------------- */
input[type="text"] {
background-color: transparent;
border-style: none none solid none;
border-color: black;
}
input[type="number"] {
background-color: transparent;
border: none;
}
textarea {
background-color: transparent;
width: 89%;
height: 70%;
margin-right: 15px;
}
input[type="checkbox"].sheet-checkbox {
border-style: solid black;
border-radius: 0px;
}
textarea:focus,
input[type="text"]:focus,
input[type="number"]:focus{
background-color: #F6CED8;
}
select {
background-color: transparent;
border-style: none none solid none;
border-color: black;
height: 70%;
}
/* -----Hides up/down buttons on numberfields that don't need them ---*/
input[type=number].sheet-ref::-webkit-inner-spin-button,
input[type=number].sheet-ref::-webkit-outer-spin-button,
input[type=number].sheet-txtfield::-webkit-inner-spin-button,
input[type=number].sheet-txtfield::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number].sheet-ref,
input[type=number].sheet-txtfield {
-moz-appearance: textfield;
}
/* ------- Buttons ---------- */
button[type="roll"]:not(.sheet-small){
color: black;
height: 30px;
width: 30px;
margin-left: 15px;
}
button[type="roll"]:not(.sheet-small)::before{
font-size: 1.4em;
}
/* --------- General Section Styling ------------- */
.sheet-flex-center {
display: flex;
align-items: center;
}
.sheet-flex-middle {
display: flex;
justify-content: center;
}
.sheet-flex-down {
flex-flow: column nowrap;
}
.sheet-container {
/* width: 750px;*/
background-color: white;
/* position: relative; */
border: 1px solid black;
margin: 0px;
padding: 5px;
min-width: 90%;
}
.sheet-section {
padding: 5px;
/* min-height: 90%;
background-color: white;
border: 1px solid red;*/
}
div{
/* border: 1px solid red;*/
}
div.sheet-npc {
min-width:600px;
}
div.sheet-npc_main {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 0.2fr 0.5fr 0.5fr 0.5fr;
grid-template-areas: "npc_name npc_stav"
"npc_name npc_utok"
"npc_name npc_zbroj"
"npc_info npc_info";
grid-gap: 6px;
min-width: 800px; /*Defines the width and height of the sheet*/
height: auto;
}
div.sheet-npc_name{
grid-area: npc_name;
padding-top: 5px;
width:400px;
margin-bottom:25px;
height: auto;
}
div.sheet-npc_name input{
/*background-color:#CCCCCC;*/
/* height:25px; */
width:400px;
min-width:40px;
}
div.sheet-npc_name label{
width:80px;
text-align:right;
/*background-color:#CC9999;*/
}
div.sheet-npc_stav{
grid-area: npc_stav;
padding-top: 5px;
width:200px;
margin-bottom:25px;
}
div.sheet-npc_info{
grid-area: npc_info;
width:auto;
}
.sheet-npc_vlastnost{
height:28px;
}
.sheet-repeat{
height:auto;
}
.sheet-npc_vlastnost input,
.sheet-npc_vlastnost select,
.sheet-npc_vlastnost span{
font-size: 1em;
text-align:right;
}
.sheet-npc_vlastnost input,
.sheet-npc_vlastnost label,
.sheet-npc_vlastnost select,
.sheet-npc_vlastnost span{
vertical-align: baseline;
}
.sheet-npc_vlastnost select{
margin:0px;
padding:0px;
border-style: none none none none;
width:80px;
}
.sheet-npc_vlastnost input[type="number"]{
width:2em;
}
.sheet-npc_vlastnost input[type="text"]{
width:350px;
text-align:center;
}
.sheet-npc_vlastnost span{
margin-right:20px;
width:20px;
}
div.sheet-npc_utok{
grid-area: npc_utok;
width:380px;
height:150px;
}
div.sheet-npc_zbroj{
grid-area: npc_zbroj;
width:380px;
padding-bottom:25px;
height:150px;
}
div.sheet-pc {
min-width:600px;
}
div.sheet-pc_hlavicka {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 2fr;
grid-template-areas:"pc_name pc_stav pc_akce";
grid-gap: 6px;
/* width: 650px; Defines the width and height of the sheet*/
height: 110px;
}
div.sheet-pc_name{
grid-area: pc_name;
padding-top: 5px;
width:250px;
margin-bottom:25px;
}
div.sheet-pc_name select{
width:300px;
}
div.sheet-pc_name select.sheet-velikost{
width:50px;
}
div.sheet-pc_stav{
grid-area: pc_stav;
padding-top: 5px;
width:240px;
margin-bottom:25px;
}
div.sheet-pc_stav input{
font-size: 1.4em;
}
div.sheet-pc_stav label{
font-size: 0.6em;
}
div.sheet-pc_stav span{
margin-right:10px;
}
div.sheet-pc_akce{
grid-area: pc_akce;
margin-top: -20px;
width:300px;
}
div.sheet-pc_akce button[type="roll"]{
margin-left: 0px;
padding-right: 50px;
margin-right: 15px;
}
div.sheet-pc_akce button[type="roll"].sheet-btnObrana{
padding-right: 0px;
width:35px;
}
div.sheet-pc_akce input[type="radio"]{
margin-left: 0px;
}
div.sheet-pc_akce button.sheet-iniciativa{
margin-left: 40px;
padding-right: 60px;
margin-right:0px;
}
div.sheet-pc_akce input{
margin-left: 8px;
padding-right: 50px;
margin-bottom: 0px;
}
div.sheet-pc_akce label{
margin-bottom: 18px;
margin-left: -15px;
font-size: 0.6em;
}
div.sheet-pc_akce .sheet-setradio div{
margin-left: -10px;
min-width: 80px;
/* background-color:#CCCCCC;*/
}
div.sheet-hodnoty{
height:45px;
margin:0px,0px,0px,0px;
}
div.sheet-hodnoty span.sheet-ucoc{
font-size: 1.6em;
width: 45px;
}
div.sheet-hodnoty label{
width:45px;
height:10px;
text-align:center;
margin-top:-5px;
}
div.sheet-pc_selector{
background-color:#DDD;
}
div.sheet-pc_selector button{
margin: 2px 5px 2px 5px;
}
div.sheet-pc_main{
/* display: grid;*/
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr 0.5fr 0.5fr;
grid-template-areas:"pc_staty pc_tvt"
"pc_staty pc_strel"
"pc_staty pc_zbroj";
grid-gap: 6px;
/* width: 650px; Defines the width and height of the sheet*/
}
div.sheet-pc_stats{
grid-area: pc_staty;
width:245px;
/* margin-left:15px;*/
}
div.sheet-pc_stats .sheet-vlastnost label{
width:100px;
}
div.sheet-pc_stats .sheet-vlastnost span{
width:20px;
}
div.sheet-pc_stats .sheet-hledani label{
width:100px;
}
.sheet-hledani input{
font-size: 1.3em;
text-align:right;
}
div.sheet-pc_stats div.sheet-mezi{
/* margin-top:10px;*/
background-color:#EEE;
}
div.sheet-pc_stats div.sheet-mezi button{
width:60px;
margin-left:5px;
height:20px;
/* background-color:#EEE;*/
}
div.sheet-pc_stats .sheet-mezi label{
font-size: 0.9em;
margin-left:5px;
width:100px;
}
div.sheet-pc_stats .sheet-mezi span{
font-size: 0.6em;
margin-left:5px;
}
.sheet-vlastnost input,
.sheet-vlastnost span{
font-size: 1.6em;
text-align:right;
}
div.sheet-pohyb span,
div.sheet-pohyb input,
div.sheet-pohyb label {
font-size: 0.75em;
padding-right:5px;
margin-left:5px;
margin-top:-7px;
}
div.sheet-pohyb span{
width:20px;
}
div.sheet-pohyb span.sheet-vaha{
width:55px;
}
div.sheet-pohyb label {
width:40px;
}
div.sheet-pc_bojaddtvt_select,
div.sheet-pc_bojaddzbroj_select,
div.sheet-pc_bojaddstrel_select {
margin-right:-180px;
width:180px;
z-index:1;
}
div.sheet-pc_bojaddtvt_select select,
div.sheet-pc_bojaddzbroj_select select,
div.sheet-pc_bojaddstrel_select select{
background-color:#F6CED8;
height:22px;
width:180px;
margin-top:8px;
padding-top:-10px;
}
div.sheet-pc_tvt{
grid-area: pc_tvt;
padding-top: 5px;
/* width:200px;*/
}
div.sheet-pc_strel{
grid-area: pc_strel;
padding-top: 5px;
/* width:200px;*/
}
div.sheet-pc_zbroj{
grid-area: pc_zbroj;
padding-top: 5px;
/* width:200px;*/
}
div.sheet-radek {
background-color: transparent;
border-style: none none solid none;
border-color: #EEE;
border-radius: 0px;
}
div.sheet-popisky{
background-color:#EEE;
height:20px;
}
div.sheet-popisky label{
margin-left:10px;
width:25px;
}
div.sheet-popisky label.sheet-jmeno{
margin-left:10px;
width:160px;
}
input[type = checkbox].sheet-2h {
margin-right: 25px;
}
div.sheet-pc_vybava {
min-width:600px;
}
div.sheet-pc_vybava_main {
display: grid;
grid-template-columns: 2fr 2fr 1fr;
grid-template-rows: 0.5fr 1fr;
grid-template-areas: "pc_vybava_mince pc_vybava_vybaveni pc_vybava_pozn"
"pc_vybava_poklad pc_vybava_vybaveni pc_vybava_pozn";
grid-gap: 6px;
/* width: 650px; Defines the width and height of the sheet*/
}
div.sheet-pc_vybava_mince{
grid-area: pc_vybava_mince;
padding-top: 5px;
/* width:200px;*/
}
div.sheet-pc_vybava_poklad{
grid-area: pc_vybava_poklad;
padding-top: 5px;
/* width:200px;*/
}
div.sheet-pc_vybava_vybaveni{
grid-area: pc_vybava_vybaveni;
padding-top: 5px;
/* width:200px;*/
}
div.sheet-pc_vybava_pozn{
grid-area: pc_vybava_pozn;
padding-top: 5px;
height: 300px;
/* width:200px;*/
}
div.sheet-pc_sch_main {
display: grid;
grid-template-columns: 1fr 2fr 2fr;
grid-template-rows: 1fr 10fr;
grid-template-areas: "pc_sch_dovednost pc_sch_pozn1 pc_sch_pozn2"
"pc_sch_dovednost pc_sch_pozn1 pc_sch_pozn2";
grid-gap: 6px;
vertical-align:top;
/* width: 650px; Defines the width and height of the sheet*/
}
div.sheet-pc_sch_dovednost{
grid-area: pc_sch_dovednost;
padding-top: 5px;
}
div.sheet-pc_sch_pozn1{
grid-area: pc_sch_pozn1;
padding-top: 5px;
}
div.sheet-pc_sch_pozn2{
grid-area: pc_sch_pozn2;
padding-top: 5px;
}
div.sheet-pc_pozn_main {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "pc_pozn_souhrn pc_pozn_vzhled"
"pc_pozn_souhrn pc_pozn_pribeh";
grid-gap: 6px;
vertical-align:top;
/* width: 650px; Defines the width and height of the sheet*/
}
div.sheet-pc_pozn_souhrn{
grid-area: pc_pozn_souhrn;
padding-top: 5px;
}
div.sheet-pc_pozn_vzhled{
grid-area: pc_pozn_vzhled;
padding-top: 5px;
}
div.sheet-pc_pozn_pribeh{
grid-area: pc_pozn_pribeh;
padding-top: 5px;
}
div.sheet-hlabel-container div{
width:50px;
}
.sheet-rolltemplate-NPCObrana .sheet-container ,
.sheet-rolltemplate-NPCUtok .sheet-container ,
.sheet-rolltemplate-Bojovnost .sheet-container ,
.sheet-rolltemplate-Past .sheet-container ,
.sheet-rolltemplate-k10Vlastnost .sheet-container ,
.sheet-rolltemplate-Obrana .sheet-container ,
.sheet-rolltemplate-Utok .sheet-container ,
.sheet-rolltemplate-Hledani .sheet-container {
background-color: #ffffff;
border: 1px solid;
padding: 2px;
width: 189px;
}
.sheet-rolltemplate-NPCObrana .sheet-container h1 ,
.sheet-rolltemplate-NPCUtok .sheet-container h1 ,
.sheet-rolltemplate-Bojovnost .sheet-container h1 ,
.sheet-rolltemplate-Past .sheet-container h1 ,
.sheet-rolltemplate-k10Vlastnost .sheet-container h1 ,
.sheet-rolltemplate-Obrana .sheet-container h1 ,
.sheet-rolltemplate-Utok .sheet-container h1 ,
.sheet-rolltemplate-Hledani .sheet-container h1 {
color: rgb(126, 45, 64);
font-size: 1.2em;
font-variant: small-caps;
line-height: 20px;
}
.sheet-rolltemplate-NPCObrana div ,
.sheet-rolltemplate-NPCUtok div ,
.sheet-rolltemplate-Bojovnost div ,
.sheet-rolltemplate-Past div ,
.sheet-rolltemplate-k10Vlastnost div ,
.sheet-rolltemplate-Obrana div ,
.sheet-rolltemplate-Utok div ,
.sheet-rolltemplate-Hledani div {
padding: 2px;
/* border: 1px solid red;*/
};
.sheet-rolltemplate-NPCObrana span ,
.sheet-rolltemplate-NPCUtok span ,
.sheet-rolltemplate-Bojovnost span ,
.sheet-rolltemplate-Past span ,
.sheet-rolltemplate-k10Vlastnost span ,
.sheet-rolltemplate-Obrana span ,
.sheet-rolltemplate-Utok span ,
.sheet-rolltemplate-Hledani span {
color: rgb(126, 45, 64);
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
font-variant: small-caps;
line-height: 1.6em;
padding-left: 5px;
text-align: left;
}
.sheet-rolltemplate-NPCObrana .sheet-subheader ,
.sheet-rolltemplate-NPCUtok .sheet-subheader ,
.sheet-rolltemplate-Bojovnost .sheet-subheader ,
.sheet-rolltemplate-Past .sheet-subheader ,
.sheet-rolltemplate-k10Vlastnost .sheet-subheader ,
.sheet-rolltemplate-Obrana .sheet-subheader ,
.sheet-rolltemplate-Utok .sheet-subheader ,
.sheet-rolltemplate-Hledani .sheet-subheader {
color: #000;
font-size: 1em;
/* font-style: italic;*/
}
.sheet-rolltemplate-NPCObrana .sheet-arrow-right ,
.sheet-rolltemplate-NPCUtok .sheet-arrow-right ,
.sheet-rolltemplate-Bojovnost .sheet-arrow-right ,
.sheet-rolltemplate-Past .sheet-arrow-right ,
.sheet-rolltemplate-k10Vlastnost .sheet-arrow-right ,
.sheet-rolltemplate-Obrana .sheet-arrow-right ,
.sheet-rolltemplate-Utok .sheet-arrow-right ,
.sheet-rolltemplate-Hledani .sheet-arrow-right {
border-bottom: 2px solid transparent;
border-left: 180px solid rgb(126, 45, 64);
border-top: 2px solid transparent;
}
.sheet-rolltemplate-NPCObrana .sheet-tcat ,
.sheet-rolltemplate-NPCUtok .sheet-tcat ,
.sheet-rolltemplate-Bojovnost .sheet-tcat ,
.sheet-rolltemplate-Past .sheet-tcat ,
.sheet-rolltemplate-k10Vlastnost .sheet-tcat ,
.sheet-rolltemplate-Obrana .sheet-tcat ,
.sheet-rolltemplate-Utok .sheet-tcat ,
.sheet-rolltemplate-Hledani .sheet-tcat {
font-style: italic;
}
.sheet-rolltemplate-NPCObrana .sheet-rowcolor ,
.sheet-rolltemplate-NPCUtok .sheet-rowcolor ,
.sheet-rolltemplate-Bojovnost .sheet-rowcolor ,
.sheet-rolltemplate-Past .sheet-rowcolor ,
.sheet-rolltemplate-k10Vlastnost .sheet-rowcolor ,
.sheet-rolltemplate-Obrana .sheet-rowcolor ,
.sheet-rolltemplate-Utok .sheet-rowcolor ,
.sheet-rolltemplate-Hledani .sheet-rowcolor {
font-style: italic;
width:100%;
}
.sheet-rolltemplate-NPCObrana .sheet-rowsmall ,
.sheet-rolltemplate-NPCUtok .sheet-rowsmall ,
.sheet-rolltemplate-Bojovnost .sheet-rowsmall ,
.sheet-rolltemplate-Past .sheet-rowsmall ,
.sheet-rolltemplate-k10Vlastnost .sheet-rowsmall ,
.sheet-rolltemplate-Obrana .sheet-rowsmall ,
.sheet-rolltemplate-Utok .sheet-rowsmall ,
.sheet-rolltemplate-Hledani .sheet-rowsmall {
font-size: 0.7em;
width:100%;
height:10px;
white-space: nowrap;
}
.sheet-rolltemplate-NPCObrana .sheet-big ,
.sheet-rolltemplate-NPCUtok .sheet-big ,
.sheet-rolltemplate-Bojovnost .sheet-big ,
.sheet-rolltemplate-Past .sheet-big ,
.sheet-rolltemplate-k10Vlastnost .sheet-big ,
.sheet-rolltemplate-Obrana .sheet-big ,
.sheet-rolltemplate-Utok .sheet-big ,
.sheet-rolltemplate-Hledani .sheet-big {
font-size: 1.3em;
font-weight: bold;
min-width:25px;
}
.sheet-rolltemplate-NPCObrana .sheet-nowrap ,
.sheet-rolltemplate-NPCUtok .sheet-nowrap ,
.sheet-rolltemplate-Bojovnost .sheet-nowrap ,
.sheet-rolltemplate-Past .sheet-nowrap ,
.sheet-rolltemplate-k10Vlastnost .sheet-nowrap ,
.sheet-rolltemplate-Obrana .sheet-nowrap ,
.sheet-rolltemplate-Utok .sheet-nowrap ,
.sheet-rolltemplate-Hledani .sheet-nowrap {
white-space: nowrap;
}
.sheet-rolltemplate-NPCObrana div.sheet-doprava ,
.sheet-rolltemplate-NPCUtok div.sheet-doprava ,
.sheet-rolltemplate-Bojovnost div.sheet-doprava ,
.sheet-rolltemplate-Past div.sheet-doprava ,
.sheet-rolltemplate-k10Vlastnost div.sheet-doprava ,
.sheet-rolltemplate-Obrana div.sheet-doprava ,
.sheet-rolltemplate-Utok div.sheet-doprava ,
.sheet-rolltemplate-Hledani div.sheet-doprava {
text-align:right;
}
.sheet-rolltemplate-NPCObrana div.sheet-thlavicka,
.sheet-rolltemplate-NPCUtok div.sheet-thlavicka,
.sheet-rolltemplate-Bojovnost div.sheet-thlavicka,
.sheet-rolltemplate-Past div.sheet-thlavicka,
.sheet-rolltemplate-k10Vlastnost div.sheet-thlavicka,
.sheet-rolltemplate-Obrana div.sheet-thlavicka,
.sheet-rolltemplate-Utok div.sheet-thlavicka,
.sheet-rolltemplate-Hledani div.sheet-thlavicka {
width:90px;
}
.sheet-rolltemplate-NPCObrana div.sheet-tvysledky,
.sheet-rolltemplate-NPCUtok div.sheet-tvysledky,
.sheet-rolltemplate-Bojovnost div.sheet-tvysledky,
.sheet-rolltemplate-Past div.sheet-tvysledky,
.sheet-rolltemplate-k10Vlastnost div.sheet-tvysledky,
.sheet-rolltemplate-Obrana div.sheet-tvysledky,
.sheet-rolltemplate-Utok div.sheet-tvysledky,
.sheet-rolltemplate-Hledani div.sheet-tvysledky {
width:60px;
text-align:right;
}
.sheet-rolltemplate-NPCObrana div.sheet-flex-center ,
.sheet-rolltemplate-NPCUtok div.sheet-flex-center ,
.sheet-rolltemplate-Bojovnost div.sheet-flex-center ,
.sheet-rolltemplate-Past div.sheet-flex-center ,
.sheet-rolltemplate-k10Vlastnost div.sheet-flex-center ,
.sheet-rolltemplate-Obrana div.sheet-flex-center ,
.sheet-rolltemplate-Utok div.sheet-flex-center ,
.sheet-rolltemplate-Hledani div.sheet-flex-center {
display: flex;
align-items: center;
}
.sheet-rolltemplate-NPCObrana .inlinerollresult ,
.sheet-rolltemplate-NPCUtok .inlinerollresult ,
.sheet-rolltemplate-Bojovnost .inlinerollresult ,
.sheet-rolltemplate-Past .inlinerollresult ,
.sheet-rolltemplate-k10Vlastnost .inlinerollresult ,
.sheet-rolltemplate-Obrana .inlinerollresult ,
.sheet-rolltemplate-Utok .inlinerollresult ,
.sheet-rolltemplate-Hledani .inlinerollresult {
background-color: #ffffff;
border: none;
}
.sheet-repeating-fields {
counter-reset: sheet-rep-items;
}
.sheet-counter::before {
counter-increment: sheet-rep-items;
content: counter(sheet-rep-items) '. ';
}
}