refactor(1.89.18): cleanup fonts usage

This commit is contained in:
Azgaar 2023-05-13 15:55:08 +04:00
parent d55125cd12
commit e2af899792
6 changed files with 109 additions and 61 deletions

View file

@ -1,3 +1,9 @@
:root {
--monospace: Consolas, monospace;
--serif: Georgia, serif;
--sans-serif: Helvetica, Arial, sans-serif;
}
input,
select,
button {
@ -119,7 +125,7 @@ a {
}
#temperature {
font-family: sans-serif;
font-family: var(--sans-serif);
font-weight: 700;
text-anchor: middle;
dominant-baseline: central;
@ -160,7 +166,7 @@ t,
text-shadow: 0 0 4px #000;
dominant-baseline: central;
text-anchor: middle;
font-family: Helvetica;
font-family: var(--sans-serif);
fill-opacity: 1;
}
@ -249,7 +255,7 @@ i.icon-lock {
.chartInfo {
text-align: center;
font-family: sans-serif;
font-family: var(--sans-serif);
font-style: italic;
font-size: 12px;
}
@ -356,7 +362,7 @@ text.drag {
#options {
position: absolute;
font-family: Consolas, monospace;
font-family: var(--monospace);
border: solid 1px #5e4fa2;
margin: 10px;
padding-bottom: 0.3em;
@ -366,7 +372,7 @@ text.drag {
#options input,
#options select,
#options button {
font-family: Consolas, monospace;
font-family: var(--monospace);
}
#collapsible {
@ -387,7 +393,7 @@ text.drag {
div.tab > button#optionsHide {
width: auto;
font-family: Arial;
font-family: var(--sans-serif);
padding: 0.6em 0.45em;
}
@ -421,6 +427,7 @@ button.options:hover {
#aboutContent p {
font-weight: normal;
font-style: normal;
}
#aboutContent a {
@ -657,7 +664,7 @@ input[type="color"]::-webkit-color-swatch-wrapper {
border: none;
padding: 0.45em 0.75em;
margin: 0.4em 0;
font-family: Consolas, monospace;
font-family: var(--monospace);
animation: glowing 2s infinite;
}
@ -936,7 +943,7 @@ fieldset {
padding: 0.1em 0.5em;
float: left;
font-size: 1.2em;
font-family: monospace;
font-family: var(--monospace);
}
#brushesButtons > button {
@ -995,7 +1002,7 @@ fieldset {
background-color: #ffffff95;
color: #05044d;
font-style: italic;
font-family: monospace;
font-family: var(--monospace);
}
#templateBody select {
@ -1721,7 +1728,7 @@ div.editorLine {
fill: #f8ffff;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-family: var(--sans-serif);
cursor: move !important;
}
@ -1734,7 +1741,7 @@ div.editorLine {
#pickerCloseText {
fill: #f8ffff;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-family: var(--sans-serif);
pointer-events: none;
}
@ -1869,7 +1876,7 @@ div.editorLine {
}
#ruler text {
font-family: "Georgia";
font-family: var(--serif);
fill: #3d3d3d;
text-anchor: middle;
text-shadow: 0 0 4px white;
@ -1892,7 +1899,7 @@ div.editorLine {
#scaleBar text {
fill: #353540;
text-anchor: middle;
font-family: Georgia;
font-family: var(--serif);
}
#militaryOptionsTable select {
@ -1918,7 +1925,7 @@ div.editorLine {
#coordinateLabels {
fill: #333333;
font-family: monospace;
font-family: var(--monospace);
text-shadow: 0 0 4px white;
stroke-width: 0;
dominant-baseline: central;
@ -1973,7 +1980,7 @@ input[type="checkbox"] {
div.textual select,
div.textual textarea,
div.textual input {
font-family: monospace;
font-family: var(--monospace);
}
div.textual fieldset {
@ -1988,13 +1995,13 @@ div.textual span,
}
#namesbaseExamples {
font-family: monospace;
font-family: var(--monospace);
cursor: pointer;
}
#markers {
cursor: pointer;
font-family: monospace;
font-family: var(--monospace);
user-select: none;
text-anchor: middle;
dominant-baseline: central;
@ -2054,7 +2061,7 @@ div.textual span,
outline: 0;
overflow-y: auto;
padding: 0.6em;
font-family: monospace;
font-family: var(--monospace);
background-color: #fff;
border: 1px solid #dedede;
color: #000;
@ -2184,14 +2191,14 @@ svg.button {
#globaAxisLabels {
font-style: italic;
font-size: 9px;
font-family: monospace;
font-family: var(--monospace);
stroke: none;
fill: #001754;
}
#globeLatLabels {
font-size: 12px;
font-family: monospace;
font-family: var(--monospace);
stroke: none;
fill: #001754;
}
@ -2252,7 +2259,7 @@ svg.button {
#errorBox {
font-size: 0.9em;
font-family: Consolas, monospace;
font-family: var(--monospace);
color: #920303;
background-color: #dabdbd91;
padding: 2px;
@ -2287,7 +2294,7 @@ svg.button {
#promptText {
padding: 0 0 0.6em 0;
font-weight: bold;
font-family: sans-serif;
font-family: var(--sans-serif);
}
#mapOverlay {