Update sheet.css

This commit is contained in:
Tomáš Macek
2020-11-15 22:24:12 +01:00
committed by GitHub
parent 3b7bdaa19c
commit 15e7ea0d4f
+343 -97
View File
@@ -1,35 +1,44 @@
/* Roll20 Official public Repository */
/* My Own Repository for Testing */
.sheet-pc,
.sheet-npc {
display: none; }
.sheet-npc_toggle[value="0"] ~ .sheet-pc,
.sheet-npc_toggle[value="1"] ~ .sheet-npc {
display: block; }
.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_extra {
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_extra {
display: grid;}
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_vybava{
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_extra {
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_selector button.sheet-pc_vybava{
background-color: transparent;
font-weight: bold;
border: none;
}
/*-------------------------------------------------*/
label {
margin: 5px 0px 5px 0px;
@@ -134,8 +143,67 @@ button[type="roll"]:not(.sheet-small)::before{
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: 1fr 3fr;
grid-template-areas: "npc_name npc_stav"
"npc_name npc_info"
"npc_name npc_info"
"npc_name npc_info";
grid-gap: 6px;
/* width: 650px; Defines the width and height of the sheet*/
height: 600px;
}
div.sheet-npc_name{
grid-area: npc_name;
padding-top: 5px;
width:400px;
margin-bottom:25px;
}
div.sheet-npc_name input{
/*background-color:#CCCCCC;*/
height:25px;
width:500px;
min-width:50px;
}
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:300px;
height:300px;
}
div.sheet-npc_info textarea{
width:100%;
height:100%;
}
div.sheet-pc {
min-width:500px;
min-width:600px;
}
div.sheet-pc_hlavicka {
@@ -215,10 +283,19 @@ div.sheet-pc_akce .sheet-setradio div{
/* background-color:#CCCCCC;*/
}
div.sheet-pc_akce .sheet-ucoc span:not(.sheet-small){
div.sheet-hodnoty{
height:45px;
margin:0px,0px,0px,0px;
}
div.sheet-hodnoty span.sheet-ucoc{
font-size: 1.6em;
min-width: 30px;
/* background-color:#CCCCCC;*/
width: 45px;
}
div.sheet-hodnoty label{
width:45px;
height:10px;
text-align:center;
margin-top:-5px;
}
div.sheet-pc_selector{
@@ -236,6 +313,7 @@ div.sheet-pc_main{
"pc_staty pc_strel"
"pc_staty pc_zbroj";
grid-gap: 6px;
/* width: 650px; Defines the width and height of the sheet*/
}
@@ -245,27 +323,46 @@ div.sheet-pc_stats{
/* margin-left:15px;*/
}
div.sheet-pc_stats .sheet-mezi label{
font-size: 0.9em;
margin-left:5px;
width:110px;
}
div.sheet-pc_stats .sheet-vlastnost label{
width:100px;
}
div.sheet-pc_stats .sheet-vlastnost span{
width:20px;
text-align:right;
}
div.sheet-pc_stats .sheet-hledani label{
width:160px;
width:100px;
}
.sheet-hledani input{
font-size: 1.3em;
text-align:right;
}
div.sheet-pc_stats div.sheet-mezi{
margin-top:10px;
/* 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,
@@ -286,6 +383,25 @@ 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;
@@ -326,6 +442,68 @@ input[type = checkbox].sheet-2h {
}
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;
}
@@ -356,126 +534,194 @@ input[type = checkbox].sheet-2h {
.sheet-rolltemplate-Hledani .sheet-container,
.sheet-rolltemplate-Utok .sheet-container,
.sheet-rolltemplate-Obrana .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: 200px;
width: 189px;
}
.sheet-rolltemplate-Hledani .sheet-container h1,
.sheet-rolltemplate-Utok .sheet-container h1,
.sheet-rolltemplate-Obrana .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-Hledani div,
.sheet-rolltemplate-Utok div,
.sheet-rolltemplate-Obrana 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-Hledani span,
.sheet-rolltemplate-Utok span,
.sheet-rolltemplate-Obrana 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: right;
width:80px;
}
.sheet-rolltemplate-Hledani label,
.sheet-rolltemplate-Utok label,
.sheet-rolltemplate-Obrana label {
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
font-variant: small-caps;
line-height: 1.6em;
padding-left: 5px;
text-align: right;
width:60px;
text-align: left;
}
.sheet-rolltemplate-Hledani .sheet-subheader,
.sheet-rolltemplate-Utok .sheet-subheader,
.sheet-rolltemplate-Obrana .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;
/* font-style: italic;*/
}
.sheet-rolltemplate-Hledani .sheet-arrow-right,
.sheet-rolltemplate-Utok .sheet-arrow-right,
.sheet-rolltemplate-Obrana .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: 190px solid rgb(126, 45, 64);
border-left: 180px solid rgb(126, 45, 64);
border-top: 2px solid transparent;
}
.sheet-rolltemplate-Hledani .sheet-tcat,
.sheet-rolltemplate-Utok .sheet-tcat,
.sheet-rolltemplate-Obrana .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;
width:80px;
}
.sheet-rolltemplate-Hledani .sheet-rowcolor,
.sheet-rolltemplate-Utok .sheet-rowcolor,
.sheet-rolltemplate-Obrana .sheet-rowcolor{
display: flex;
align-items: center;
.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-Hledani .inlinerollresult,
.sheet-rolltemplate-Utok .inlinerollresult,
.sheet-rolltemplate-Obrana .inlinerollresult {
.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-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-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-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-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-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-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-Past .inlinerollresult ,
.sheet-rolltemplate-k10Vlastnost .inlinerollresult ,
.sheet-rolltemplate-Obrana .inlinerollresult ,
.sheet-rolltemplate-Utok .inlinerollresult ,
.sheet-rolltemplate-Hledani .inlinerollresult {
background-color: #ffffff;
border: none;
}
/* margin-right:-20px;
<div class="thlavicka" > <span class="tcat">Objekty: </span><br><span class="tcat">Mechanismy: </span></div>
<div class="tvysledky" > {{Obj}}% <br> {{Mech}}% </div>
*/
.sheet-rolltemplate-Hledani .inlinerollresult.fullcrit,
.sheet-rolltemplate-Utok .inlinerollresult.fullcrit,
.sheet-rolltemplate-Obrana .inlinerollresult.fullcrit {
/*
.sheet-rolltemplate-5eAttack .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-Hledani .inlinerollresult.fullfail,
.sheet-rolltemplate-Utok .inlinerollresult.fullfail,
.sheet-rolltemplate-Obrana .inlinerollresult.fullfail {
.sheet-rolltemplate-5eAttack .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-Hledani .inlinerollresult.importandivoll,
.sheet-rolltemplate-Utok .inlinerollresult.importandivoll,
.sheet-rolltemplate-Obrana .inlinerollresult.importandivoll {
.sheet-rolltemplate-5eAttack .inlinerollresult.importandivoll {
color: #4A57ED;
border: none;
}
*/
.sheet-repeating-fields {
counter-reset: sheet-rep-items;
}
.sheet-counter::before {
counter-increment: sheet-rep-items;
content: counter(sheet-rep-items) '. ';
}
}