imported>Jacob Robertson |
imported>Jacob Robertson |
| Line 236: |
Line 236: |
| } | | } |
|
| |
|
| /***************** SKILLS TABLE ***********************************************************/ | | /***************** MAP TABLES ***********************************************************/ |
| .st-table { | | .map-tables-term-header { |
| display: grid;
| |
| grid-template-rows: auto;
| |
| grid-template-columns: 100%;
| |
| gap: 2px;
| |
| }
| |
| | |
| .st-table a:link, .st-table a:visited {
| |
| color: var(--map-outlines);
| |
| }
| |
| .st-table a:hover, .st-table a:active {
| |
| color: var(--map-hover);
| |
| text-decoration: none;
| |
| }
| |
| | |
| .st-header-row {
| |
| height: 2em;
| |
| }
| |
| .st-header-cell {
| |
| padding: .75em;
| |
| border: 1px solid var(--map-outlines);
| |
| font-weight: bold;
| |
| background-color: var(--beacons-light);
| |
| text-align: center;
| |
| color: var(--map-outlines);
| |
| }
| |
| div.st-header-skills {
| |
| background-color: var(--beacons-middle);
| |
| color: white;
| |
| }
| |
| .st-header-guides {
| |
| }
| |
| .st-header-trails {
| |
| }
| |
| .st-header-beacons {
| |
| }
| |
| .st-header-milestones {
| |
| }
| |
| | |
| .st-row {
| |
| display: grid;
| |
| grid-template-columns: 25% 25% 20% 15% 15%;
| |
| gap: 2px;
| |
| min-height: 2em;
| |
| }
| |
| .st-cell {
| |
| border: 1px solid var(--map-outlines);
| |
| padding: .5em;
| |
| }
| |
| div.st-skill {
| |
| background-color: var(--milestone-darkest);
| |
| font-style: italic;
| |
| font-weight: bold;
| |
| color: white;
| |
| }
| |
| div.st-skill a {
| |
| color: white;
| |
| }
| |
| div.st-guides {
| |
| background-color: var(--milestone-dark);
| |
| font-style: normal;
| |
| }
| |
| div.st-trails {
| |
| background-color: var(--milestone-middle);
| |
| font-style: normal;
| |
| }
| |
| div.st-beacons {
| |
| background-color: var(--milestone-light); | | background-color: var(--milestone-light); |
| font-style: normal;
| |
| }
| |
| div.st-milestones {
| |
| background-color: var(--milestone-lightest);
| |
| font-style: normal;
| |
| }
| |
|
| |
|
| |
| /***************** INFO BOX ***************/
| |
| .em-info-header {
| |
| border-top-left-radius: .5em;
| |
| border-top-right-radius: .5em;
| |
| background-color: var(--milestone-middle);
| |
| }
| |
| .em-info-body td, .em-info-body th {
| |
| border: 1px solid var(--milestone-darkest);
| |
| padding: .25em .25em .25em .5em;
| |
| }
| |
| .em-info-body a {
| |
| color: var(--map-outlines);
| |
| }
| |
| .em-info-label {
| |
| background-color: var(--milestone-light);
| |
| font-style: italic;
| |
| }
| |
| .em-info-data {
| |
| background-color: var(--milestone-lightest);
| |
| font-style: normal;
| |
| }
| |
| .em-info-below {
| |
| border-bottom-left-radius: .5em;
| |
| border-bottom-right-radius: .5em;
| |
| background-color: var(--milestone-middle);
| |
| } | | } |
|
| |
|
