diff --git a/MythicD6/mythicd6.css b/MythicD6/mythicd6.css index 0a83812d81..ee0d7a4097 100644 --- a/MythicD6/mythicd6.css +++ b/MythicD6/mythicd6.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; /** * CONTENTS * @@ -200,6 +199,9 @@ align-items: center; justify-content: center; } +.charsheet .gap { + gap: 10px; +} .charsheet .section { padding: 5px; min-height: 90%; @@ -560,16 +562,16 @@ .charsheet div.rules { grid-area: rules; } -.charsheet div.pg2 textarea { +.charsheet main.pg2 textarea { height: 140px; } -.charsheet div.pg3 input[type=number] { +.charsheet main.pg3 input[type=number] { height: 24px; } -.charsheet div.pg3 span.dice { +.charsheet main.pg3 span.dice { margin-top: 5px; } -.charsheet div.pg1 { +.charsheet main.pg1 { display: grid; grid-gap: 4px; grid-template-columns: 13fr 5fr 4fr; @@ -579,22 +581,22 @@ height: 1300px; position: relative; } -.charsheet div.pg2 { +.charsheet main.pg2 { display: grid; width: 750px; position: relative; } -.charsheet div.pg3 { +.charsheet main.pg3 { display: grid; width: 750px; position: relative; } -.charsheet div.tab-content { +.charsheet main.tab-content { display: none; } -.charsheet input.tab1:checked ~ div.tab1, -.charsheet input.tab2:checked ~ div.tab2, -.charsheet input.tab3:checked ~ div.tab3 { +.charsheet input.tab1:checked ~ main.tab1, +.charsheet input.tab2:checked ~ main.tab2, +.charsheet input.tab3:checked ~ main.tab3 { display: grid; } .charsheet input.tab { @@ -682,7 +684,7 @@ /*new die changes die roller to d6*/ content: ""; } - .charsheet div.pg1 { + .charsheet main.pg1 { display: grid; grid-gap: 4px; grid-template-columns: 13fr 9fr; diff --git a/MythicD6/mythicd6.html b/MythicD6/mythicd6.html index c242cc4a9e..621d55cac3 100644 --- a/MythicD6/mythicd6.html +++ b/MythicD6/mythicd6.html @@ -6,7 +6,7 @@ -