diff --git a/Nameless Land/Nameless Land.css b/Nameless Land/Nameless Land.css index 18e4bdfdda..d50acc66e3 100644 --- a/Nameless Land/Nameless Land.css +++ b/Nameless Land/Nameless Land.css @@ -1,538 +1,538 @@ -/*-------------------------------------------------------------- -# MAIN LAYOUT & TABS ---------------------------------------------------------------*/ - -.main-page1 { - display: grid; - width: 800px; - height: auto; - grid-gap: 10px; - grid-template-columns: 1fr 1fr; - grid-template-rows: auto auto 1fr; - grid-template-areas: - "header header" - "common survival" - "skill skill" - "misc misc"; - padding-bottom: 20px; -} - -/* Tab Logic */ -.sheet-tab { - display: inline-block; - padding: 5px 10px; - cursor: pointer; - border: 1px solid #000; - margin: 0 5px; - background: #ddd; -} - -.sheet-page1, .sheet-page2, .sheet-page3, .sheet-page4, .sheet-page5 { - display: none; -} - -.sheet-tab1:checked ~ .sheet-page1, -.sheet-tab2:checked ~ .sheet-page2, -.sheet-tab3:checked ~ .sheet-page3, -.sheet-tab4:checked ~ .sheet-page4, -.sheet-tab5:checked ~ .sheet-page5 { - display: block; -} - -.sheet-tab1:checked ~ .sheet-tab1, -.sheet-tab2:checked ~ .sheet-tab2, -.sheet-tab3:checked ~ .sheet-tab3, -.sheet-tab4:checked ~ .sheet-tab4, -.sheet-tab5:checked ~ .sheet-tab5 { - background: #b34f3e; - color: white; -} - -/*-------------------------------------------------------------- -# GENERAL STYLING (Flexbox & Containers) ---------------------------------------------------------------*/ - -section { - padding: 5px; - border-style: solid; -} - -.f-col { display: flex; flex-direction: column; gap: 0.5em; } -.f-row { display: flex; flex-direction: row; gap: 0.5em; align-items: center; } -.wrap { display: flex; flex-wrap: wrap; } -.nowrap { display: flex; flex-wrap: nowrap; } -.f-center { align-items: center; justify-content: center; } - -/*-------------------------------------------------------------- -# TEXT & INPUT STYLING ---------------------------------------------------------------*/ - -@import url("https://fonts.googleapis.com/css?family=Lexend&display=swap"); - -.charsheet * { font-family: "Lexend"; } -.charsheet h3 { text-align: center; } -.charsheet label { margin: 3px; padding: 3px 0 0 0; } - -.charsheet input[type="text"], -.charsheet input[type="number"] { - margin: 2px 4px; -} - -.charsheet textarea { - width: 95%; - height: 85%; -} - -/*-------------------------------------------------------------- -# GRID AREA SECTIONS ---------------------------------------------------------------*/ - -.header { grid-area: header; background-color: olive; flex-direction: column; } -.skill { grid-area: skill; background-color: orange; justify-content: space-evenly; } -.common { grid-area: common; background-color: rgb(212, 228, 123); } -.attack { grid-area: attack; background-color: green; } -.inv { grid-area: inv; background-color: grey; } -footer { grid-area: footer; background-color: lightgray; } - -/*-------------------------------------------------------------- -# SPECIFIC COMPONENTS ---------------------------------------------------------------*/ - -/* Weapons & Attacks */ -.weapon-row { - display: flex; - flex-wrap: nowrap; - align-items: flex-start; - gap: 5px; - overflow-x: auto; - padding-bottom: 10px; -} - -.weapon-group { display: flex; flex-direction: column; min-width: 50px; } -.weapon-group.wide { min-width: 180px; } -.weapon-group.buttons { min-width: 40px; } -.weapon-group.name-group { flex: 1 0 100px; max-width: 250px; } - -.weapon-label { font-weight: bold; font-size: 0.8em; text-align: center; padding: 2px 0; } -.weapon-input { width: 100%; box-sizing: border-box; padding: 4px; } -.weapon-input.num { text-align: center; max-width: 50px; } -.weapon-btn { width: 100%; padding: 8px 0; cursor: pointer; background: #ddd; border: 1px solid #999; } - -/* Misc / Skills Double Column */ -.misc { - grid-area: misc; - background-color: chocolate; - padding: 10px; - display: grid; - grid-template-columns: 1fr 1fr; - gap: 10px 20px; - align-items: start; -} - -.misc h3 { - grid-column: 1 / -1; - margin: 5px 0 10px 0; - text-align: center; - color: white; - text-shadow: 1px 1px 0 #000; -} - -.misc .double-column { - display: grid; - grid-template-columns: 1fr 50px 70px 35px 35px 30px; - align-items: center; - gap: 5px; - background: rgba(255,255,255,0.3); - padding: 2px 5px; - border-radius: 4px; -} - -.misc .double-column select { width: 100%; font-size: 0.8em; margin: 0; } -.misc .double-column input { width: 100%; text-align: center; margin: 0; } -.misc .double-column label { margin: 0; font-size: 0.9em; font-weight: bold;} - -/* Survival & Stats */ -.survival-section { - grid-area: survival; - border: 1px solid #8B0000; - border-radius: 5px; - padding: 5px; - background-color: #FFF8F8; - height: 100%; -} - -.survival-row { - display: flex; - justify-content: space-between; - margin-bottom: 10px; - gap: 10px; -} - -.survival-group label { display: block; font-weight: bold; color: #8B0000; } -.survival-group input { width: 80%; text-align: center; border: 1px solid #CCC; } - -/* Inventory & Mutations */ -.inventory-row { border-bottom: 1px solid #ddd; padding: 5px 0; } -.item-name { flex: 2; min-width: 120px; } -.item-desc { flex: 3; min-height: 36px; resize: vertical; } - -.mutation-row { - border-bottom: 1px solid #666; - padding: 10px 0; - margin-bottom: 10px; - display: flex; - align-items: flex-start; -} - -/*-------------------------------------------------------------- -# ROLL TEMPLATES ---------------------------------------------------------------*/ - -.sheet-rolltemplate-rolls { font-family: "Lexend"; } -.sheet-rolltemplate-rolls .sheet-container { border: 3px solid black; border-radius: 3px; --header-bg-color: #a83521; --header-text-color: #FFF; } -.sheet-rolltemplate-rolls .sheet-header { - background-color: var(--header-bg-color); - color: var(--header-text-color); - padding: 5px; - border-bottom: 2px solid black; -} -.sheet-rolltemplate-rolls .sheet-content { display: grid; background: #FFF; grid-template-columns: auto auto; } -.sheet-rolltemplate-rolls .sheet-content :nth-child(4n+3), -.sheet-rolltemplate-rolls .sheet-content :nth-child(4n) { background: #EEE; } - -/*-------------------------------------------------------------- -# UTILITIES ---------------------------------------------------------------*/ - -.outlined-value { - text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; - color: black; - font-weight: bold; - background-color: rgba(0, 0, 0, 0.3); - padding: 0 3px; - border-radius: 3px; -} - -/*-------------------------------------------------------------- -# INVENTORY PAGE SPECIFIC ---------------------------------------------------------------*/ - -.inventory-split-container { - display: flex; - flex-direction: column; - gap: 10px; -} - -.armor-grid { - display: grid; - grid-template-columns: 1fr; - gap: 5px; - background-color: #f0f0f0; - padding: 5px; - border-radius: 5px; -} - -.armor-slot { - display: flex; - align-items: center; - background: white; - border: 1px solid #ccc; - padding: 3px; - border-radius: 3px; -} - -.armor-slot .slot-label { - flex: 0 0 80px; - font-weight: bold; - font-size: 0.9em; - text-align: right; - padding-right: 8px; - color: #a83521; -} - -.armor-slot input[type="text"] { - flex: 1; -} - -.armor-slot input[type="number"] { - width: 50px; - text-align: center; -} - -.inventory-headers { - font-weight: bold; - font-size: 0.8em; - padding: 0 5px; - border-bottom: 2px solid black; -} - -.pockets-section { - background-color: #e8e8e8; - padding: 5px; - border: 1px solid #999; - margin-bottom: 10px; - border-radius: 4px; -} - -.pockets-grid { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 5px 10px; -} - - -.p-switch { - display: flex; - align-items: center; - margin: 0 5px 0 0; - cursor: pointer; - flex: 0 0 auto; - width: auto; -} - -.pocket-row input[type="text"] { - flex: 1; - width: auto; - min-width: 0; - border: none; - border-bottom: 1px dotted #ccc; - background: transparent; -} - -.p-switch input[type="checkbox"]:checked + .p-indicator { - background-color: #a83521; - color: white; - border-color: #500; - box-shadow: 0 0 3px rgba(0,0,0,0.5); -} - -.pocket-row input[type="text"] { - flex: 1; - border: none; - border-bottom: 1px dotted #ccc; - background: transparent; - width: 100%; -} -.pocket-row input[type="text"]:focus { - outline: none; - border-bottom: 1px solid #a83521; -} - -/*-------------------------------------------------------------- -# PAGE 3: COMBAT & TACTICAL LAYOUT ---------------------------------------------------------------*/ - -.tactical-body-section { - background-color: #dcdcdc; - padding: 10px; - border: 2px solid #555; -} - -.body-grid { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-template-rows: auto auto auto auto; - gap: 10px; - justify-items: center; - max-width: 600px; - margin: 0 auto; - grid-template-areas: - ". head ." - "l-arm torso r-arm" - ". stomach ." - "l-leg . r-leg"; -} - -.head { grid-area: head; } -.l-arm { grid-area: l-arm; } -.r-arm { grid-area: r-arm; } -.torso { grid-area: torso; } -.stomach { grid-area: stomach; } -.l-leg { grid-area: l-leg; } -.r-leg { grid-area: r-leg; } - -.body-part { - background: #fff; - border: 1px solid #333; - border-radius: 5px; - width: 100%; - max-width: 180px; - box-shadow: 2px 2px 0px rgba(0,0,0,0.2); - display: flex; - flex-direction: column; -} - -.part-header { - background-color: #a83521; - color: white; - font-weight: bold; - text-align: center; - font-size: 0.8em; - padding: 2px 0; - text-transform: uppercase; - border-radius: 3px 3px 0 0; -} - -.part-stats { - padding: 5px; - font-size: 0.8em; - display: flex; - flex-direction: column; - gap: 4px; -} - -.part-stats input[type="text"] { - width: 100%; - text-align: center; - border: 1px solid #aaa; - background: #fdfdfd; -} - -.lesion-box { - background: #eee; - padding: 2px; - border-radius: 3px; - text-align: center; -} - -.slash-group { - display: flex; - justify-content: center; - align-items: center; - gap: 2px; -} -.slash-group input { width: 35px !important; } - -.res-ad-row { - display: flex; - justify-content: space-between; - gap: 2px; -} -.res-ad-row label { - display: flex; - flex-direction: column; - align-items: center; - font-size: 0.9em; - font-weight: bold; -} - -.initiative-bar { - margin: 15px 0; - text-align: center; -} -.init-btn { - background: #333; - color: #ffd700; - font-weight: bold; - border: 2px solid #000; - padding: 8px 20px; - font-size: 1.1em; - text-transform: uppercase; - letter-spacing: 1px; - cursor: pointer; - box-shadow: 0 0 5px #ffd700; -} -.init-btn:hover { - background: #555; - color: #fff; -} - -.arsenal-section { - background-color: #556b2f; - padding: 10px; - border: 2px solid #222; -} -.arsenal-section h3 { color: white; text-shadow: 1px 1px 0 #000; } - -.weapon-card { - background: #f4f4f4; - border: 2px solid #333; - border-radius: 5px; - margin-bottom: 10px; - padding: 5px; - box-shadow: 3px 3px 5px rgba(0,0,0,0.3); - background-image: repeating-linear-gradient(45deg, #f4f4f4 0, #f4f4f4 10px, #eeeeee 10px, #eeeeee 12px); -} - -.weapon-header { - display: flex; - gap: 5px; - margin-bottom: 5px; - border-bottom: 2px solid #a83521; - padding-bottom: 5px; -} -.weapon-name { - flex: 1; - font-weight: bold; - font-size: 1.1em; - border: none; - background: transparent; -} -.weapon-type-select, .weapon-size-select { - width: 80px; - font-size: 0.8em; -} - -.weapon-stats-grid { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 5px; - margin-bottom: 5px; - background: #ddd; - padding: 5px; - border-radius: 3px; -} -.w-stat { - display: flex; - flex-direction: column; - align-items: center; -} -.w-stat label { font-size: 0.7em; font-weight: bold; } -.w-stat input { width: 100%; text-align: center; font-weight: bold; } - -.weapon-secondary-row { - display: flex; - flex-wrap: wrap; - gap: 15px; - font-size: 0.8em; - align-items: center; - margin-bottom: 5px; -} - -.weapon-secondary-row label { - width: auto; - display: inline-flex; - align-items: center; - margin: 0; - font-weight: bold; -} - -.weapon-special textarea { - width: 98%; - height: 40px; - font-size: 0.8em; - border: 1px dotted #999; - resize: vertical; -} - -.weapon-actions { - display: flex; - gap: 5px; - margin-top: 5px; -} -.attack-btn { - flex: 1; - border: 1px solid #333; - font-weight: bold; - cursor: pointer; - transition: 0.2s; -} -.attack-btn.single { background: #fff; color: #000; } -.attack-btn.multi { background: #333; color: #fff; font-size: 0.8em; } -.attack-btn:hover { background: #a83521; color: white; } - -.encumbrance-box{display:inline-flex;align-items:center;} -.encumbrance-indicator{width:200px!important;text-align:center;font-weight:bold;border:2px solid #ccc;border-radius:4px;transition:all 0.3s ease;background-color:#eee;color:#333;} -input[name="attr_encumbrance_state"][value="0"] ~ .encumbrance-indicator{background-color:#d4edda;color:#155724;border-color:#c3e6cb;} -input[name="attr_encumbrance_state"][value="1"] ~ .encumbrance-indicator{background-color:#fff3cd;color:#856404;border-color:#ffeeba;} -input[name="attr_encumbrance_state"][value="2"] ~ .encumbrance-indicator{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb;} +/*-------------------------------------------------------------- +# MAIN LAYOUT & TABS +--------------------------------------------------------------*/ + +.main-page1 { + display: grid; + width: 800px; + height: auto; + grid-gap: 10px; + grid-template-columns: 1fr 1fr; + grid-template-rows: auto auto 1fr; + grid-template-areas: + "header header" + "common survival" + "skill skill" + "misc misc"; + padding-bottom: 20px; +} + +/* Tab Logic */ +.sheet-tab { + display: inline-block; + padding: 5px 10px; + cursor: pointer; + border: 1px solid #000; + margin: 0 5px; + background: #ddd; +} + +.sheet-page1, .sheet-page2, .sheet-page3, .sheet-page4, .sheet-page5 { + display: none; +} + +.sheet-tab1:checked ~ .sheet-page1, +.sheet-tab2:checked ~ .sheet-page2, +.sheet-tab3:checked ~ .sheet-page3, +.sheet-tab4:checked ~ .sheet-page4, +.sheet-tab5:checked ~ .sheet-page5 { + display: block; +} + +.sheet-tab1:checked ~ .sheet-tab1, +.sheet-tab2:checked ~ .sheet-tab2, +.sheet-tab3:checked ~ .sheet-tab3, +.sheet-tab4:checked ~ .sheet-tab4, +.sheet-tab5:checked ~ .sheet-tab5 { + background: #b34f3e; + color: white; +} + +/*-------------------------------------------------------------- +# GENERAL STYLING (Flexbox & Containers) +--------------------------------------------------------------*/ + +section { + padding: 5px; + border-style: solid; +} + +.f-col { display: flex; flex-direction: column; gap: 0.5em; } +.f-row { display: flex; flex-direction: row; gap: 0.5em; align-items: center; } +.wrap { display: flex; flex-wrap: wrap; } +.nowrap { display: flex; flex-wrap: nowrap; } +.f-center { align-items: center; justify-content: center; } + +/*-------------------------------------------------------------- +# TEXT & INPUT STYLING +--------------------------------------------------------------*/ + +@import url("https://fonts.googleapis.com/css?family=Lexend&display=swap"); + +.charsheet * { font-family: "Lexend"; } +.charsheet h3 { text-align: center; } +.charsheet label { margin: 3px; padding: 3px 0 0 0; } + +.charsheet input[type="text"], +.charsheet input[type="number"] { + margin: 2px 4px; +} + +.charsheet textarea { + width: 95%; + height: 85%; +} + +/*-------------------------------------------------------------- +# GRID AREA SECTIONS +--------------------------------------------------------------*/ + +.header { grid-area: header; background-color: olive; flex-direction: column; } +.skill { grid-area: skill; background-color: orange; justify-content: space-evenly; } +.common { grid-area: common; background-color: rgb(212, 228, 123); } +.attack { grid-area: attack; background-color: green; } +.inv { grid-area: inv; background-color: grey; } +footer { grid-area: footer; background-color: lightgray; } + +/*-------------------------------------------------------------- +# SPECIFIC COMPONENTS +--------------------------------------------------------------*/ + +/* Weapons & Attacks */ +.weapon-row { + display: flex; + flex-wrap: nowrap; + align-items: flex-start; + gap: 5px; + overflow-x: auto; + padding-bottom: 10px; +} + +.weapon-group { display: flex; flex-direction: column; min-width: 50px; } +.weapon-group.wide { min-width: 180px; } +.weapon-group.buttons { min-width: 40px; } +.weapon-group.name-group { flex: 1 0 100px; max-width: 250px; } + +.weapon-label { font-weight: bold; font-size: 0.8em; text-align: center; padding: 2px 0; } +.weapon-input { width: 100%; box-sizing: border-box; padding: 4px; } +.weapon-input.num { text-align: center; max-width: 50px; } +.weapon-btn { width: 100%; padding: 8px 0; cursor: pointer; background: #ddd; border: 1px solid #999; } + +/* Misc / Skills Double Column */ +.misc { + grid-area: misc; + background-color: chocolate; + padding: 10px; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px 20px; + align-items: start; +} + +.misc h3 { + grid-column: 1 / -1; + margin: 5px 0 10px 0; + text-align: center; + color: white; + text-shadow: 1px 1px 0 #000; +} + +.misc .double-column { + display: grid; + grid-template-columns: 1fr 50px 70px 35px 35px 30px; + align-items: center; + gap: 5px; + background: rgba(255,255,255,0.3); + padding: 2px 5px; + border-radius: 4px; +} + +.misc .double-column select { width: 100%; font-size: 0.8em; margin: 0; } +.misc .double-column input { width: 100%; text-align: center; margin: 0; } +.misc .double-column label { margin: 0; font-size: 0.9em; font-weight: bold;} + +/* Survival & Stats */ +.survival-section { + grid-area: survival; + border: 1px solid #8B0000; + border-radius: 5px; + padding: 5px; + background-color: #FFF8F8; + height: 100%; +} + +.survival-row { + display: flex; + justify-content: space-between; + margin-bottom: 10px; + gap: 10px; +} + +.survival-group label { display: block; font-weight: bold; color: #8B0000; } +.survival-group input { width: 80%; text-align: center; border: 1px solid #CCC; } + +/* Inventory & Mutations */ +.inventory-row { border-bottom: 1px solid #ddd; padding: 5px 0; } +.item-name { flex: 2; min-width: 120px; } +.item-desc { flex: 3; min-height: 36px; resize: vertical; } + +.mutation-row { + border-bottom: 1px solid #666; + padding: 10px 0; + margin-bottom: 10px; + display: flex; + align-items: flex-start; +} + +/*-------------------------------------------------------------- +# ROLL TEMPLATES +--------------------------------------------------------------*/ + +.sheet-rolltemplate-rolls { font-family: "Lexend"; } +.sheet-rolltemplate-rolls .sheet-container { border: 3px solid black; border-radius: 3px; --header-bg-color: #a83521; --header-text-color: #FFF; } +.sheet-rolltemplate-rolls .sheet-header { + background-color: var(--header-bg-color); + color: var(--header-text-color); + padding: 5px; + border-bottom: 2px solid black; +} +.sheet-rolltemplate-rolls .sheet-content { display: grid; background: #FFF; grid-template-columns: auto auto; } +.sheet-rolltemplate-rolls .sheet-content :nth-child(4n+3), +.sheet-rolltemplate-rolls .sheet-content :nth-child(4n) { background: #EEE; } + +/*-------------------------------------------------------------- +# UTILITIES +--------------------------------------------------------------*/ + +.outlined-value { + text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; + color: black; + font-weight: bold; + background-color: rgba(0, 0, 0, 0.3); + padding: 0 3px; + border-radius: 3px; +} + +/*-------------------------------------------------------------- +# INVENTORY PAGE SPECIFIC +--------------------------------------------------------------*/ + +.inventory-split-container { + display: flex; + flex-direction: column; + gap: 10px; +} + +.armor-grid { + display: grid; + grid-template-columns: 1fr; + gap: 5px; + background-color: #f0f0f0; + padding: 5px; + border-radius: 5px; +} + +.armor-slot { + display: flex; + align-items: center; + background: white; + border: 1px solid #ccc; + padding: 3px; + border-radius: 3px; +} + +.armor-slot .slot-label { + flex: 0 0 80px; + font-weight: bold; + font-size: 0.9em; + text-align: right; + padding-right: 8px; + color: #a83521; +} + +.armor-slot input[type="text"] { + flex: 1; +} + +.armor-slot input[type="number"] { + width: 50px; + text-align: center; +} + +.inventory-headers { + font-weight: bold; + font-size: 0.8em; + padding: 0 5px; + border-bottom: 2px solid black; +} + +.pockets-section { + background-color: #e8e8e8; + padding: 5px; + border: 1px solid #999; + margin-bottom: 10px; + border-radius: 4px; +} + +.pockets-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 5px 10px; +} + + +.p-switch { + display: flex; + align-items: center; + margin: 0 5px 0 0; + cursor: pointer; + flex: 0 0 auto; + width: auto; +} + +.pocket-row input[type="text"] { + flex: 1; + width: auto; + min-width: 0; + border: none; + border-bottom: 1px dotted #ccc; + background: transparent; +} + +.p-switch input[type="checkbox"]:checked + .p-indicator { + background-color: #a83521; + color: white; + border-color: #500; + box-shadow: 0 0 3px rgba(0,0,0,0.5); +} + +.pocket-row input[type="text"] { + flex: 1; + border: none; + border-bottom: 1px dotted #ccc; + background: transparent; + width: 100%; +} +.pocket-row input[type="text"]:focus { + outline: none; + border-bottom: 1px solid #a83521; +} + +/*-------------------------------------------------------------- +# PAGE 3: COMBAT & TACTICAL LAYOUT +--------------------------------------------------------------*/ + +.tactical-body-section { + background-color: #dcdcdc; + padding: 10px; + border: 2px solid #555; +} + +.body-grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: auto auto auto auto; + gap: 10px; + justify-items: center; + max-width: 600px; + margin: 0 auto; + grid-template-areas: + ". head ." + "l-arm torso r-arm" + ". stomach ." + "l-leg . r-leg"; +} + +.head { grid-area: head; } +.l-arm { grid-area: l-arm; } +.r-arm { grid-area: r-arm; } +.torso { grid-area: torso; } +.stomach { grid-area: stomach; } +.l-leg { grid-area: l-leg; } +.r-leg { grid-area: r-leg; } + +.body-part { + background: #fff; + border: 1px solid #333; + border-radius: 5px; + width: 100%; + max-width: 180px; + box-shadow: 2px 2px 0px rgba(0,0,0,0.2); + display: flex; + flex-direction: column; +} + +.part-header { + background-color: #a83521; + color: white; + font-weight: bold; + text-align: center; + font-size: 0.8em; + padding: 2px 0; + text-transform: uppercase; + border-radius: 3px 3px 0 0; +} + +.part-stats { + padding: 5px; + font-size: 0.8em; + display: flex; + flex-direction: column; + gap: 4px; +} + +.part-stats input[type="text"] { + width: 100%; + text-align: center; + border: 1px solid #aaa; + background: #fdfdfd; +} + +.lesion-box { + background: #eee; + padding: 2px; + border-radius: 3px; + text-align: center; +} + +.slash-group { + display: flex; + justify-content: center; + align-items: center; + gap: 2px; +} +.slash-group input { width: 35px !important; } + +.res-ad-row { + display: flex; + justify-content: space-between; + gap: 2px; +} +.res-ad-row label { + display: flex; + flex-direction: column; + align-items: center; + font-size: 0.9em; + font-weight: bold; +} + +.initiative-bar { + margin: 15px 0; + text-align: center; +} +.init-btn { + background: #333; + color: #ffd700; + font-weight: bold; + border: 2px solid #000; + padding: 8px 20px; + font-size: 1.1em; + text-transform: uppercase; + letter-spacing: 1px; + cursor: pointer; + box-shadow: 0 0 5px #ffd700; +} +.init-btn:hover { + background: #555; + color: #fff; +} + +.arsenal-section { + background-color: #556b2f; + padding: 10px; + border: 2px solid #222; +} +.arsenal-section h3 { color: white; text-shadow: 1px 1px 0 #000; } + +.weapon-card { + background: #f4f4f4; + border: 2px solid #333; + border-radius: 5px; + margin-bottom: 10px; + padding: 5px; + box-shadow: 3px 3px 5px rgba(0,0,0,0.3); + background-image: repeating-linear-gradient(45deg, #f4f4f4 0, #f4f4f4 10px, #eeeeee 10px, #eeeeee 12px); +} + +.weapon-header { + display: flex; + gap: 5px; + margin-bottom: 5px; + border-bottom: 2px solid #a83521; + padding-bottom: 5px; +} +.weapon-name { + flex: 1; + font-weight: bold; + font-size: 1.1em; + border: none; + background: transparent; +} +.weapon-type-select, .weapon-size-select { + width: 80px; + font-size: 0.8em; +} + +.weapon-stats-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 5px; + margin-bottom: 5px; + background: #ddd; + padding: 5px; + border-radius: 3px; +} +.w-stat { + display: flex; + flex-direction: column; + align-items: center; +} +.w-stat label { font-size: 0.7em; font-weight: bold; } +.w-stat input { width: 100%; text-align: center; font-weight: bold; } + +.weapon-secondary-row { + display: flex; + flex-wrap: wrap; + gap: 15px; + font-size: 0.8em; + align-items: center; + margin-bottom: 5px; +} + +.weapon-secondary-row label { + width: auto; + display: inline-flex; + align-items: center; + margin: 0; + font-weight: bold; +} + +.weapon-special textarea { + width: 98%; + height: 40px; + font-size: 0.8em; + border: 1px dotted #999; + resize: vertical; +} + +.weapon-actions { + display: flex; + gap: 5px; + margin-top: 5px; +} +.attack-btn { + flex: 1; + border: 1px solid #333; + font-weight: bold; + cursor: pointer; + transition: 0.2s; +} +.attack-btn.single { background: #fff; color: #000; } +.attack-btn.multi { background: #333; color: #fff; font-size: 0.8em; } +.attack-btn:hover { background: #a83521; color: white; } + +.encumbrance-box{display:inline-flex;align-items:center;} +.encumbrance-indicator{width:200px!important;text-align:center;font-weight:bold;border:2px solid #ccc;border-radius:4px;transition:all 0.3s ease;background-color:#eee;color:#333;} +input[name="attr_encumbrance_state"][value="0"] ~ .encumbrance-indicator{background-color:#d4edda;color:#155724;border-color:#c3e6cb;} +input[name="attr_encumbrance_state"][value="1"] ~ .encumbrance-indicator{background-color:#fff3cd;color:#856404;border-color:#ffeeba;} +input[name="attr_encumbrance_state"][value="2"] ~ .encumbrance-indicator{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb;} diff --git a/Nameless Land/Nameless Land.html b/Nameless Land/Nameless Land.html index ddcb731313..4aefc72850 100644 --- a/Nameless Land/Nameless Land.html +++ b/Nameless Land/Nameless Land.html @@ -1,1565 +1,1565 @@ - - -Info - -Doti & Maestrie - -Combattimento armatura & Lesioni - -Inventario - -Mutazioni & Impianti - -
-
-
-
-

Nameless Land

- Scheda del sopravvisuto -
- -
- - -
- - -
-
- - -
- - -
- - -
-
- - -
-
- - - - - - - -
-
-

Sopravvivenza

- - -
-
- -
- -
- -
- -
- -
- -
- -
-
- - -
-
- -
- -
- -
-
-
- - -
-

Caratteristiche

-
- - - Mod Tiro: - - - -
-
- - - Mod Tiro: - - - -
-
- - - Mod Tiro: - - - -
-
- - - Mod Tiro - - - -
-
- - - Mod Tiro: - - - -
-
- - -
-

Abilità

-
- - - - - - - - -
- -
- - - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - - -
-
- - - - -
-
- - - - -
-
- - - - -
-
- - - - -
- -
- - - - - - - - -
-
- {{#title}}
{{title}}
{{/title}} - {{#name}}
{{name}}
{{/name}} - {{#subtitle}}
{{subtitle}}
{{/subtitle}} -
-
- {{#allprops() title name subtitle desc}} -
{{key}}
-
{{value}}
- {{/allprops() title name subtitle desc}} - {{#desc}}
{{desc}}
{{/desc}} -
-
-
- - - - - -
-
-
-

Doti & maestrie

- Contenuto aggiuntivo -
- -
-
- - -
-
- - -
-
- - -
-
- -

Doti

-
-
- - -
-
- - -
-
- - -
-
-
-

Combattimento

- Stato Fisico & Arsenale -
- -
-

Armatura e Lesioni

- -
- -
-
TESTA
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
-
BRACCIO SX
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
-
TORSO
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
-
BRACCIO DX
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
-
VENTRE
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
-
GAMBA SX
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
-
GAMBA DX
-
- -
- Lesioni -
- / -
-
-
- - -
-
- - -
-
-
- -
- -
- - -
- -
-

Arsenale

-
-
- -
- - - -
- -
-
- - -
-
- - -
-
- - -
-
- - -
-
- -
- - - - -
- -
- -
- -
- - -
- - - - - - -
-
-
- - -
-
- - - - -
-
-
-

Inventario

- Equipaggiamento & Carico -
- -
-
- - - - - - - - -
- - -
-
-
- -
- -
-

Equipaggiamento Indossato

-
- -
-
Testa
- - -
- -
-
Torso
- - -
- -
-
Ventre
- - -
- -
-
Braccio Dx
- - -
- -
-
Braccio Sx
- - -
- -
-
Gamba Dx
- - -
- -
-
Gamba Sx
- - -
- -
-
Scudo
- - Res: - - Ad: - - Dimensione: - - -
- -
-
- -
-

Pronto Uso

-
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
-
- -
-

Zaino & Altro

-
- Nome - Descrizione - Kg - -
-
-
- - - -
-
-
- -
- - -
-
- - -
-
-
-

Mutazioni Impianti & Razza

- Non temere il cambiamento -
- abuso grottesco: - -
-

Bonus/Malus Razziali

-
- - -
-
- - -
-
- - -
-
- - -
-
-
- - -
-
-
- - -
-
- - - + + +Info + +Doti & Maestrie + +Combattimento armatura & Lesioni + +Inventario + +Mutazioni & Impianti + +
+
+
+
+

Nameless Land

+ Scheda del sopravvisuto +
+ +
+ + +
+ + +
+
+ + +
+ + +
+ + +
+
+ + +
+
+ + + + + + + +
+
+

Sopravvivenza

+ + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+
+
+ + +
+

Caratteristiche

+
+ + + Mod Tiro: + + + +
+
+ + + Mod Tiro: + + + +
+
+ + + Mod Tiro: + + + +
+
+ + + Mod Tiro + + + +
+
+ + + Mod Tiro: + + + +
+
+ + +
+

Abilità

+
+ + + + + + + + +
+ +
+ + + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+ +
+ + + + + + + + +
+
+ {{#title}}
{{title}}
{{/title}} + {{#name}}
{{name}}
{{/name}} + {{#subtitle}}
{{subtitle}}
{{/subtitle}} +
+
+ {{#allprops() title name subtitle desc}} +
{{key}}
+
{{value}}
+ {{/allprops() title name subtitle desc}} + {{#desc}}
{{desc}}
{{/desc}} +
+
+
+ + + + + +
+
+
+

Doti & maestrie

+ Contenuto aggiuntivo +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +

Doti

+
+
+ + +
+
+ + +
+
+ + +
+
+
+

Combattimento

+ Stato Fisico & Arsenale +
+ +
+

Armatura e Lesioni

+ +
+ +
+
TESTA
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+
BRACCIO SX
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+
TORSO
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+
BRACCIO DX
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+
VENTRE
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+
GAMBA SX
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+
GAMBA DX
+
+ +
+ Lesioni +
+ / +
+
+
+ + +
+
+ + +
+
+
+ +
+ +
+ + +
+ +
+

Arsenale

+
+
+ +
+ + + +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ + + + +
+ +
+ +
+ +
+ + +
+ + + + + + +
+
+
+ + +
+
+ + + + +
+
+
+

Inventario

+ Equipaggiamento & Carico +
+ +
+
+ + + + + + + + +
+ + +
+
+
+ +
+ +
+

Equipaggiamento Indossato

+
+ +
+
Testa
+ + +
+ +
+
Torso
+ + +
+ +
+
Ventre
+ + +
+ +
+
Braccio Dx
+ + +
+ +
+
Braccio Sx
+ + +
+ +
+
Gamba Dx
+ + +
+ +
+
Gamba Sx
+ + +
+ +
+
Scudo
+ + Res: + + Ad: + + Dimensione: + + +
+ +
+
+ +
+

Pronto Uso

+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ +
+

Zaino & Altro

+
+ Nome + Descrizione + Kg + +
+
+
+ + + +
+
+
+ +
+ + +
+
+ + +
+
+
+

Mutazioni Impianti & Razza

+ Non temere il cambiamento +
+ abuso grottesco: + +
+

Bonus/Malus Razziali

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +