diff --git a/icons.css b/icons.css index 5a8b22f9..2b3a93db 100644 --- a/icons.css +++ b/icons.css @@ -193,10 +193,10 @@ .icon-percent:before { content: '\f295'; } /* '' */ /* Amended FA icons */ -.icon-sort-name-up:after { font-size: 9px; content: '\f15d'; } -.icon-sort-name-down:after { font-size: 9px; content: '\f15e'; } -.icon-sort-number-up:after { font-size: 9px; content: '\f162'; } -.icon-sort-number-down:after { font-size: 9px; content: '\f163'; } +.icon-sort-name-up:after { font-size: .9em; content: '\f15d'; } +.icon-sort-name-down:after { font-size: .9em; content: '\f15e'; } +.icon-sort-number-up:after { font-size: .9em; content: '\f162'; } +.icon-sort-number-down:after { font-size: .9em; content: '\f163'; } /* Custom icons */ .icon-w:before { font-style: italic; content: 'w:'; } @@ -209,7 +209,7 @@ .icon-smooth:before {font-weight: bold; content: '∼'; } .icon-disrupt:before {font-weight: bold; content: '෴'; } .icon-if:before {font-style: italic; font-weight: bold; content: 'if'; } -.icon-fleur:before {content: '⚜'; font-size: 11px; margin: -2px; } +.icon-fleur:before {content: '⚜'; font-size: 1.1em; margin: -2px; } .icon-ruler:before {content: 'I'; } .icon-curve:before {content: 'C'; } @@ -222,6 +222,6 @@ padding: 0; writing-mode: tb-rl; margin-left: 1px; - width: 10px; + width: .6em; font-family: monospace; } \ No newline at end of file diff --git a/index.css b/index.css index 8dfc4066..6b09d2e3 100644 --- a/index.css +++ b/index.css @@ -5,24 +5,25 @@ src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'); } -@media print { - div, canvas {display: none;} -} - body { margin: 0; border: 0; height: 100%; -} - -body, input, select { font-size: 11px; } -button { +input, select, button { font-size: 1em; } +select { + height: 1.6em; +} + +input { + height: 1.1em; +} + #map { position: absolute; background-color: #000000; @@ -39,6 +40,7 @@ button { position: absolute; bottom: 1em; left: 1em; + cursor: pointer; } #pickerContainer { @@ -118,7 +120,7 @@ button, select, a { } #provinceLabels { - text-anchor: middle; + text-anchor: middle; fill: "#18181a"; font-family: "Georgia"; font-size: 9px; @@ -144,7 +146,7 @@ button, select, a { } .strokes { - stroke-width: 0.08px; + stroke-width: .08px; width: 2px; stroke: #5c5c70; stroke-dasharray: 0.5, 0.7; @@ -165,12 +167,8 @@ i.icon-lock { cursor: pointer; } -#riverScale { - width: 40px; -} - #riverAngle, #riverWidthInput, #riverIncrement { - width: 70px; + width: 7em; } .editButtonS { @@ -178,13 +176,6 @@ i.icon-lock { cursor: pointer; } -.editValue { - display: none; - cursor: default; - font-size: small; - width: 34px; -} - #riverEditor > *, #routeEditor > *, #labelEditor div, @@ -202,9 +193,9 @@ i.icon-lock { #religionInfo { text-align: center; - font-family: sans-serif; - font-style: italic; - font-size: 1.1em; + font-family: sans-serif; + font-style: italic; + font-size: 1.1em; } #religionHierarchy .selected { @@ -228,7 +219,7 @@ i.icon-lock { } @keyframes dash { - to {stroke-dashoffset: 0} + to {stroke-dashoffset: 0} } #burgLabels { @@ -239,7 +230,7 @@ i.icon-lock { #routeLength, #riverLength { background-color: #eeeeee; border: 1px solid #a5a5a5; - height: 18px; + line-height: 1.3em; cursor: default; } @@ -318,21 +309,15 @@ div.tab > button#optionsHide { } #optionsContent span { - font-size: x-small; + font-size: .9em; } #options i { color: #31272c; - font-size: 9px; + font-size: .8em; cursor: pointer; } -#options input[type="text"] { - height: 12px; - line-height: 14px; - font-size: smaller; -} - input[type="color"] { -webkit-appearance: none; cursor: pointer; @@ -344,8 +329,8 @@ input[type="color"]::-webkit-color-swatch-wrapper { } #options input[type="color"] { - width: 50px; - height: 11px; + width: 4.5em; + height: 1em; border: 0; } @@ -358,7 +343,7 @@ input[type="color"]::-webkit-color-swatch-wrapper { } #options select { - height: 14px; + height: 1.5em; border: 0; cursor: pointer; font-size: smaller; @@ -367,7 +352,6 @@ input[type="color"]::-webkit-color-swatch-wrapper { #options input[type="range"] { height: 8px; background: 0; - position: relative; -moz-appearance: none; -webkit-appearance: none; margin-left: 0; @@ -376,22 +360,24 @@ input[type="color"]::-webkit-color-swatch-wrapper { #options input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border-radius: 15%; - width: 10px; - height: 10px; - background: #916e7f; + width: .91em; + height: .91em; + background: #a58394; border: 1px solid #5d4651; cursor: pointer; - margin-top: -4px; + margin-top: -.4em; + box-shadow: .5px .5px 0px #5d4651; } #options input[type="range"]::-moz-range-thumb { -moz-appearance: none; border-radius: 15%; - width: 8px; - height: 8px; - background: #916e7f; + width: .73em; + height: .73em; + background: #a58394; border: 1px solid #5d4651; cursor: pointer; + box-shadow: .5px .5px 0px #5d4651; } #options input[type=range]::-webkit-slider-runnable-track { @@ -406,17 +392,17 @@ input[type="color"]::-webkit-color-swatch-wrapper { } #options input[type="number"] { - height: 12px; + height: 1.3em; line-height: 14px; - font-size: smaller; + font-size: .8em; } #options input[type="text"] { border: 0px; padding-left: 3px; width: 62%; - height: 12px; - line-height: 14px; + height: 1.1em; + line-height: 1.3em; font-size: smaller; } @@ -440,11 +426,12 @@ input[type="color"]::-webkit-color-swatch-wrapper { } #optionsContent input[type="number"]:hover { - outline: 1px solid #5d4651; + outline: 1px solid #5d4651; } #optionsContent input.paired { - width: 18%; + width: 2.5em; + margin-left: -.3em; text-align: center; background-color: white; } @@ -475,6 +462,14 @@ input[type="color"]::-webkit-color-swatch-wrapper { margin: 0; } +#styleContent button.presetButton { + position: absolute; + height: 2em; + border-radius: 15%; + margin: 1.3em 0 0 .6em; + font-size: .7em; +} + #styleContent button:active { transform: translate(0px, 1px); } @@ -551,8 +546,8 @@ button.active { .tabcontent button { background-color: #916e7f; border: none; - padding: 5px 8px; - margin: 4px 0; + padding: .45em .75em; + margin: .35em 0; transition: 0.1s; font-size: 1em; } @@ -580,8 +575,8 @@ fieldset { list-style-type: none; background-color: #997b89; cursor: pointer; - padding: 4px; - margin: 2px 3px; + padding: .35em; + margin: .2em .3em; float: left; width: 28%; text-align: center; @@ -687,15 +682,15 @@ fieldset { } .matrix-table { - width: 100%; - font-size: smaller; - text-align: center; - border-collapse: collapse; + width: 100%; + font-size: smaller; + text-align: center; + border-collapse: collapse; } table.matrix-table th, table.matrix-table td { - border: 1px solid #5d4651; - height: 2em; + border: 1px solid #5d4651; + height: 2em; padding: .2em; position: relative; } @@ -706,18 +701,18 @@ table.matrix-table th { } table.matrix-table tr:hover th { - background: #3e3636; + background: #3e3636; } table.matrix-table td:hover { outline: 2px solid #5d4651; - outline-offset: -1px; - z-index: 1; + outline-offset: -1px; + z-index: 1; } table.matrix-table td.Ally { - background-color: #73ec73; - color: #000000; + background-color: #73ec73; + color: #000000; } table.matrix-table td.Friendly { @@ -822,12 +817,12 @@ body button.noicon { #templateBody input, #templateBody select { - width: 4em; - height: 1em; - border: 0; - font-size: .95em; - background-color: #ffffff95; - color: #05044d; + width: 4em; + height: 1em; + border: 0; + font-size: .95em; + background-color: #ffffff95; + color: #05044d; font-style: italic; font-family: monospace; } @@ -839,18 +834,18 @@ body button.noicon { } #templateBody .icon-resize-vertical { - cursor: row-resize; - font-size: .9em; - color: #555555; - margin: 1px 1px; + cursor: row-resize; + font-size: .9em; + color: #555555; + margin: 1px 1px; } #templateBody .icon-check-empty, #templateBody .icon-check { - width: 1.1em; - cursor: pointer; - color: #575957; - font-size: .9em; + width: 1.1em; + cursor: pointer; + color: #575957; + font-size: .9em; } #controlPoints { @@ -945,10 +940,6 @@ i.resetButton:active { color: #5d4651; } -.ui-dialog input { - height: 14px; -} - .ui-dialog button.pressed { box-shadow: inset 1px 1px 0 0 #ccc; border-color: #a6a6da; @@ -986,8 +977,8 @@ i.resetButton:active { } .ui-dialog input[type="number"] { - width: 28px; - height: 12px; + width: 2.5em; + height: 1.1em; } .ui-dialog .disabled { @@ -1031,13 +1022,13 @@ div.slider .ui-slider-handle { } #loadDropdown { - display: none; - position: absolute; - left: 53%; - top: 100%; - border: 1px solid #5e4fa2; - background-color: #a4879b; - width: 9em; + display: none; + position: absolute; + left: 53%; + top: 100%; + border: 1px solid #5e4fa2; + background-color: #a4879b; + width: 9em; } #loadDropdown>div, @@ -1086,13 +1077,11 @@ div.header > div { font-weight: bold; font-size: .9em; display: inline-block; + position: sticky; } .sortable { - font-weight: bold; - font-size: .9em; cursor: pointer; - display: inline-block; } .totalLine { @@ -1109,10 +1098,10 @@ div.header > div { div.states { border: 1px solid #d4d4d4; background-image: linear-gradient(to right, #fafafa80 0%, #f0f0f080 50%, #c8c8c880 100%); - margin: 1px 0; - padding: 0 2px; + margin: .1em 0; + padding: 0 .2em; font-size: .9em; - line-height: 15px; + line-height: 1.5em; } div.states:hover { @@ -1126,44 +1115,44 @@ div.states sup { } div.states>input { - width: 60px; + width: 6em; background: none; border: 0; } div.states>input.stateColor { - width: 8px; - height: 8px; + width: .9em; + height: .9em; padding: 0px; margin-right: -1px; } div.states div { - width: 32px; + width: 3.2em; } div.states .statePower { - width: 32px; - line-height: 14px; + width: 3.2em; + line-height: 1.4em; -moz-appearance: textfield; } div.states .biomeHabitability { - width: 36px; - line-height: 14px; + width: 3.6em; + line-height: 1.4em; -moz-appearance: textfield; } div.states .stateBurgs { - width: 24px; + width: 2.4em; } div.states>.stateArea { - width: 50px; + width: 5em; } div.states>.statePopulation { - width: 30px; + width: 3em; } div.states .icon-trash-empty, @@ -1184,7 +1173,7 @@ div.states>[class^="icon-"] { div.states > .icon-arrows-cw { color: #67575c; - font-size: 9px; + font-size: .9em; cursor: pointer; } @@ -1194,23 +1183,23 @@ div.states>.before { } div.states>.small { - font-size: 9px; + font-size: .9em; } div.states>.cultureName { - width: 50px; + width: 5em; white-space: nowrap; } div.states>.culturePopulation { - width: 40px; + width: 4em; } div.states > .cultureBase, div.states > .cultureType, div.states > .stateCulture, div.states > .diplomacyRelations { - width: 46px; + width: 4.6em; cursor: pointer; border: 0; background-color: transparent; @@ -1226,15 +1215,15 @@ div.states > .cultureBase { div.states > .burgName, div.states > .burgState, div.states > .burgCulture { - width: 60px; + width: 6em; } div.states .burgPopulation { - width: 48px; + width: 4.8em; } div.states .burgType { - width: 30px; + width: 3em; } div.states .burgType > span { @@ -1264,7 +1253,7 @@ div.states > div.stateName { width: 50px; color: #666666; font-style: italic; - line-height: 14px; + line-height: 1.4em; } div.states>.religionName { @@ -1295,19 +1284,14 @@ div.states>.religionDeity { pointer-events: none; } -span.ui-dialog-title>input.stateColor { - width: 8px; - height: 8px; -} - div.states.selected { border-color: #b28585; background-image: linear-gradient(to right, #f2f2f2 0%, #ebe7e7 50%, #E5DADB 100%); } div.states.Self { - border-color: #858b8e; - background-image: linear-gradient(to right, #f2f2f2 0%, #b0c6d9 100%); + border-color: #858b8e; + background-image: linear-gradient(to right, #f2f2f2 0%, #b0c6d9 100%); font-style: italic; margin-bottom: .2em; cursor: default !important; @@ -1319,17 +1303,17 @@ div.states button.selectCapital { } div.states > input.biomeName { - width: 120px; + width: 12em; } div.states > div.biomeArea { - width: 50px; + width: 5em; } .zoneFill { - stroke: #666666; - stroke-width: 2; - cursor: pointer; + stroke: #666666; + stroke-width: 2; + cursor: pointer; } #picker text { @@ -1343,9 +1327,9 @@ div.states > div.biomeArea { } #pickerLabel { - fill: #f8ffff; - font-size: 1.2em; - font-weight: bold; + fill: #f8ffff; + font-size: 1.2em; + font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor: move !important; } @@ -1358,7 +1342,7 @@ div.states > div.biomeArea { #pickerCloseText { fill: #f8ffff; - font-size: 10px; + font-size: 10px; font-family: Arial, Helvetica, sans-serif; pointer-events: none; } @@ -1380,9 +1364,9 @@ div.states > div.biomeArea { } #pickerSpaces input { - height: 8px; - width: 16px; - font-size: smaller; + height: 8px; + width: 16px; + font-size: smaller; text-align: center; -moz-appearance: textfield; } @@ -1398,17 +1382,17 @@ div.states > div.biomeArea { } #picker rect.selected { - outline: 2px dashed #b90c0c; - stroke-width: 0; + outline: 2px dashed #b90c0c; + stroke-width: 0; } .hoverButton { position: sticky; - margin-left: -1.8em; - margin-top: 1px; - background-color: #dedede; - font-size: 8px; - cursor: pointer; + margin-left: -1.8em; + margin-top: 1px; + background-color: #dedede; + font-size: 8px; + cursor: pointer; padding: 0px 3px !important; } @@ -1426,15 +1410,25 @@ div.states > div.biomeArea { margin: 6px 0 0 6px; } -#unitsBody>div>div, -#unitsBody>div>input[type="text"], -#unitsBody>div>input[type="range"], -#unitsBody>div>select { +#unitsBody>div>div { width: 9em; } +#unitsBody>div>input[type="range"] { + width: 7em; +} + +#unitsBody>div>input[type="text"] { + width: 11.2em; +} + +#unitsBody>div>select { + width: 11.32em; +} + + #unitsBody>div>input[type="number"] { - width: 4em; + width: 3.4em; } #unitsBody>div>input, @@ -1447,18 +1441,12 @@ div.states > div.biomeArea { color: #626573; font-size: .8em; cursor: pointer; - position: fixed; - margin: .4em 0 0 -.9em; -} - -#distanceUnitOutput { - width: 0; - margin-left: -2.5em; - pointer-events: none; + position: fixed; + margin: .4em 0 0 -.9em; } #barBackColor { - width: 3.7em; + width: 3.45em; padding: 0px; } @@ -1529,6 +1517,7 @@ div.states > div.biomeArea { } #loading { + font-size: 11px; color: #fff5da; text-align: center; text-shadow: 0px 1px 4px #4c3a35; @@ -1633,24 +1622,24 @@ input[type="checkbox"] { } .checkbox+.checkbox-label:before { - content: ''; - display: inline-block; - vertical-align: text-top; - width: 7px; - height: 7px; - padding: 2px; - margin-right: 3px; + content: ''; + display: inline-block; + vertical-align: text-top; + width: 7px; + height: 7px; + padding: 2px; + margin-right: 3px; border: 1px solid darkgrey; - border-radius: 15%; + border-radius: 15%; background: white; } .checkbox:checked+.checkbox-label:before { - line-height: 8px; - font-size: 12px; - font-weight: bold; - content: '✓'; - color: #333333; + line-height: 8px; + font-size: 12px; + font-weight: bold; + content: '✓'; + color: #333333; } .shadowed { @@ -1726,8 +1715,8 @@ div.textual span, .textual legend { } #markerIconTable td:hover { - transition: .1s; - color: #3c3ca9; + transition: .1s; + color: #3c3ca9; } #markerIconTable td:active { @@ -1748,17 +1737,17 @@ div.textual span, .textual legend { div#notes { display: none; - position: fixed; - width: 28vw; - right: 1vw; - top: 1vw; - font-size: 1.2em; - border: 1px solid #5e4fa2; - background: rgba(255, 250, 228, 0.7); - box-shadow: 2px 2px 5px -3px #3a2804; - white-space: pre-line; - -moz-user-select: none; - user-select: none; + position: fixed; + width: 28vw; + right: 1vw; + top: 1vw; + font-size: 1.2em; + border: 1px solid #5e4fa2; + background: rgba(255, 250, 228, 0.7); + box-shadow: 2px 2px 5px -3px #3a2804; + white-space: pre-line; + -moz-user-select: none; + user-select: none; } div#notesHeader { @@ -1780,8 +1769,8 @@ svg.button { } #reliefEditor > div > div { - font-style: italic; - display: inline-block; + font-style: italic; + display: inline-block; } #reliefEditor div.reliefEditorLabel { @@ -1797,7 +1786,7 @@ svg.button { } #reliefIconsDiv { - margin-top: 2px; + margin-top: 2px; padding: 2px; max-width: 30vw; } @@ -1806,7 +1795,7 @@ svg.button { width: 40px; height: 40px; background-color: #e7e6e4; - border: 1px solid #a9a9a9; + border: 1px solid #a9a9a9; cursor: pointer; } @@ -1818,14 +1807,14 @@ svg.button { } #reliefIconsDiv svg.pressed { - border: 1px solid #b3352c; - background-color: #f2f2f2; + border: 1px solid #b3352c; + background-color: #f2f2f2; } #reliefIconsSeletionAny { display: none; - text-anchor: middle; - dominant-baseline: central; + text-anchor: middle; + dominant-baseline: central; } #alertMessage { @@ -1841,7 +1830,7 @@ svg.button { } #info-line { - font-size: .9em; + font-size: .9em; color: gray; user-select: none; } @@ -1961,12 +1950,12 @@ svg.button { } #errorBox { - font-size: .9em; - font-family: Consolas, monospace; - color: #920303; - background-color: #dabdbd91; - padding: 2px; - border: 1px solid #916e7f; + font-size: .9em; + font-family: Consolas, monospace; + color: #920303; + background-color: #dabdbd91; + padding: 2px; + border: 1px solid #916e7f; } #debug { @@ -1974,6 +1963,10 @@ svg.button { opacity: 0.8; } +@media print { + div, canvas {display: none;} +} + @media only screen and (max-width: 420px) { #collapsible, #options { margin: 0; diff --git a/index.html b/index.html index 6da7d3f7..8160dcbf 100644 --- a/index.html +++ b/index.html @@ -819,8 +819,8 @@ - - + + @@ -881,8 +881,8 @@
- - + +
@@ -2032,8 +2032,8 @@ @@ -2180,8 +2180,8 @@ @@ -2189,7 +2189,7 @@ @@ -2205,8 +2205,8 @@ @@ -2426,12 +2426,12 @@