diff --git a/Die_Schwarze_Katze/Die_Schwarze_Katze.css b/Die_Schwarze_Katze/Die_Schwarze_Katze.css new file mode 100644 index 0000000000..9cd297b1c6 --- /dev/null +++ b/Die_Schwarze_Katze/Die_Schwarze_Katze.css @@ -0,0 +1,1080 @@ +@import url('https://fonts.googleapis.com/css?family=Philosopher&display=swap'); + +/* ------------------ Tab selection ------------------ */ +.sheet-charactertab, +.sheet-skillstab, +.sheet-ancestortab, +.sheet-inventorytab { + display: none; +} + +.sheet-tabstoggle[value="charactertab"] ~ div.sheet-charactertab, +.sheet-tabstoggle[value="skillstab"] ~ div.sheet-skillstab, +.sheet-tabstoggle[value="ancestortab"] ~ div.sheet-ancestortab, +.sheet-tabstoggle[value="inventorytab"] ~ div.sheet-inventorytab { + display: block; +} + +.sheet-container { + padding: 5px; + width: 1120px; + font-family: 'Philosopher', sans-serif; + --theme-main-color: rgb(107 45 11); + --theme-bg-color: rgb(239, 235, 233); + --theme-2nd-color: rgb(188, 164, 133); + border: 2px solid var(--theme-2nd-color); + background-color: var(--theme-bg-color); +} + +.sheet-tab-navi { + margin-bottom: 20px; + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 5px; +} + +.sheet-tab-navi button { + background-color: var(--theme-main-color); + color: white; + font-size: 2em; + padding: 10px 0; + border-radius: 5px; + border: 2px solid var(--theme-2nd-color); +} + +/* ------------------ Container & General styling ------------------ */ + +/* Remove arrows from number inputs: Chrome, Safari, Edge, Opera */ +.sheet-container input::-webkit-outer-spin-button, +.sheet-container input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +/* Remove arrows from number inputs: Firefox */ +.sheet-container input[type=number] { + -moz-appearance: textfield; +} + +.sheet-container input, +.sheet-container select { + height: 27px; +} + +.sheet-container input:disabled, +.sheet-container input:read-only { + background-color: var(--theme-bg-color); +} + +.sheet-container input:focus, +.sheet-container select, +.sheet-container select:focus, +.sheet-container select:focus { + border-color: var(--theme-2nd-color); + outline: none; +} + +.sheet-container textarea { + resize: none; +} + +.sheet-container h3 { + background-color: var(--theme-main-color); + color: white; + font-size: 1.2em; + padding: 0 5px; + margin: 1px; + border-radius: 3px; +} + +.sheet-container h3.sheet-input-label-left { + margin: 1px 0 1px 1px; + border-radius: 5px 0 0 5px; + height: 27px; +} + +.sheet-container h3.sheet-input-label-left + input { + border: 2px solid var(--theme-main-color); + margin-left: 0; + margin-right: 5px; + margin-top: 1px; + border-radius: 0 5px 5px 0; +} + +.sheet-container h3.sheet-input-label-top { + border-radius: 5px 5px 0 0; + margin-bottom: 0; +} + +.sheet-container h3.sheet-input-label-top + * { + border: 2px solid var(--theme-main-color); + border-radius: 0 0 5px 5px; + margin-top: 0; + margin-left: 1px; + margin-right: 1px; +} + +.sheet-container .repitem input { + margin-bottom: 5px; +} + +.sheet-container .repitem select { + margin-bottom: 0; +} + +.sheet-container .sheet-inline-label { + display: inline; +} + +.sheet-container .sheet-inline-block { + display: inline-block; +} + +.sheet-container .sheet-small-input { + width: 40px; +} + +.sheet-container button[type="roll"] { + width: 25px; +} + +.sheet-container .sheet-pictos { + font-family: "pictos"; +} + +/* Detail toggles */ +input[type="checkbox"].sheet-detail-toggle { + opacity: 0; + width: 15px; + height: 15px; + position: relative; + cursor: pointer; + z-index: 1; +} + +input[type="checkbox"].sheet-detail-toggle + label::before { + width: 15px; + height: 15px; + background-color: transparent; + color: var(--theme-main-color); + display: block; + content: "►"; + float: left; + margin-right: 5px; +} + +input[type="checkbox"].sheet-detail-toggle:checked + label::before { + content: "▼"; +} + +.sheet-detail-toggle:checked ~ .sheet-detail-container { + display: block; +} + +.sheet-detail-toggle ~ .sheet-detail-container { + display: none; +} + +/* ------------------ Charakter tab ------------------ */ +.sheet-character-container { + display: grid; + grid-template-areas: "baseinfo" + "combat" + "vorteilenachteilesonderfertigkeiten"; +} + +.sheet-character-base-info-1, +.sheet-character-base-info-2, +.sheet-character-base-info-3, +.sheet-character-base-info-4, +.sheet-character-base-info-eigenschaften, +.sheet-character-combat-container { + border: 2px solid var(--theme-2nd-color); + padding: 5px; +} + +/* Character base info */ +.sheet-character-base-info-container { + grid-area: baseinfo; + display: grid; + grid-template-areas: "base-info-left base-info-right"; + grid-template-columns: 670px 450px; +} + +.sheet-base-info-left { + grid-area: base-info-left; + display: grid; + grid-template-areas: "info1" + "info3"; +} + +.sheet-base-info-right { + grid-area: base-info-right; + display: grid; + grid-template-areas: "info2" + "infoEigenschaften"; +} + +.sheet-character-base-info-1 { + grid-area: info1; + display: grid; + grid-template-columns: repeat(6, auto); + grid-template-rows: auto auto auto 1fr; + margin-bottom: 10px; +} + +.sheet-character-base-info-2 { + grid-area: info2; + display: grid; + grid-template-columns: 110px 80px 110px 1fr; + grid-template-rows: auto auto 1fr; + margin-bottom: 10px; + margin-left: 10px; +} + +.sheet-base-info-characterzustaende, +.sheet-base-info-characterstatus { + grid-column: span 2; + width: 90%; +} + +input.sheet-characterzustand[type=number] { + width: 40px; +} + +input.sheet-characterstatus { + width: 155px; +} + +input[type=text].sheet-characterzustand { + margin-left: 0px; + margin-right: 0px; + width: 112px; +} + +.sheet-character-base-info-3 { + grid-area: info3; + display: grid; + grid-template-columns: repeat(2, 50%); + grid-template-rows: repeat(2, auto) 1fr; + margin-bottom: 10px; +} + +.sheet-character-base-info-3 input { + margin-bottom: 9px; + margin-top: 9px; +} + +.sheet-character-base-info-3 > div div { + min-height: 44px; +} + +.sheet-character-base-info-3 div { + margin-bottom: 2px; +} + +.sheet-base-info-3-content { + padding-left: 5px; +} + +.sheet-lebensenergie-aktuell-label { + margin-left: 15px; +} + +input[type=number].sheet-aktuellelebensenergie { + -moz-appearance: initial; +} + +.sheet-container input.sheet-aktuellelebensenergie::-webkit-outer-spin-button, +.sheet-container input.sheet-aktuellelebensenergie::-webkit-inner-spin-button { + -webkit-appearance: initial; +} + +.sheet-character-schicksalspunkte .sheet-base-info-3-content, +.sheet-character-geschwindigkeit .sheet-base-info-3-content { + text-align: center; +} + +.sheet-character-schicksalspunkte-geschwindigkeit-container { + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: auto auto; +} + +.sheet-character-schicksalspunkte-geschwindigkeit-container input { + margin-left: 1px; +} + +.sheet-character-base-info-4 { + grid-area: vorteilenachteilesonderfertigkeiten; + display: grid; + grid-template-areas: ". vorteile nachteile sonderfertigkeiten ."; + grid-template-columns: 1fr repeat(3, auto) 1fr; + grid-gap: 10px; + margin-bottom: 10px; +} + +.sheet-character-base-info-4 .sheet-detail-container { + margin-left: 5px; +} + +.sheet-character-base-info-eigenschaften { + grid-area: infoEigenschaften; + display: grid; + grid-template-columns: 160px auto 160px auto; + grid-template-rows: repeat(5, auto) 1fr; + margin-bottom: 10px; + margin-left: 10px; +} + +.sheet-character-eigenschaften-gesamt, +.sheet-character-eigenschaften-probe { + display: grid; + grid-column: span 4; + grid-template-columns: auto auto 1fr; + grid-template-rows: auto 1fr; + margin-top: 2px; + justify-items: start; +} + +.sheet-character-eigenschaften-gesamt input[type=number] { + width: 50px; +} + +.sheet-characterzustaende-container, +.sheet-characterstatus-container { + grid-column: span 2; + margin-top: 1px; + width: 156px; +} + +.sheet-characterzustaende-container h3, +.sheet-characterstatus-container h3 { + display: inline; + padding: 5px; + margin-bottom: 10px; +} + +input[type=numer].sheet-characterzustand { + width: 40px; +} + +.sheet-character-schicksalspunkte, +.sheet-character-geschwindigkeit { + width: 164px; +} + +.sheet-characterzustaende-detail .repcontainer, +.sheet-characterstatus-container .repcontainer { + margin-top: 10px; +} + +h3.sheet-character-zustaende-label { + padding-right: 61px; +} + +h3.sheet-character-status-label { + padding-right: 82px; +} + +.sheet-base-info-character-name, +.sheet-base-info-character-profession, +.sheet-base-info-character-kultur, +.sheet-base-info-character-rudel, +.sheet-base-info-character-rasse, +.sheet-base-info-character-geschlecht, +.sheet-base-info-character-alter { + width: 120px; +} + +.sheet-base-info-leiteigenschaft { + width: 120px; +} + +.sheet-repeating-toggle-label { + margin-left: -15px; +} + +/* Kampf / Waffen */ + +.sheet-character-combat-container { + grid-area: combat; + display: grid; + grid-template-columns: 1105px; + padding: 5px; + margin-bottom: 10px; + justify-self: start; +} + +.sheet-melee-weapon-headers { + display: grid; + grid-template-columns: 195px 132px 62px 80px 80px 80px 80px 80px 80px; + grid-template-rows: auto; + text-align: center; +} + +.sheet-ranged-weapon-headers { + display: grid; + grid-template-columns: 195px 132px 62px 80px 80px 80px 80px; + grid-template-rows: auto; + text-align: center; +} + +.sheet-melee-weapon-container .repitem { + display: grid; + grid-template-columns: 15px 0 180px 132px 62px 80px 80px 80px 80px 80px 80px; + grid-template-rows: auto; + justify-items: center; +} + +.sheet-melee-weapon-container .repcontrol { + margin-right: 235px; +} + +.sheet-melee-weapon-container .sheet-detail-toggle + .sheet-inline-label::before { + margin-left: -10px; + margin-top: 4px; +} + +.sheet-melee-weapon-container .sheet-detail-container { + grid-column: span 11; +} + +.sheet-meleeweapon-detail, +.sheet-rangedweapon-detail { + width: 100%; + margin-left: 10px; +} + +.sheet-ranged-weapon-container .repitem { + display: grid; + grid-template-columns: 15px 0 180px 132px 62px 80px 80px 80px 80px; + grid-template-rows: auto; + justify-items: center; +} + +.sheet-ranged-weapon-container .repcontrol { + margin-right: 395px; +} + +.sheet-ranged-weapon-container .sheet-detail-toggle + .sheet-inline-label::before { + margin-left: -10px; + margin-top: 4px; +} + +.sheet-ranged-weapon-container .sheet-detail-container { + grid-column: span 11; +} + +.sheet-weapon-text { + max-width: 179px; +} + +.sheet-melee-weapon-container, .sheet-ranged-weapon-container, .sheet-inventory-ausruestung, .sheet-inventory-schoenedinge { + margin-bottom: 10px; +} + +.sheet-melee-weapon-container .repitem input { + margin-left: 1px; + margin-right: 1px; +} + +.sheet-ammunition-container { + display: grid; + grid-template-rows: 1fr; + grid-template-columns: auto auto auto auto 1fr; + margin-bottom: 10px; +} + +.sheet-ammunition-arrows-input { + margin-right: 10px; +} + +.sheet-weapon-short-text { + width: 60px; + margin-left: 1px; +} + +.sheet-weapon-type { + width: 130px; + margin-left: 1px; +} + +/* Vorteile, Nachteile, Sonderfertigkeiten */ +.sheet-character-vorteile-header { + grid-area: vorteile; +} + +.sheet-character-nachteile-header { + grid-area: nachteile; +} + +.sheet-character-nachteile { + grid-area: nachteile; +} + +.sheet-character-sonderfertigkeiten { + grid-area: sonderfertigkeiten; +} + +.sheet-character-vorteile-header, +.sheet-character-nachteile-header { + display: grid; + grid-template-columns: 270px 50px; + grid-template-rows: max-content; +} + +.sheet-character-sonderfertigkeiten-header { + display: grid; + grid-template-columns: 270px 95px 50px; + grid-template-rows: max-content; +} + +.sheet-character-vorteile input[type="text"], +.sheet-character-nachteile input[type="text"], +.sheet-character-sonderfertigkeiten input[type="text"] { + width: 254px; + margin-right: 1px; +} + +.sheet-character-vorteile input[type="number"], +.sheet-character-nachteile input[type="number"], +.sheet-character-sonderfertigkeiten input[type="number"] { + width: 48px; + margin-left: 1px; +} + +.sheet-character-sonderfertigkeiten select { + width: 93px; + margin-left: 1px; +} + +.sheet-character-vorteile .repitem, +.sheet-character-nachteile .repitem { + display: grid; + grid-template-columns: 15px 0px 255px 50px; + grid-template-rows: auto; +} + +.sheet-character-sonderfertigkeiten .repitem { + display: grid; + grid-template-columns: 15px 0px 255px 95px 50px; + grid-template-rows: auto; +} + +.sheet-vorteil-detail, +.sheet-nachteil-detail, +.sheet-sonderfertigkeit-detail { + grid-column: span 4; + width: 320px; +} + +.sheet-detail-container textarea { + margin-bottom: 0; + width: 95% +} + +.sheet-base-info-sonderfertigkeit { + width: 90px; +} + +input[type="checkbox"].sheet-toggle-lebensenergie-detail, +input[type="checkbox"].sheet-toggle-ahnenenergie-detail, +input[type="checkbox"].sheet-toggle-seelenkraft-detail, +input[type="checkbox"].sheet-toggle-zaehigkeit-detail, +input[type="checkbox"].sheet-toggle-initiative-detail, +input[type="checkbox"].sheet-toggle-characterzustaende-detail, +input[type="checkbox"].sheet-toggle-characterstatus-detail { + top: -2px; + left: -5px; + margin: -15px; +} + +input[type="checkbox"].sheet-toggle-vorteil-detail, +input[type="checkbox"].sheet-toggle-nachteil-detail, +input[type="checkbox"].sheet-toggle-sonderfertigkeit-detail { + margin-left: 0; + top: 5px; +} + +input[type="checkbox"].sheet-toggle-lebensenergie-detail + label::before, +input[type="checkbox"].sheet-toggle-ahnenenergie-detail + label::before, +input[type="checkbox"].sheet-toggle-seelenkraft-detail + label::before, +input[type="checkbox"].sheet-toggle-zaehigkeit-detail + label::before, +input[type="checkbox"].sheet-toggle-initiative-detail + label::before { + margin-top: 12px; +} + +input[type="checkbox"].sheet-toggle-vorteil-detail + label::before, +input[type="checkbox"].sheet-toggle-nachteil-detail + label::before, +input[type="checkbox"].sheet-toggle-sonderfertigkeit-detail + label::before, +input[type="checkbox"].sheet-toggle-characterzustaende-detail + label::before, +input[type="checkbox"].sheet-toggle-characterstatus-detail + label::before { + margin-top: 6px; +} + +/* ------------------ Fertigkeiten tab ------------------ */ + +.sheet-skills-container { + display: grid; + grid-template-areas: "skills-left skills-right"; + grid-template-columns: 1fr 1fr; + gap: 10px; +} + +.sheet-skills-left { + grid-area: skills-left; + display: grid; + grid-template-areas: "skills-koerper" + "skills-gesellschaft" + "skills-handwerk"; + grid-template-rows: auto auto auto 1fr; +} + +.sheet-skills-right { + grid-area: skills-right; + display: grid; + grid-template-areas: "skills-geist" + "skills-kampf"; + grid-template-rows: auto auto 1fr; +} + +.sheet-skills-koerper { + grid-area: skills-koerper; +} + +.sheet-skills-gesellschaft { + grid-area: skills-gesellschaft; +} + +.sheet-skills-handwerk { + grid-area: skills-handwerk; +} + +.sheet-skills-geist { + grid-area: skills-geist; +} + +.sheet-skill-list-row { + display: grid; + grid-template-columns: 15px 0 180px 40px 40px 40px 80px 40px 40px 60px; + grid-template-rows: repeat(6, auto) 1fr; + margin-bottom: 2px; +} + +.sheet-skill-list { + margin-bottom: 8px; +} + +.sheet-skill-list-row input[type=number] { + width: 30px; +} + +.sheet-skills-kampf { + grid-area: skills-kampf; +} + +.sheet-skills-kampf .sheet-skill-list-row { + grid-template-columns: 15px 0 140px 40px 40px 40px 80px 40px 40px 40px 60px; +} + +.sheet-skill-list-row > * { + text-align: center; +} + +.sheet-skill-list-row > .sheet-skill-name { + text-align: left; + margin-left: 5px; +} + +.sheet-skill-list-row h3:first-child { + grid-column: span 3; +} + +.sheet-skill-list-row .sheet-detail-toggle + .sheet-inline-label { + height: 10px; +} + +.sheet-skill-list-row .sheet-detail-toggle + .sheet-inline-label::before { + margin-left: -12px; +} + +.sheet-skill-list-row .sheet-detail-container { + grid-column: span 10; +} + +.sheet-skill-list-row .sheet-detail-container label { + margin-left: 10px; +} + +.sheet-skill-wissender label { + padding-right: 2px; +} + +.sheet-skill-wissender input { + width: 80px; + display: inline; +} + +.sheet-skill-list-row > input, +.sheet-skill-list-row > button { + justify-self: center; +} + +.sheet-skill-eigenschaft input { + width: 30px; +} + +.sheet-skill-wissender-detail-header { + display: grid; + grid-template-columns: 100px 140px auto; + grid-template-rows: auto; +} + +.sheet-skill-wissender-detail-header label { + margin-top: 5px; + margin-bottom: 5px; +} + +.sheet-wissendertoggle { + display:none; +} + +.sheet-wissenderdisabled { + display: inline-block; +} + +.sheet-wissenderenabled { + display: none; +} + +.sheet-wissendertoggle:checked ~ .sheet-wissenderdisabled { + display: none; +} + +.sheet-wissendertoggle:checked ~ .sheet-wissenderenabled { + display: inline-block; +} + +/* ------------------ Ahnen tab ------------------ */ +.sheet-ancestor-container { + display: grid; + grid-template-areas: "status status status" + "ahnengeschenke . ahnengaben"; + grid-template-columns: auto 1fr auto; +} + +.sheet-ancestor-status, +.sheet-ancestor-ahnengeschenke, +.sheet-ancestor-ahnengaben { + margin-bottom: 10px; +} + +.sheet-ancestor-status { + grid-area: status; + display: grid; + grid-template-columns: 170px 50px 170px 50px 1fr; + grid-template-rows: auto; +} + +input[type=number].sheet-aktuelleahnenenergie { + -moz-appearance: initial; +} + +.sheet-container input.sheet-aktuelleahnenenergie::-webkit-outer-spin-button, +.sheet-container input.sheet-aktuelleahnenenergie::-webkit-inner-spin-button { + -webkit-appearance: initial; +} + +.sheet-ancestor-ahnengeschenke { + grid-area: ahnengeschenke; +} + +.sheet-ancestor-ahnengeschenk-name, +.sheet-ancestor-ahnengeschenk-dauer { + max-width: 148px; +} + +.sheet-ancestor-ahnengeschenk-rw { + max-width: 80px; + justify-self: center; +} + +.sheet-ancestor-ahnengeschenke-headers, +.sheet-ancestor-ahnengeschenke .repitem { + display: grid; + grid-template-columns: 15px 0 150px 100px 150px; + grid-template-rows: auto; + text-align: center; +} + +.sheet-ancestor-ahnengeschenke-headers h3:first-child { + grid-column: span 3; +} + +.sheet-ancestor-ahnengeschenke .repitem .sheet-detail-toggle { + margin-top: 5px; +} + +.sheet-ancestor-ahnengeschenke .repitem .sheet-detail-toggle + .sheet-inline-label::before { + margin-left: -15px; + margin-top: 4px; +} + +.sheet-ancestor-ahnengeschenke .sheet-detail-container { + grid-column: span 10; +} + +.sheet-ancestor-ahnengeschenke .sheet-detail-container label { + margin-left: 10px; +} + +.sheet-ancestor-ahnengabe-name { + width: 188px; +} + +.sheet-ancestor-ahnengaben { + grid-area: ahnengaben; +} + +.sheet-ancestor-ahnengaben-stf { + width: 50px; +} + +.sheet-ancestor-ahnengaben-eigenschaft { + width: 55px; +} + +.sheet-ancestor-ahnengaben-eigenschaften { + display: inline-block; +} + +.sheet-ancestor-ahnengaben-headers, +.sheet-ancestor-ahnengaben .repitem { + display: grid; + grid-template-columns: 15px 0 190px 40px 60px 40px 130px 40px 40px 60px; + grid-template-rows: auto; + text-align: center; +} + +.sheet-ancestor-ahnengaben-headers h3:first-child { + grid-column: span 3; +} + +.sheet-ancestor-ahnengaben .repitem button { + margin-bottom: 5px; +} + +.sheet-ancestor-ahnengaben .repitem > input, +.sheet-ancestor-ahnengaben .repitem > button, +.sheet-ancestor-ahnengaben .repitem > select { + justify-self: center; +} + +.sheet-ancestor-ahnengaben .sheet-detail-container { + grid-column: span 10; +} + +.sheet-ancestor-ahnengaben .sheet-detail-container label { + margin-left: 10px; +} + +.sheet-ancestor-ahnengaben .repitem input[type=number] { + width: 30px; +} + +.sheet-ancestor-ahnengaben .repitem .sheet-detail-toggle { + margin-top: 5px; +} + +.sheet-ancestor-ahnengaben .repitem .sheet-detail-toggle + .sheet-inline-label::before { + margin-left: -15px; + margin-top: 4px; +} + +/* ------------------ Inventar tab ------------------ */ +.sheet-inventory-container { + display: grid; + grid-template-areas: "ausruestung schoenedinge" + "ausruestung mondgloeckchen" + "ausruestung tierbegleiter"; + grid-template-columns: auto auto; + grid-template-rows: auto auto 1fr; +} + +.sheet-inventory-ausruestung { + grid-area: ausruestung; + margin-right: 10px; +} + +.sheet-inventory-tierbegleiter { + grid-area: tierbegleiter; +} + +.sheet-inventory-ausruestung .repitem { + display: grid; + grid-template-columns: 15px 0px 405px 60px 80px; + grid-template-rows: auto; +} + +.sheet-inventory-ausruestung .repitem input { + justify-self: center; +} + +.sheet-inventory-schoenedinge .repitem { + display: grid; + grid-template-columns: 15px 0px 395px 70px 70px; + grid-template-rows: auto; +} + +.sheet-inventory-schoenedinge-menge, +.sheet-inventory-schoenedinge-wert { + width: 50px; + justify-self: center; +} + +.sheet-inventory-schoenedinge input[type=text] { + min-width: 395px; +} + +.sheet-inventory-ausruestung input[type=text] { + min-width: 400px; +} + +.sheet-inventory-ausruestung-header { + display: grid; + grid-template-columns: 420px 60px 80px; + grid-template-rows: auto; + text-align: center; +} + +.sheet-inventory-schoenedinge-header { + display: grid; + grid-template-columns: 410px 70px 70px; + grid-template-rows: auto; + text-align: center; +} + +.sheet-inventory-mondgloeckchen { + grid-area: mondgloeckchen; + margin-bottom: 10px; + display: grid; + grid-template-columns: auto auto 1fr; + grid-template-rows: auto; +} + +.sheet-inventory-tierbegleiter h3 { + margin-bottom: 0; + width: 530px; + border-radius: 5px 5px 0 0; + padding-right: 7px; +} + +.sheet-inventory-tierbegleiter textarea { + border: solid 2px var(--theme-main-color); + margin-bottom: 0; + margin-left: 1px; + width: 530px; + border-radius: 0 0 5px 5px; +} + +.sheet-ausruestung-detail, +.sheet-schoenedinge-detail { + margin-left: 5px; + grid-column: span 4; +} + +.sheet-ausruestung-detail textarea, +.sheet-schoenedinge-detail textarea { + margin-bottom: 0; + width: 95% +} + + +input[type="checkbox"].sheet-toggle-ausruestung-detail, +input[type="checkbox"].sheet-toggle-schoenedinge-detail { + margin-left: 0; + top: 5px; +} + +input[type="checkbox"].sheet-toggle-ausruestung-detail + label::before, +input[type="checkbox"].sheet-toggle-schoenedinge-detail + label::before { + margin-top: 6px; +} + +/* ------------------ Roll templates ------------------ */ + +.sheet-rolltemplate-attack, +.sheet-rolltemplate-skillcheck, +.sheet-rolltemplate-ahnengabe, +.sheet-rolltemplate-initiative { + box-shadow: 2px 5px 16px 0px #0B325E, 5px 5px 0px 5px rgba(0,0,0,0); +} + +.sheet-rolltemplate-attack .sheet-template-header, +.sheet-rolltemplate-skillcheck .sheet-template-header, +.sheet-rolltemplate-ahnengabe .sheet-template-header, +.sheet-rolltemplate-initiative .sheet-template-header { + background-color: #0e5cc7; + color: white; + padding: 10px; + font-weight: bold; + text-align: center; +} + +.sheet-rolltemplate-skillcheck .sheet-template-header, +.sheet-rolltemplate-ahnengabe .sheet-template-header, +.sheet-rolltemplate-initiative .sheet-template-header { + background-color: #0e5cc7; +} + +.sheet-rolltemplate-skillcheck .sheet-template-header { + background-color: #239038; +} + +.sheet-rolltemplate-attack .sheet-template-header { + background-color: #c70e0e; +} + +.sheet-rolltemplate-attack .sheet-template-body, +.sheet-rolltemplate-skillcheck .sheet-template-body, +.sheet-rolltemplate-ahnengabe .sheet-template-body, +.sheet-rolltemplate-initiative .sheet-template-body { + display: grid; + grid-template-columns: auto auto; + grid-template-rows: repeat(6, auto); +} + +.sheet-rolltemplate-attack .sheet-template-body, +.sheet-rolltemplate-skillcheck .sheet-template-body, +.sheet-rolltemplate-ahnengabe .sheet-template-body, +.sheet-rolltemplate-initiative .sheet-template-body { + background-color: rgb(249, 249, 249); +} + +.sheet-rolltemplate-attack .sheet-template-body > *, +.sheet-rolltemplate-skillcheck .sheet-template-body > *, +.sheet-rolltemplate-ahnengabe .sheet-template-body > *, +.sheet-rolltemplate-initiative .sheet-template-body > * { + padding: 5px 0 5px 5px; +} + +.sheet-rolltemplate-attack .sheet-template-success, +.sheet-rolltemplate-ahnengabe .sheet-template-success, +.sheet-rolltemplate-skillcheck .sheet-template-success { + text-align: center; + grid-column: 1/3; + color: limegreen; + font-weight: bold; + background-color: white; +} + +.sheet-rolltemplate-attack .sheet-template-miss, +.sheet-rolltemplate-ahnengabe .sheet-template-miss, +.sheet-rolltemplate-skillcheck .sheet-template-miss { + text-align: center; + grid-column: 1/3; + color: crimson; + font-weight: bold; + background-color: white; +} diff --git a/Die_Schwarze_Katze/Die_Schwarze_Katze.html b/Die_Schwarze_Katze/Die_Schwarze_Katze.html new file mode 100644 index 0000000000..22bf74d6a4 --- /dev/null +++ b/Die_Schwarze_Katze/Die_Schwarze_Katze.html @@ -0,0 +1,1640 @@ +