diff --git a/Draci_Doupe_PPP/sheet.css b/Draci_Doupe_PPP/sheet.css index e7ba066cf0..aec38ab816 100644 --- a/Draci_Doupe_PPP/sheet.css +++ b/Draci_Doupe_PPP/sheet.css @@ -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; +