diff --git a/Farsight RPG Community Edition/sheets.css b/Farsight RPG Community Edition/sheets.css index 31e8395af8..934829fbeb 100644 --- a/Farsight RPG Community Edition/sheets.css +++ b/Farsight RPG Community Edition/sheets.css @@ -9,6 +9,7 @@ background-repeat: no-repeat; min-width: 980px; padding-top: 10px; + padding-bottom: 10px; } /*----------------- TEMPLATE CSS -----------------*/ @@ -46,21 +47,8 @@ display: block; } -.pgsheet { -} - -.npcsheet { -} - -.vehiclesheet { -} - -.shipsheet { -} - .template { margin-bottom: 10px; - width: 900px; clip-path: polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px)); background-color: rgba(0, 0, 0, 0.7); display: grid; @@ -147,7 +135,7 @@ span.sheet-toggle-show{ color: white; } -/*------------- Tab CSS ----------------------------*/ +/*------------- Tab CSS ----------------*/ /* configure the tab buttons */ .charsheet .sheet-character, .charsheet .sheet-powers, .charsheet .sheet-biography { @@ -1205,3 +1193,139 @@ label.rendita { justify-self: flex-end; align-self: center; } + +/*---------- NPC SHEET ----------*/ + +.npc { + display: grid; + justify-self: center; + grid-gap: 4px; + grid-template-columns: 300px 300px 300px; + grid-template-rows: min-content auto; + grid-template-areas: + "stats stats azioni" + "tratti poteri reazioni"; +} + +.npc .npc_stats{ + padding: 20px; + grid-area: stats; + display: grid; + grid-row-gap: 4px; + grid-column-gap: 4px; + grid-template-areas: + "nome nome nome nome" + "tipo taglia natura ." + "livellolabel livelloinput minaccialabel minacciainput" + "pvlabel pvinput velocitalabel velocitainput" + "difesalabel difesainput armaturalabel armaturainput"; + grid-template-columns: repeat(4, 75px); +} + +.npc label { + justify-self: center; + align-self: center; + margin: unset; +} + +.npc input { + width: auto !important; + max-height: 20px; + align-self: center; + margin:unset; +} + +.npc select { + width: auto; + max-height: 20px; + margin-bottom: auto; + padding: 0px; +} + +.npc input.nome { + grid-area: nome; + width: auto; +} + +.npc .tipo{ + grid-area: tipo; +} + +.npc .taglia{ + grid-area: taglia; +} + +.npc .natura{ + grid-area: natura; +} + +.npc label.livello { + grid-area: livellolabel; +} + +.npc input.livello { + grid-area: livelloinput; +} + +.npc label.minaccia { + grid-area: minaccialabel; +} + +.npc select.minaccia { + grid-area: minacciainput; +} + +.npc label.puntivitalita { + grid-area: pvlabel; + grid-area: pvlabel; + position: unset; + margin: unset; + text-align: center; +} + +.npc input.puntivitalita { + grid-area: pvinput; + margin: unset; +} + +.npc label.velocita { + grid-area: velocitalabel; +} + +.npc input.velocita { + grid-area: velocitainput; +} + +.npc label.difesa { + grid-area: difesalabel; +} + +.npc input.difesa { + grid-area: difesainput; +} + +.npc label.armatura { + grid-area: armaturalabel; +} + +.npc input.armatura { + grid-area: armaturainput; +} + + +.npc .npc_tratti { + grid-area: tratti; +} + +.npc .npc_azioni { + grid-area: azioni; +} + +.npc .npc_poteri { + grid-area: poteri; +} + +.npc .npc_reazioni { + grid-area: reazioni; +} + diff --git a/Farsight RPG Community Edition/sheets.html b/Farsight RPG Community Edition/sheets.html index b8a2d293f7..c7a13e4b68 100644 --- a/Farsight RPG Community Edition/sheets.html +++ b/Farsight RPG Community Edition/sheets.html @@ -699,8 +699,8 @@ - - + + @@ -744,6 +744,58 @@