diff --git a/HackMaster_4E/hm4e.css b/HackMaster_4E/hm4e.css index dcc9245063..823dc2b2cc 100644 --- a/HackMaster_4E/hm4e.css +++ b/HackMaster_4E/hm4e.css @@ -1,87 +1,64 @@ -@import url('https://fonts.googleapis.com/css?family=Federant|Piedra|Volkhov:ital@1&display=swap'); - -/*this hides the contents of each tab by default*/ -.charsheet div[class^="sheet-section"] { - display: none; +/*Configure the tab buttons*/ +.sheet-main, +.sheet-stats, +.sheet-abilities, +.sheet-equipment, +.sheet-mu, +.sheet-cleric, +.sheet-thief, +.sheet-ep, +.sheet-death, +.sheet-combat { + display: none; } -/*this shows the tab content when the appropriate input field is selected*/ -input.sheet-tab1:checked ~ div.sheet-section-basic, -input.sheet-tab2:checked ~ div.sheet-section-stats, -input.sheet-tab3:checked ~ div.sheet-section-combat, -input.sheet-tab4:checked ~ div.sheet-section-abilities, -input.sheet-tab5:checked ~ div.sheet-section-equipment, -input.sheet-tab6:checked ~ div.sheet-section-mu, -input.sheet-tab7:checked ~ div.sheet-section-cleric, -input.sheet-tab8:checked ~ div.sheet-section-thief, -input.sheet-tab9:checked ~ div.sheet-section-ep, -input.sheet-tab10:checked ~ div.sheet-section-death -{ - display: block; + +/* show the selected tab */ + +.sheet-tabstoggle[value="main"]~div.sheet-main, +.sheet-tabstoggle[value="stats"]~div.sheet-stats, +.sheet-tabstoggle[value="abilities"]~div.sheet-abilities, +.sheet-tabstoggle[value="equipment"]~div.sheet-equipment, +.sheet-tabstoggle[value="mu"]~div.sheet-mu, +.sheet-tabstoggle[value="cleric"]~div.sheet-cleric, +.sheet-tabstoggle[value="thief"]~div.sheet-thief, +.sheet-tabstoggle[value="ep"]~div.sheet-ep, +.sheet-tabstoggle[value="death"]~div.sheet-death, +.sheet-tabstoggle[value="combat"]~div.sheet-combat { + display: block; } -.charsheet input.sheet-tab { - width: 60px; - height: 25px; - cursor: pointer; - position: relative; - opacity: 0; - z-index: 9999; -} - -/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/ -.charsheet span.sheet-tab { - text-align: center; - display: inline-block; - font-size: 11px; - background: white; - border-style: solid; - border-width: 1px; - border-color: black; - font-style: normal; - border-radius: 16px 16px 0px 0px; - width: 60px; - height: 25px; - cursor: pointer; - position: relative; - vertical-align: middle; - margin-left: -61px; - line-height: 25px; -} - -.charsheet span.sheet-tab { - text-align: center; - display: inline-block; -} - -/*this modifies the span color once the radio button is selected so you know which tab is selected*/ -input.sheet-tab1:checked + span.sheet-tab1, -input.sheet-tab2:checked + span.sheet-tab2, -input.sheet-tab3:checked + span.sheet-tab3, -input.sheet-tab4:checked + span.sheet-tab4, -input.sheet-tab5:checked + span.sheet-tab5, -input.sheet-tab6:checked + span.sheet-tab6, -input.sheet-tab7:checked + span.sheet-tab7, -input.sheet-tab8:checked + span.sheet-tab8, -input.sheet-tab9:checked + span.sheet-tab9, -input.sheet-tab10:checked + span.sheet-tab10 -{ +button[class*="tabbutton"] { background: #F3D149; font-size: 12px; font-weight: bold; border-style: solid; - border-width: 1px; - border-radius: 16px 16px 0px 0px; - border-color: black black #F3D149 ; + border-width: 1px 1px 1px; + border-radius: 10px 10px 0px 0px; + border-color: black ; + outline:none; } + +.sheet-tabstoggle[value="main"] ~div button[class*="main"] , +.sheet-tabstoggle[value="stats"] ~div button[class*="stats"], +.sheet-tabstoggle[value="abilities"] ~div button[class*="abilities"], +.sheet-tabstoggle[value="equipment"] ~div button[class*="equipment"], +.sheet-tabstoggle[value="mu"] ~div button[class*="mu"], +.sheet-tabstoggle[value="cleric"] ~div button[class*="cleric"], +.sheet-tabstoggle[value="thief"] ~div button[class*="thief"], +.sheet-tabstoggle[value="ep"] ~div button[class*="ep"], +.sheet-tabstoggle[value="death"] ~div button[class*="death"], +.sheet-tabstoggle[value="combat"] ~div button[class*="combat"] { + border-color: black black #F3D149 black; +} + /*----------- End Tab Setup -----------*/ .sheet-background { background-color: #F3D149; } -.sheet-background-hf -{ +.sheet-background-hf { min-height: 25px; background-image: url('https://ARGHive.net/wp-content/uploads/2020/05/HM4E_B.png?v=1'); background-repeat: repeat-x; @@ -89,15 +66,14 @@ input.sheet-tab10:checked + span.sheet-tab10 margin-left: 0.3in; margin-right: 0.3in; } -.sheet-background-left -{ + +.sheet-background-left { background-image: url('https://ARGHive.net/wp-content/uploads/2020/05/HM4E_BLeft.png?v=1'); background-repeat: repeat-y; background-size: 800px; } -.sheet-basic -{ +.sheet-basic { margin-left: 0.3in; } @@ -107,20 +83,21 @@ input.sheet-tab10:checked + span.sheet-tab10 margin-bottom: 8px; } -.sheet-three-column{ +.sheet-three-column { display: grid; grid-column-gap: 1rem; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: auto auto auto; grid-template-areas: "tcleft tccenter tcright"; grid-template-rows: repeat(auto-fill, auto-fill); padding: 0px; margin: 0px; } -.sheet-four-column{ + +.sheet-four-column { display: grid; grid-column-gap: 1rem; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: auto auto auto auto; grid-template-areas: "tcleft tccleft tccright tcright"; grid-template-rows: repeat(auto-fill, auto-fill); @@ -128,19 +105,21 @@ input.sheet-tab10:checked + span.sheet-tab10 margin: 0px; } -.sheet-spellbooks{ +.sheet-spellbooks { display: grid; grid-column-gap: 1rem; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: 10% 28% 28% 30%; grid-template-areas: "tcleft tccleft tccright tcright"; grid-template-rows: repeat(auto-fill, auto-fill); padding: 0px; margin: 0px; } + .sheet-tccleft2 { grid-column: 2 /span 2; } + .sheet-tccright2 { grid-column: 3 /span 2; } @@ -148,51 +127,67 @@ input.sheet-tab10:checked + span.sheet-tab10 .sheet-tcleft { grid-area: tcleft; } + .sheet-tccenter { grid-area: tccenter; } + .sheet-tcright { grid-area: tcright; } + .sheet-tccleft { grid-area: tccleft; } + .sheet-tccright { grid-area: tccright; } + .sheet-row1 { grid-row: 1; } + .sheet-row2 { grid-row: 2; } + .sheet-row3 { grid-row: 3; } + .sheet-row4 { grid-row: 4; } + .sheet-row5 { grid-row: 5; } + .sheet-row6 { grid-row: 6; } + .sheet-row7 { grid-row: 7; } + .sheet-row8 { grid-row: 8; } + .sheet-row9 { grid-row: 9; } + .sheet-row10 { grid-row: 10; } + .sheet-row11 { grid-row: 11; } + .sheet-row12 { grid-row: 12; } @@ -200,37 +195,41 @@ input.sheet-tab10:checked + span.sheet-tab10 .sheet-titlesection { grid-row: 1 / 4; } + .sheet-titles { font-family: 'Federant', cursive; font-size: x-large; text-align: center; - } + .sheet-subtitles { font-family: 'Volkhov', serif; font-style: italic; font-size: larger; text-align: center; } + .sheet-indented { margin-left: 4px; margin-top: 7px; } + .sheet-indented input { background-color: #F3D149; border: 0px; padding: 0px; width: 195px; } + .sheet-inputsize { width: 218px; height: 30px; } -.sheet-one-column{ +.sheet-one-column { display: grid; grid-column-gap: 1rem; - grid-row-gap: 2px ; + grid-row-gap: 2px; grid-template-columns: auto; grid-template-areas: "tcleft"; grid-template-rows: repeat(auto-fill); @@ -238,99 +237,117 @@ input.sheet-tab10:checked + span.sheet-tab10 margin: 0px; } -.sheet-two-column{ +.sheet-two-column { display: grid; grid-column-gap: 1rem; - grid-row-gap: 2px ; + grid-row-gap: 2px; grid-template-columns: auto auto; grid-template-areas: "tcleft tcright"; grid-template-rows: repeat(auto-fill, auto-fill); padding: 0px; margin: 0px; } + .sheet-indented textarea { height: 18px; display: inline-block; } -.sheet-fixedwidthlabel{ + +.sheet-fixedwidthlabel { float: left; width: 100px; margin-top: 5px; } + .sheet-fixedwidthlabelnarrow { float: left; width: 60px; margin-top: 5px; } + .sheet-fixedwidthlabelverynarrow { float: left; width: 30px; margin-top: 5px; } + .sheet-largeInput { width: 298px; margin-bottom: 0px; } + .sheet-regularInput { width: 250px; margin-bottom: 0px; } + .sheet-smallInput { width: 100px; margin-bottom: 0px; } + .sheet-mediumPlusInput { width: 120px; margin-bottom: 0px; } + .sheet-regularMinusInput { width: 175px; margin-bottom: 0px; } + .sheet-mediumInput { width: 75px; margin-bottom: 0px; } + .sheet-mediumInputRight { width: 75px; margin-bottom: 0px; text-align: right; } + .sheet-reallySmallInput { width: 55px; margin-bottom: 0px; } + .sheet-reallySmallInputRight { width: 55px; margin-bottom: 0px; text-align: right; } + .sheet-tinyInput { width: 32px; margin-bottom: 0px; text-align: right; } + .sheet-teenyInput { width: 9px; margin-bottom: 0px; text-align: right; - border: 0px; - padding: 0px; + border: 0px; + padding: 0px; margin: 1px; margin-left: 6px; } + .sheet-spacer { margin-right: 15px; margin-left: 15px } + .sheet-tinyText { font-size: 8px; } + .sheet-center { text-align: center; } -.sheet-select-standard{ +.sheet-select-standard { margin-bottom: 0px; border-top: none; border-left: none; @@ -341,6 +358,7 @@ input.sheet-tab10:checked + span.sheet-tab10 .sheet-checkbox-standard { margin-top: 8px; } + .sheet-sub-section { margin-right: 30px; margin-top: 20px; @@ -359,10 +377,10 @@ input.sheet-tab10:checked + span.sheet-tab10 display: block; } -.sheet-two-column13{ +.sheet-two-column13 { display: grid; grid-column-gap: 1rem; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: 210px *; grid-template-areas: "tcleft tcright"; grid-template-rows: repeat(auto-fill, auto-fill); @@ -374,15 +392,17 @@ input.sheet-tab10:checked + span.sheet-tab10 grid-row: 1 / span 9; } -.sheet-biggroup > div { +.sheet-biggroup>div { margin-bottom: 20px; margin-left: 15px; float: left; } + .sheet-encumberancelevels { grid-row: 11 / span 2; } -.sheet-encumberancelevels > div { + +.sheet-encumberancelevels>div { margin-bottom: 5px; margin-left: 10px; float: left; @@ -393,14 +413,15 @@ input.sheet-tab10:checked + span.sheet-tab10 border-radius: 2px; } + /* Stuff for the stats page */ + .sheet-attributebox { padding-top: 4px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; border-right: none; - } .sheet-attributebox p { @@ -438,10 +459,10 @@ input:read-only { background-color: lightgray; } -.sheet-three-columnX{ +.sheet-three-columnX { display: grid; grid-column-gap: 1rem; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: 210px 100px auto; grid-template-areas: "tcleft tccenter tcright"; grid-template-rows: repeat(auto-fill, auto-fill); @@ -449,45 +470,50 @@ input:read-only { margin: 0px; } - .sheet-rolltemplate-container { - background-color: linen ; - color: #000; - padding: 2px; + background-color: linen; + color: #000; + padding: 2px; border-radius: 10px; border-color: black; - border: 2px solid #000; + border: 2px solid #000; } + .sheet-rolltemplate-header { border-bottom: 1px solid black; font-size: larger; text-align: center; } + .sheet-rolltemplate-rowhead { width: 75px; text-align: left; display: inline-block; } + .sheet-rolltemplate-item { text-align: right; display: inline-block; width: 75px; } + .sheet-rolltemplate-result { font-size: larger; text-align: center; } + .sheet-rolltemplate-fail { background-color: pink; } + .sheet-rolltemplate-succeed { background-color: palegreen; } -.sheet-melee-weapons{ +.sheet-melee-weapons { display: inline-table; grid-column-gap: 0; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "mwitem mwsize mwtype mwspeed mwskill mwattrnd mwinitmod mwplushit mwplusdam mwdamt mwdams mwdamm mwdaml mwdamh mwdamg"; /* mwnotes"; */ @@ -497,10 +523,10 @@ input:read-only { width: 100%; } -.sheet-missile-weapons{ +.sheet-missile-weapons { display: inline-table; grid-column-gap: 0; - grid-row-gap: 0px ; + grid-row-gap: 0px; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-areas: "mwitem mwsize mwtype mwrof mwskill mwranges mwrangem mwrangel mwplushit mwplusdam mwdamt mwdams mwdamm mwdaml mwdamh mwdamg"; grid-template-rows: repeat(auto-fill, auto-fill); @@ -521,8 +547,7 @@ input:read-only { height: 27px; } -.repcontrol -{ +.repcontrol { width: fit-content; } @@ -557,11 +582,11 @@ input:read-only { padding: 0px; } -.sheet-spell-by-level{ +.sheet-spell-by-level { display: inline-grid; grid-column-gap: 1; - grid-row-gap: 1px ; - grid-template-columns: 17% repeat(10,auto) 20% 7%; + grid-row-gap: 1px; + grid-template-columns: 17% repeat(10, auto) 20% 7%; grid-template-areas: "tcleft l0 l1 l2 l3 l4 l5 l6 l7 l8 l9 option optionValue"; padding: 0px; padding-left: 5px; @@ -572,7 +597,7 @@ input:read-only { .sheet-spell-grid { display: grid; grid-column-gap: 1; - grid-row-gap: 1px ; + grid-row-gap: 1px; grid-template-columns: 75% 25%; grid-template-areas: "spellleft spellright"; padding: 0px; @@ -580,16 +605,19 @@ input:read-only { margin: 0px; border: black 1px; } + .sheet-spellleft { grid-area: spellleft; } + .sheet-spellright { grid-area: spellright; } + .sheet-spell-fail-grid { display: grid; grid-column-gap: 1; - grid-row-gap: 1px ; + grid-row-gap: 1px; grid-template-columns: auto 25%; grid-template-areas: "tcleft tcright"; padding: 0px; @@ -602,11 +630,11 @@ input:read-only { border-top: 2px solid black; } -.sheet-clericspell-by-level{ +.sheet-clericspell-by-level { display: grid; grid-column-gap: 1; - grid-row-gap: 1px ; - grid-template-columns: 17% repeat(9,auto) 20% 7%; + grid-row-gap: 1px; + grid-template-columns: 17% repeat(9, auto) 20% 7%; grid-template-areas: "tcleft l1 l2 l3 l4 l5 l6 l7 option optionValue"; padding: 0px; padding-left: 5px; @@ -617,8 +645,8 @@ input:read-only { .sheet-thief-grid { display: grid; grid-column-gap: 1; - grid-row-gap: 1px ; - grid-template-columns: 20% repeat(8,50px); + grid-row-gap: 1px; + grid-template-columns: 20% repeat(8, 50px); grid-template-areas: "thiefskill thieftotal base allocated racial dexadjust adjust other"; padding: 0px; padding-left: 5px; @@ -638,7 +666,7 @@ input:read-only { .sheet-level-grid { display: grid; grid-column-gap: 1; - grid-row-gap: 1px ; + grid-row-gap: 1px; grid-template-columns: repeat(auto-fill, minmax(32px, 32px)); padding: 0px; padding-left: 5px; @@ -648,7 +676,7 @@ input:read-only { .sheet-level-gridcol { display: grid; - grid-row-gap: 1px ; + grid-row-gap: 1px; grid-template-columns: 32px; padding: 0px; margin: 0px; @@ -664,5 +692,5 @@ input:read-only { height: 24px; } -/********************************************************************/ +/********************************************************************/ \ No newline at end of file diff --git a/HackMaster_4E/hm4e.html b/HackMaster_4E/hm4e.html index 727daac19c..9244424d67 100644 --- a/HackMaster_4E/hm4e.html +++ b/HackMaster_4E/hm4e.html @@ -1,2000 +1,2016 @@ +

Hit
Prob
Dam
Adj
Open
Doors
Bend
Bars
Wgt
Allow
Max
Press
# of
Lang
Spell
Level
Learn
Ability
Max
Spells
Illusion
Immune
% Spell
Mishap
Mag Def
Adjust
Bonus
Spells
% Spell
Failure
Improve
Skill %
Spell
Immunity
Defense
Adjust
Reaction
Adjust
Missile
Adjust
Hit Pt
Adjust
System
Shock
Resurrect
Survival
Poison
Save
Immunity
Disease/Alcohol
Healing
Regen
Max #
Henchmen
Loyalty
Base
Reaction
Adjust
Comeliness
Mod
Start
Honor Mod
Effect
- -Honor
Die
Level
- - -Die
Bonus
Check
Mod
Penalty
Honor
Window
Base
AC
Magic
+'s
Damage
Taken
Current
AC
Hits
per AC
Base
AC Bonus
Magic
+'s
Damage
Taken
Current
AC Bonus
Hits
per AC

Hit
Prob
Dam
Adj
Open
Doors
Bend
Bars
Wgt
Allow
Max
Press
# of
Lang
Spell
Level
Learn
Ability
Max
Spells
Illusion
Immune
% Spell
Mishap
Mag Def
Adjust
Bonus
Spells
% Spell
Failure
Improve
Skill %
Spell
Immunity
Defense
Adjust
Reaction
Adjust
Missile
Adjust
Hit Pt
Adjust
System
Shock
Resurrect
Survival
Poison
Save
Immunity
Disease/Alcohol
Healing
Regen
Max #
Henchmen
Loyalty
Base
Reaction
Adjust
Comeliness
Mod
Start
Honor Mod
Effect
+ +Honor
Die
Level
+ + +Die
Bonus
Check
Mod
Penalty
Honor
Window
Base
AC
Magic
+'s
Damage
Taken
Current
AC
Hits
per AC
Base
AC Bonus
Magic
+'s
Damage
Taken
Current
AC Bonus
Hits
per AC