| @@ -206,14 +206,16 @@ body.show-extra-options .options-block.options-block-optional { | |||||
| font-size: 24pt; | font-size: 24pt; | ||||
| margin-top: 10px; | margin-top: 10px; | ||||
| margin-bottom: 10px; | margin-bottom: 10px; | ||||
| background: #232; | |||||
| background: #242; | |||||
| text-decoration: none; | text-decoration: none; | ||||
| user-select: none; | user-select: none; | ||||
| margin-left: 10px; | |||||
| margin-right: 10px; | |||||
| } | } | ||||
| .options-banner:hover { | .options-banner:hover { | ||||
| color: #222; | color: #222; | ||||
| background: #494; | |||||
| background: #282; | |||||
| } | } | ||||
| .options-selector { | .options-selector { | ||||
| @@ -281,10 +283,16 @@ select.menu-item { | |||||
| #options .options-label, | #options .options-label, | ||||
| #options .options-banner { | #options .options-banner { | ||||
| flex: 0 1; | flex: 0 1; | ||||
| width: 100%; | |||||
| font-size: 150%; | font-size: 150%; | ||||
| } | } | ||||
| #options .options-label { | |||||
| width: 100%; | |||||
| } | |||||
| #options .options-banner { | |||||
| width: calc(100% - 20px); | |||||
| } | |||||
| .options-row .options-field-numeric { | .options-row .options-field-numeric { | ||||
| flex: 1 1 100%; | flex: 1 1 100%; | ||||
| max-width: 90%; | max-width: 90%; | ||||
| @@ -163,7 +163,9 @@ | |||||
| <div id="main-area"> | <div id="main-area"> | ||||
| <div id="options" class=""> | <div id="options" class=""> | ||||
| <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link" | <a href="https://docs.google.com/forms/d/e/1FAIpQLScRC-okDZ3FtzDTkbqSrpj5_OGD-1Vl-VYizOK3QM6quus11g/viewform?usp=sf_link" | ||||
| class="options-banner">Submit your<br>character!</a> | |||||
| class="options-banner">Submit your character</a> | |||||
| <a href="https://docs.google.com/forms/d/e/1FAIpQLScj4A0D9VhVmOPRXwZMRDVyTRdDKiYVqSM86ESJnMHFV5jzQg/viewform?usp=sf_link" | |||||
| class="options-banner">Request other objects</a> | |||||
| <h3 class="options-header">World Info</h3> | <h3 class="options-header">World Info</h3> | ||||
| <div id="options-world"> | <div id="options-world"> | ||||
| <div class="options-label"> | <div class="options-label"> | ||||