From 86a4e9f4152e089959ba6f7cf82025eeae4d1b27 Mon Sep 17 00:00:00 2001 From: AdrTru <32328962+AdrTru@users.noreply.github.com> Date: Sun, 8 Nov 2020 19:37:36 +0100 Subject: [PATCH] Create sheet.css --- Draci_Doupe_PPP/sheet.css | 481 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 481 insertions(+) create mode 100644 Draci_Doupe_PPP/sheet.css diff --git a/Draci_Doupe_PPP/sheet.css b/Draci_Doupe_PPP/sheet.css new file mode 100644 index 0000000000..e7ba066cf0 --- /dev/null +++ b/Draci_Doupe_PPP/sheet.css @@ -0,0 +1,481 @@ +/* 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; } + +div.sheet-pc_main, +div.sheet-pc_schopnosti, +div.sheet-pc_vybava, +div.sheet-pc_extra { + display: none; +} + +.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="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 { + 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.sheet-pc { + min-width:500px; +} + +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; + padding-top: 5px; + width:300px; +} + +div.sheet-pc_akce button[type="roll"]{ + margin-left: 0px; + padding-right: 50px; + margin-right: 20px; +} + +div.sheet-pc_akce button.sheet-iniciativa{ + margin-left: 65px; + padding-right: 60px; +} + +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-pc_akce .sheet-ucoc span:not(.sheet-small){ + font-size: 1.6em; + min-width: 30px; + /* background-color:#CCCCCC;*/ +} + +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-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; +} +div.sheet-pc_stats div.sheet-mezi{ + margin-top:10px; + background-color:#EEE; +} + + + +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_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; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +.sheet-rolltemplate-Hledani .sheet-container, +.sheet-rolltemplate-Utok .sheet-container, +.sheet-rolltemplate-Obrana .sheet-container { + background-color: #ffffff; + border: 1px solid; + padding: 2px; + width: 200px; +} + +.sheet-rolltemplate-Hledani .sheet-container h1, +.sheet-rolltemplate-Utok .sheet-container h1, +.sheet-rolltemplate-Obrana .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 { + padding: 2px; +}; + +.sheet-rolltemplate-Hledani span, +.sheet-rolltemplate-Utok span, +.sheet-rolltemplate-Obrana 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; +} + +.sheet-rolltemplate-Hledani .sheet-subheader, +.sheet-rolltemplate-Utok .sheet-subheader, +.sheet-rolltemplate-Obrana .sheet-subheader { + color: #000; + font-size: 1em; + font-style: italic; +} + +.sheet-rolltemplate-Hledani .sheet-arrow-right, +.sheet-rolltemplate-Utok .sheet-arrow-right, +.sheet-rolltemplate-Obrana .sheet-arrow-right { + border-bottom: 2px solid transparent; + border-left: 190px 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 { + 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-Hledani .inlinerollresult, +.sheet-rolltemplate-Utok .inlinerollresult, +.sheet-rolltemplate-Obrana .inlinerollresult { + background-color: #ffffff; + border: none; +} + +.sheet-rolltemplate-Hledani .inlinerollresult.fullcrit, +.sheet-rolltemplate-Utok .inlinerollresult.fullcrit, +.sheet-rolltemplate-Obrana .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-Hledani .inlinerollresult.fullfail, +.sheet-rolltemplate-Utok .inlinerollresult.fullfail, +.sheet-rolltemplate-Obrana .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-Hledani .inlinerollresult.importandivoll, +.sheet-rolltemplate-Utok .inlinerollresult.importandivoll, +.sheet-rolltemplate-Obrana .inlinerollresult.importandivoll { + color: #4A57ED; + border: none; +} +