diff --git a/icons.css b/icons.css index 8a5a1dff..2bce5a2c 100644 --- a/icons.css +++ b/icons.css @@ -209,4 +209,18 @@ .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-arc:before {font-weight: bold; font-size: 1.2em; content: '⌒'; } \ No newline at end of file + +.icon-ruler:before {content: 'I'; } +.icon-curve:before {content: 'C'; } +.icon-area:before {content: 'O'; } + +.icon-ruler:before, +.icon-curve:before, +.icon-area:before { + font-size: 1.5em; + padding: 0; + writing-mode: tb-rl; + margin-left: 1px; + width: 10px; + font-family: monospace; +} diff --git a/images/textures/antique-big.jpg b/images/textures/antique-big.jpg new file mode 100644 index 00000000..5222bd6e Binary files /dev/null and b/images/textures/antique-big.jpg differ diff --git a/images/textures/antique-small.jpg b/images/textures/antique-small.jpg new file mode 100644 index 00000000..fa46101f Binary files /dev/null and b/images/textures/antique-small.jpg differ diff --git a/images/textures/iran-small.jpg b/images/textures/iran-small.jpg new file mode 100644 index 00000000..91d369f8 Binary files /dev/null and b/images/textures/iran-small.jpg differ diff --git a/images/textures/marble-big.jpg b/images/textures/marble-big.jpg new file mode 100644 index 00000000..1ec033f1 Binary files /dev/null and b/images/textures/marble-big.jpg differ diff --git a/images/textures/marble-blue-big.jpg b/images/textures/marble-blue-big.jpg new file mode 100644 index 00000000..33c9fd79 Binary files /dev/null and b/images/textures/marble-blue-big.jpg differ diff --git a/images/textures/marble-blue-small.jpg b/images/textures/marble-blue-small.jpg new file mode 100644 index 00000000..539e2aed Binary files /dev/null and b/images/textures/marble-blue-small.jpg differ diff --git a/images/textures/marble-small.jpg b/images/textures/marble-small.jpg new file mode 100644 index 00000000..eca86953 Binary files /dev/null and b/images/textures/marble-small.jpg differ diff --git a/images/textures/mars-big.jpg b/images/textures/mars-big.jpg new file mode 100644 index 00000000..b3654a9b Binary files /dev/null and b/images/textures/mars-big.jpg differ diff --git a/images/textures/mars-small.jpg b/images/textures/mars-small.jpg new file mode 100644 index 00000000..017a7315 Binary files /dev/null and b/images/textures/mars-small.jpg differ diff --git a/images/textures/mauritania-small.jpg b/images/textures/mauritania-small.jpg new file mode 100644 index 00000000..9752dea3 Binary files /dev/null and b/images/textures/mauritania-small.jpg differ diff --git a/images/textures/mercury-big.jpg b/images/textures/mercury-big.jpg new file mode 100644 index 00000000..eebaed96 Binary files /dev/null and b/images/textures/mercury-big.jpg differ diff --git a/images/textures/mercury-small.jpg b/images/textures/mercury-small.jpg new file mode 100644 index 00000000..885215b1 Binary files /dev/null and b/images/textures/mercury-small.jpg differ diff --git a/images/textures/pergamena-small.jpg b/images/textures/pergamena-small.jpg new file mode 100644 index 00000000..4d7d10ad Binary files /dev/null and b/images/textures/pergamena-small.jpg differ diff --git a/images/textures/spain-small.jpg b/images/textures/spain-small.jpg new file mode 100644 index 00000000..4244d3ff Binary files /dev/null and b/images/textures/spain-small.jpg differ diff --git a/images/textures/stone-big.jpg b/images/textures/stone-big.jpg new file mode 100644 index 00000000..0a431f9e Binary files /dev/null and b/images/textures/stone-big.jpg differ diff --git a/images/textures/stone-small.jpg b/images/textures/stone-small.jpg new file mode 100644 index 00000000..7d616eed Binary files /dev/null and b/images/textures/stone-small.jpg differ diff --git a/images/textures/textures-attribution.txt b/images/textures/textures-attribution.txt new file mode 100644 index 00000000..b0033a8d --- /dev/null +++ b/images/textures/textures-attribution.txt @@ -0,0 +1,12 @@ +All used textures should be distrubuted under free license +marble.jpg https://www.rawpixel.com/image/327647/closeup-marble-textured-background by Teddy Rawpixel +marble-blue.jpg https://www.pexels.com/photo/gray-and-blue-surface-988871/ +timbercut.jpg https://www.pexels.com/photo/brown-close-up-hd-wallpaper-surface-172289 +antique.jpg https://www.pexels.com/photo/abstract-ancient-antique-art-235985/ +pergamena.jpg https://www.freepik.com/free-photo/old-paper-texture-background_1007802.htm +stone.jpg https://www.wildtextures.com/free-textures/grungy-yet-elegant-elevation-stone-ii +mars.jpg https://www.solarsystemscope.com/textures/download/2k_mars.jpg +mercury.jpg https://www.solarsystemscope.com/textures/download/2k_mercury.jpg +mauritania.jpg https://go.nasa.gov/2Ugu9M8 NASA Worldview (Jan 24, 2019) +iran.jpg https://go.nasa.gov/2FNmiT5 NASA Worldview (Jan 24, 2019) +spain.jpg https://go.nasa.gov/2FMDPuu NASA Worldview (Jan 24, 2019) \ No newline at end of file diff --git a/images/textures/timbercut-big.jpg b/images/textures/timbercut-big.jpg new file mode 100644 index 00000000..6c4b2794 Binary files /dev/null and b/images/textures/timbercut-big.jpg differ diff --git a/images/textures/timbercut-small.jpg b/images/textures/timbercut-small.jpg new file mode 100644 index 00000000..cf3c8ac5 Binary files /dev/null and b/images/textures/timbercut-small.jpg differ diff --git a/index.css b/index.css index 58016ee9..e715cdb6 100644 --- a/index.css +++ b/index.css @@ -2,31 +2,45 @@ font-family: 'Almendra SC'; font-style: normal; font-weight: 400; - src: local('Almendra SC Regular'), local('AlmendraSC-Regular'), url(https://fonts.gstatic.com/s/almendrasc/v8/Iure6Yx284eebowr7hbyTaZOrLQ.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'); } @media print { - div, canvas { - display: none; - } + div, canvas {display: none;} } body { margin: 0; border: 0; + height: 100%; } -svg { +body, input, select { + font-size: 11px; +} + +button { + font-size: 1em; +} + +#map { position: absolute; background-color: #53679f; + mask-mode: alpha; + mask-clip: no-clip; } -canvas { +#canvas { position: absolute; pointer-events: none; } +#preview { + position: absolute; + bottom: 1em; + left: 1em; +} + input, button, select, a { outline: none; } @@ -39,31 +53,36 @@ button, select, a { cursor: pointer; } -#terrs { - stroke-width: 0.7; - stroke-linejoin: round; - mask: url(#shape); - mask-mode: alpha; +#prec text { + font-size: 32px; + stroke: none; + text-shadow: 1px 1px 1px #9daac9; + user-select: none; } -#cults { - stroke-width: 4; - mask: url(#shape); - mask-mode: alpha; - pointer-events: none; -} - -#grid { - display: none; +#population, #cells, #compass { fill: none; } -#landmass { - mask: url(#shape); - mask-clip: no-clip; +#biomes { + stroke-width: .7; + fill-rule: evenodd; +} + +#landmass { + mask: url(#land); + fill-rule: evenodd; +} + +#temperature { + fill-rule: evenodd; + font-family: sans-serif; + font-weight: 700; + text-anchor: middle; + dominant-baseline: central; + text-shadow: 0px 0px 10px white; } -#lakes, #oceanLayers { fill-rule: evenodd; } @@ -73,30 +92,45 @@ button, select, a { stroke-linejoin: round; } -#regions { - stroke-width: 2; - stroke: none; - fill-rule: evenodd; - stroke-linejoin: round; - mask: url(#shape); - mask-mode: alpha; +#regions, #terrs, #biomes, #tooltip, #temperature, #texture, #landmass { pointer-events: none; } +#statesBody { + stroke-width: 2; + fill-rule: evenodd; + mask: url(#land); +} + +#statesHalo { + fill: none; + stroke-width: 10; + filter: url(#blur5); + /*animation: hideshow 3s infinite;*/ +} + +#borders { + stroke-linejoin: round; + fill: none; +} + +@keyframes hideshow { + 0% {stroke-width: 1;} + 50% {stroke-width: 10;} +} + #rivers { stroke: none; - mask: url(#shape); + mask: url(#land); cursor: pointer; } -#icons { - cursor: pointer; +#anchors { + pointer-events: none; } -#terrain { - mask: url(#shape); - mask-mode: alpha; - cursor: pointer; +#terrain, #burgIcons { + cursor: pointer; } .strokes { @@ -107,87 +141,18 @@ button, select, a { stroke-linecap: round; } -#borders { - fill: none; -} - #routes { fill: none; cursor: pointer; } -#roads, #trails { - mask: url(#shape); - mask-mode: alpha; -} - #options .pressed { - background-color: #916e7f; + background-color: #896c77 !important; font-style: italic; } -#options i { +i.icon-lock { cursor: pointer; - color: #382830; - font-size: 9px; -} - -#labelEditor div, #markerEditor div { - display: inline-block; -} - -#labelEditor span { - cursor: pointer; -} - -#labelGroupSelect { - width: 146px; - height: 20px; -} - -#labelGroupInput { - display: none; - width: 142px; -} - -#labelText { - width: 160px; -} - -#labelFontSelect { - width: 129px; -} - -#labelFontInput { - width: 125px; -} - -#textPath { - stroke: #3e3e4b; - stroke-width: .5; - fill: none; -} - -#textPathControl { - stroke: #3e3e4b; - stroke-width: .5; - fill: #ffff00; - cursor: row-resize; -} - -div > input[type="color"].editColor { - height: 18px; - width: 20px; - padding: 0; - cursor: pointer; -} - -div > input[type="range"].editRange { - width: 80px; -} - -div > input[type="number"].editNumber { - width: 44px; } #riverScale { @@ -212,7 +177,8 @@ div > input[type="number"].editNumber { #riverEditor > *, #routeEditor > *, -#iconEditor > *, +#labelEditor div, +#markerEditor div, #burgEditor * { display: inline-block; } @@ -228,36 +194,19 @@ div > input[type="number"].editNumber { dominant-baseline: alphabetic; } -#routeLength { - background-color: #f3f3f3; +#routeLength, #riverLength { + background-color: #eeeeee; border: 1px solid #a5a5a5; - padding: 3px; - font-size: 11px; + height: 18px; cursor: default; } -.tag { - fill: #fffa90; - stroke: #333333; - stroke-width: 1.4px; -} - -.line { +#brushCircle { stroke: #373737; - stroke-width: 1px; + stroke-width: 1.5px; stroke-dasharray: 6; - stroke-linecap: butt; -} - -.circle { - stroke-width: 1px; + stroke-linecap: butt; fill: none; - stroke-dasharray: 6; - stroke-linecap: butt; -} - -circle.drag { - stroke: #9f3237; } text.drag { @@ -269,39 +218,48 @@ text.drag { } .ui-dialog, #optionsContainer { - -moz-user-select: none; user-select: none; } +#collapsible { + margin: 11px; + border: 0; + position: absolute; + z-index: 2; +} + +div.tab > button#optionsHide { + width: 7%; + height: 100%; + font-family: Times New Roman, Arial; + padding: 7px 0px; +} + #options { margin: 10px; - display: none; - font-size: smaller; - font-family: monospace; + font-family: Consolas, monospace; position: absolute; border: solid 1px #5e4fa2; + width: 300px; + background-position: center; + background-size: cover; + background-blend-mode: color-dodge; +} + +#options input, #options select, #options button { + font-family: Consolas, monospace; } .tab { overflow: hidden; border-bottom: 1px solid #5d4651; - height: 28px; -} - -button.options { - background-color: #997c89; - font-family: monospace; - font-weight: bold; - float: left; - border: none; - padding: 8px 14px; - transition: 0.2s; - font-size: 1em; + height: 2.3em; } #options p { font-style: italic; font-weight: bold; + margin-bottom: 0; } #aboutContent { @@ -309,7 +267,6 @@ button.options { } #aboutContent p { - font-style: italic; font-weight: normal; } @@ -318,7 +275,38 @@ button.options { font-weight: bold; } -#options input[type="color"], +#optionsContent span { + font-size: x-small; +} + +#options i { + color: #31272c; + font-size: 9px; + cursor: pointer; +} + +#options input[type="text"] { + height: 12px; + line-height: 14px; + font-size: smaller; +} + +input[type="color"] { + -webkit-appearance: none; + cursor: pointer; + border: 1px solid #a9a9a9; +} + +input[type="color"]::-webkit-color-swatch-wrapper { + padding: 0; +} + +#options input[type="color"] { + width: 50px; + height: 11px; + border: 0; +} + #convertImageDialog input[type="color"] { width: 38px; padding: 0; @@ -327,14 +315,20 @@ button.options { cursor: pointer; } +#options select { + height: 14px; + border: 0; + cursor: pointer; + font-size: smaller; +} + #options input[type="range"] { - width: 120px; - height: 2px; - background: #ffffff; - top: -2px; + height: 8px; + background: 0; position: relative; - appearance: none; + -moz-appearance: none; -webkit-appearance: none; + margin-left: 0; } #options input[type="range"]::-webkit-slider-thumb { @@ -345,79 +339,155 @@ button.options { background: #916e7f; border: 1px solid #5d4651; cursor: pointer; + margin-top: -4px; } #options input[type="range"]::-moz-range-thumb { -moz-appearance: none; border-radius: 15%; - width: 10px; - height: 10px; + width: 8px; + height: 8px; background: #916e7f; border: 1px solid #5d4651; cursor: pointer; } -#options select { - height: 14px; - width: 122px; - border: 0; - font-size: smaller; - font-family: monospace; - cursor: pointer; +#options input[type=range]::-webkit-slider-runnable-track { + height: 2px; + background: #ffffff; } -#options .buttonoff { - background-color: #b6b4b440; - color: grey; +#options input[type=range]::-moz-range-track { + -moz-appearance: none; + background-color: #ffffff; + height: 2px; +} + +#options input[type="number"] { + height: 12px; + line-height: 14px; + font-size: smaller; +} + +#options input[type="text"] { + border: 0px; + padding-left: 3px; + width: 62%; + height: 12px; + line-height: 14px; + font-size: smaller; +} + +#optionsContent input[type="number"] { + border: 0; + text-align: right; + background-color: transparent; + width: 30px; + -moz-appearance: textfield; +} + +#optionsContent input[type=number]::-webkit-inner-spin-button, +#optionsContent input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +#optionsContent input[type="number"]:hover { + outline: 1px solid #5d4651; +} + +#optionsContent input.paired { + width: 18%; + text-align: center; + background-color: white; +} + +#optionsContent input.long { + width: 100%; + background-color: white; + text-align: center; +} + +#optionsContent input[type="range"] { + width: 100%; +} + +#optionsContent select { + width: 100%; +} + +#optionsSeedGenerate:before { + content: '✓'; + margin-left: -2px; + font-weight: bold; +} + +#styleContent button.styleButton { + font-size: 70%; + border-radius: 15%; + margin: 0; +} + +#styleContent button:active { + transform: translate(0px, 1px); +} + +#styleElements input[type="range"] { + width: 64%; +} + +#styleElements select { + width: 64%; +} + +#styleElements input[type="number"] { + width: 52px; + border: 0; + padding-left: 2.5px; } #sticked button { - background-color: rgba(153, 124, 137, 0); + background-color: #997c8900; padding: 0; - margin: 1px 17px; + margin-bottom: 2px; + width: 22%; + font-size: 1em; + border: 0; + font-weight: bold; } -#collapsible { - margin: 10px; - border: 1px solid transparent; - position: absolute; - z-index: 2; -} - -#collapsible>button { - height: 28px; -} - -#optionsTrigger { - width: 19px; - font-size: 9px; - padding: 0; -} - -#regenerate { - display: none; - padding: 0px 8px; +#sticked button:hover { + color: white; } .glow { - animation: glowing 3s infinite; + animation: glowing 2s infinite; } @keyframes glowing { - 0% { - box-shadow: 0 0 -4px #ded2d8; - } - 50% { - box-shadow: 0 0 6px #ded2d8; - } - 100% { - box-shadow: 0 0 -4px #ded2d8; - } + 0% {box-shadow: 0 0 -4px #ded2d8;} + 50% {box-shadow: 0 0 8px #F44336;} + 100% {box-shadow: 0 0 -4px #ded2d8;} +} + +.tab > button.options { + width: 23.25%; + height: 100%; + padding: 7px 10px; +} + +button.options { + background-color: #997b89; + font-weight: bold; + float: left; + border: none; + padding: 8px 10px; + transition: 0.2s; } button.options:hover { - background-color: #806070; - color: white; + background-color: #806070 !important; + color: white !important; } button.active { @@ -425,20 +495,14 @@ button.active { color: white; } -#layoutTab { - margin-left: 19px; -} - .tabcontent { display: none; - padding: 0 6px 2px 12px; - opacity: 0.8; - max-width: 290px; + padding: 0 12px 2px 12px; + opacity: 0.9; } .tabcontent button { background-color: #916e7f; - font-family: monospace; border: none; padding: 5px 8px; margin: 4px 0; @@ -447,7 +511,7 @@ button.active { } .tabcontent button:hover { - background-color: #a8879d; + background-color: #a8879d !important; } #mapLayers { @@ -456,84 +520,111 @@ button.active { margin: 0; } +#mapFilters > button { + width: 23%; + padding: 4px 0; +} + fieldset { - border: 1px solid #5d4651; + border: 1px solid #5d4651; } .tabcontent li { list-style-type: none; - background-color: #916e7f; + background-color: #997b89; cursor: pointer; - padding: 5px 8px; - margin: 4px; - transition: 0.1s; - float: left; + padding: 4px; + margin: 2px 0; + display: inline-block; + width: 28%; + text-align: center; +} + +#options .buttonoff { + background-color: #b6b4b440 !important; + color: grey; } .tabcontent li:hover { background-color: #a8879d; } -.tabcontent li.solid { - color: #42383f; -} - -p { - margin-bottom: 0; -} - #optionsContainer span { cursor: default; } -.pairedNumber { - width: 36px; - line-height: 16px; - height: 10px; - font-size: smaller; - font-family: monospace; -} - #cellInfo>div { - margin: 5px; + margin: 3px 0px 3px 3px; display: inline-block; vertical-align: top; } #cellInfo>div:nth-child(2) { - width: 45%; -} - -#customizeOptions { - margin: 2px 0; + width: 50%; } #tooltip { position: fixed; - display: none; - text-align: center; - bottom: 0.5vw; - width: 70%; - left: 15%; - cursor: default; - text-shadow: 1px 1px 2px #1d0e0f; - color: #ffffff; - font-size: calc(10px + 0.5vw); - pointer-events: none; + text-align: center; + bottom: 0.5vw; + width: 70%; + left: 15%; + cursor: default; + text-shadow: 1px 1px 2px #1d0e0f; + color: #ffffff; + font-size: calc(12px + 0.5vw); white-space: pre-line; + z-index: 99999; + background: linear-gradient(0.1turn, #ffffff00, #c71d1d66, #ffffff00); +} + +#optionsContent table { + border-spacing: 0; + line-height: 1.2em; } #optionsContent table td:nth-of-type(1) { - width: 8px; + width: 3%; } #optionsContent table td:nth-of-type(2) { - width: 126px; + width: 40%; } #optionsContent table td:nth-of-type(4) { text-align: right; - width: 18px; + width: 6%; +} + +#styleContent table { + border-spacing: 0; + margin-left: .2em; + width: 100%; +} + +#styleContent table tr { + width: 100%; + display: table; +} + +#styleContent table td:nth-of-type(1) { + width: 34.2%; +} + +#styleElements tbody, #styleElements caption { + display: none; +} + +#styleIsOff { + color: darkred; + font-weight: 700; + text-align: left; +} + +#styleElements .whiteButton { + padding: 0 9px; + border: 0; + background-color: #ffffff !important; } .overflow-div { @@ -552,11 +643,6 @@ p { color: green; } -#icons { - stroke: #0d0d0d; - fill: grey; -} - .setColors { display: inline-block; } @@ -570,6 +656,15 @@ body button.noicon { font-family: Copperplate, monospace; } +#brushesButtons > button { + padding: 0; + width: 25px; +} + +#brushesButtons svg { + pointer-events: none; +} + #brushesPanel>div, #templateEditor>div { margin: 2px 0; @@ -580,19 +675,13 @@ body button.noicon { margin-bottom: -3px; } -#templateSelect { - width: 150px; -} - #templateBody>div { border: 1px solid #a3a3a3; border-radius: 1px; background-image: linear-gradient(to right, #ffffff 0%, #fafafa 51%, #ebebeb 100%); margin: 1px 1px; - width: 226px; - padding: 0px 2px; - height: 12px; - font-size: 10px; + padding: 1px 2px; + height: 13px; } #templateBody>div:hover { @@ -600,48 +689,51 @@ body button.noicon { background-image: linear-gradient(to right, #fcfcfc 0%, #ededed 51%, #dedede 100%); } -#templateBody span { +#templateBody > div > div { display: inline-block; - margin: 0 1px; +} + +#templateBody > div > span { float: right; - cursor: pointer; + margin: 0 1px 0 .5m; } -#templateBody span:hover { - color: #297cb8; -} - -#templateBody label { - float: right; - margin-right: 4px; -} - -#templateBody label:first-of-type { - margin-right: 12px; +#templateBody > div > i { + float: right; } #templateBody input { - width: 40px; - height: 10px; - border: none; - font-family: monospace; + width: 36px; + height: 12px; + border: 0; + font-family: monospace; } #templateBody select { border: 0; - background-color: rgba(255, 255, 255, 0); - width: 58px; + width: 79px; cursor: pointer; + font-family: monospace; + height: 12px; + font-size: .9em; } -.controlPoints { +#controlPoints { fill: #ff0000; stroke: #841f1f; - stroke-width: 0.1; + stroke-width: .2; cursor: move; opacity: .8; } +#controlPoints > path { + fill: none; + stroke: #000000; + stroke-width: 1; + opacity: .3; + cursor: pointer; +} + .drag-trigger { border-left: 12px solid transparent; border-right: 12px solid #916e7f; @@ -657,48 +749,6 @@ body button.noicon { border-right-color: #5e4fa2; } -#styleInputs > div { - display: none; - line-height: 8px; -} - -#styleInputs #styleOcean, -#styleInputs #styleOpacity, -#styleInputs #styleFilter { - display: block; -} - -#styleInputs .whiteButton { - padding: 0 6px; - margin: 0 2px; - border: 1px #827c7f solid; - background-color: #ffffff; -} - -#restoreStyle { - cursor: pointer; - font-size: xx-small; -} - -#styleLabelGroups { - margin-top: 6px; - display: block; -} - -#styleLabelGroups button { - display: inline-block; - margin: 5px 3px 0 3px; - padding: 2px 6px; -} - -.pureInput { - display: inline-block; - width: 50px; - height: 10px; - font-size: smaller; - font-family: monospace; -} - .tint { filter: sepia(1) hue-rotate(200deg); } @@ -747,6 +797,19 @@ body button.noicon { stroke: #da3126; } +i.resetButton { + float: left; + padding-right: .4em; + font-size: .8em; + margin-top: .25em; + color: #ffffff; + cursor: pointer; +} + +i.resetButton:active { + color: #5d4651; +} + .ui-dialog input { height: 14px; } @@ -792,12 +855,6 @@ body button.noicon { height: 12px; } -.ui-dialog input[type="number"].relief { - width: 38px; - height: 10px; - margin-top: 1px; -} - .ui-dialog .disabled { opacity: 0.2; } @@ -858,22 +915,23 @@ div.slider .ui-slider-handle { width: 40px; } -#rescaler { - width: 175px; - top: -2px; -} - .italic { font-style: italic; } .hidden { - display: none; + display: none !important; +} + +.table { + max-height: 75vh; + overflow-x: hidden; + overflow-y: auto; } .sortable { font-weight: bold; - font-size: 10px; + font-size: .9em; cursor: pointer; display: inline-block; } @@ -881,7 +939,7 @@ div.slider .ui-slider-handle { .totalLine { color: #666666; font-style: italic; - font-size: 10px; + font-size: .9em; margin-bottom: 3px; } @@ -894,7 +952,7 @@ div.states { background-image: linear-gradient(to right, #fafafa80 0%, #f0f0f080 50%, #c8c8c880 100%); margin: 1px 0; padding: 0 2px; - font-size: 10px; + font-size: .9em; } div.states:hover { @@ -902,10 +960,7 @@ div.states:hover { background-image: linear-gradient(to right, #dedede 100%, #f2f2f2 50%, #fcfcfc 0%); } -div.states * { - display: inline-block; -} - +div.states > *, div.states sup { display: inline-block; } @@ -917,13 +972,10 @@ div.states>input { } div.states>input.stateColor { - width: 13px; - height: 17px; + width: 8px; + height: 8px; padding: 0px; margin-right: -1px; - border: 0; - background: none; - cursor: pointer; } div.states div { @@ -933,6 +985,13 @@ div.states div { div.states .statePower { width: 32px; line-height: 14px; + -moz-appearance: textfield; +} + +div.states .biomeHabitability { + width: 36px; + line-height: 14px; + -moz-appearance: textfield; } div.states .stateBurgs { @@ -947,21 +1006,19 @@ div.states>.statePopulation { width: 30px; } -div.states .stateBurgs, -div.states .stateBIcon, div.states .icon-trash-empty { cursor: pointer; } div.states>[class^="icon-"] { color: #6e5e66; - padding: 0 1px 0 7px; + padding: 0; } div.states>[class="icon-arrows-cw"] { color: #67575c; - padding: 0 2px 0 0; - font-size: 9px; + padding: 0 2px 0 0; + font-size: 9px; cursor: pointer; } @@ -982,39 +1039,46 @@ div.states>.culturePopulation { width: 40px; } -div.states>.cultureBase { +div.states > .cultureBase, +div.states > .cultureType, +div.states > .stateCulture { width: 46px; - cursor: pointer; + cursor: pointer; border: 0; background-color: transparent; -webkit-appearance: textfield; - -moz-appearance: textfield; + -moz-appearance: none; appearance: textfield; } -#burgsBody, -#countriesBody { - overflow: auto; - max-height: 362px; -} - -#countriesBody { - min-width: 366px; -} - -#burgsBody { - min-width: 260px; -} - -div.states .burgName, -div.states .burgCulture { - width: 56px; +div.states > .burgName, +div.states > .burgState, +div.states > .burgCulture { + width: 60px; } div.states .burgPopulation { + width: 48px; +} + +div.states .burgType { width: 30px; } +div.states .burgType > span { + padding: 0 1px; + color: #6e5e66; + transition: 0.2s; +} + +div.states .burgType > span.inactive { + color: #dfdbdb; +} + +div.states .burgType > span.inactive:hover { + color: #d1d0d0; +} + #burgsFooterPopulation { border: 0; width: 50px; @@ -1023,24 +1087,15 @@ div.states .burgPopulation { line-height: 14px; } -div.states .enlange { - cursor: pointer; -} - -#countriesEditor div>.hidden { - display: none; -} - .placeholder { opacity: 0; + cursor: default; + pointer-events: none; } span.ui-dialog-title>input.stateColor { - width: 14px; - height: 18px; - border: 0; - background: none; - cursor: pointer; + width: 8px; + height: 8px; } div.states.selected { @@ -1053,51 +1108,70 @@ div.states button.selectCapital { padding: 0px 3px; } -#scaleBody { - margin-left: 14px; +div.states > input.biomeName { + width: 120px; } -#scaleBody>div>* { +div.states > div.biomeArea { + width: 50px; +} + +#unitsBody>div>* { display: inline-block; - font-size: 11px; } -#scaleBody>div>div { - width: 100px; +.unitsHeader { + margin: .8em 0 0 -1.1em; + font-weight: bold; + font-style: italic; } -#scaleBody>div>select { - width: 110px; +#unitsBottom, #reliefBottom { + margin: 6px 0 0 6px; +} + +#unitsBody>div>div, +#unitsBody>div>input[type="text"], +#unitsBody>div>input[type="range"], +#unitsBody>div>select { + width: 9em; +} + +#unitsBody>div>input[type="number"] { + width: 3.6em; +} + +#unitsBody>div>input, +#unitsBody>div>select { border: 1px solid #e9e9e9; } -#scaleBody>div>input[type="text"] { - width: 110px; - border: 0; +#distanceUnitOutput { + width: 0; + margin-left: -2.5em; + pointer-events: none; } -#scaleBody>div>input[type="range"] { - width: 80px; -} - -#scaleBody>div>input.output { - width: 30px; -} - -.scaleHeader { - margin-left: -10px; - font-weight: bold; - font-style: italic; - margin-top: 6px; +#barBackColor { + width: 3.7em; + padding: 0px; } #ruler { cursor: move; + fill: none; } #ruler circle { stroke: #4e5a69; fill: yellow; + cursor: grab; +} + +#ruler rect { + stroke: #3d3d3d; + fill: yellow; + cursor: col-resize; } #ruler .white { @@ -1109,19 +1183,14 @@ div.states button.selectCapital { } #ruler text { - font-family: tahoma; + font-family: 'Times New Roman'; fill: #3d3d3d; stroke: none; text-anchor: middle; - dominant-baseline: ideographic; text-shadow: 0 0 4px white; cursor: pointer; } -#ruler .opisometer { - fill: none; -} - #ruler .planimeter { fill: lightblue; fill-rule: evenodd; @@ -1132,7 +1201,7 @@ div.states button.selectCapital { #scaleBar { stroke: none; fill: none; - cursor: move; + cursor: pointer; } #scaleBar text { @@ -1141,28 +1210,32 @@ div.states button.selectCapital { font-family: Georgia; } -#scaleBottom { - margin: 6px 0 0 6px; -} - -#barBackColor { - width: 24px; - height: 16px; - padding: 0px; - border: 0; - background: none; - cursor: pointer; -} - -#overlay { +#gridOverlay { fill: none; } +#coordinates text { + fill: #333333; + stroke: none; + font-family: monospace; + text-shadow: 0 0 4px white; +} + +#lalitude text { + dominant-baseline: central; +} + +#longitude text { + dominant-baseline: hanging; + text-anchor: middle; +} + #loading { color: #fff5da; text-align: center; text-shadow: 0px 1px 4px #4c3a35; - max-width: 780px; + width: 80%; + max-width: 600px; position: fixed; top: 50%; left: 50%; @@ -1174,18 +1247,30 @@ div.states button.selectCapital { #title_name { text-align: left; - font-size: 2em; + font-size: 3em; margin-left: 5%; } #title { - font-size: 4.5em; + font-size: 7em; margin: -12px 0 -6px 0; } #version { text-align: right; - font-size: 1.2em; + font-size: 2em; + margin-right: 3%; +} + +#loading-text { + font-size: 1.8em; + margin: 0.2em 0 0 1em; +} + +p#loading-text > span { + font-size: 1.3em; + padding-left: 1px; + line-height: 0px; } #initial { @@ -1194,27 +1279,18 @@ div.states button.selectCapital { } #init-rose { - stroke-dasharray: 1; - /*animation: spin 30s infinite ease-in-out;*/ + animation: 20s infinite spin; opacity: .7; - transform: translate(50%, 50%); + transform-origin: center; } @keyframes spin { - 0% { - transform: translate(50%, 50%) rotate(0deg); - } - 100% { - transform: translate(50%, 50%) rotate(359deg); - } + 0% {transform: rotate(0deg);} + 100% {transform: rotate(359deg);} } -#loading-text span, -#uploading-map span { - animation-name: blink; - animation-duration: 3s; - animation-iteration-count: infinite; - animation-fill-mode: both; +#loading-text > span, #uploading-map span { + animation: 3s infinite both blink; } #loading-text span:nth-child(2) { @@ -1226,26 +1302,25 @@ div.states button.selectCapital { } @keyframes blink { - 0% { - opacity: 0; - } - 20% { - opacity: 1; - } - 100% { - opacity: .1; - } + 0% {opacity: 0;} + 20% {opacity: 1;} + 100% {opacity: .1;} +} + +ul.share-buttons { + margin: 4px 0 0 0; + padding-left: 8%; } ul.share-buttons li { - display: inline; - float: none; - padding: 4px; - background: 0; + padding: 0; + background: none !important; + width: 16%; + margin: 0; } ul.share-buttons img { - width: 16px; + width: 18px; } input[type="checkbox"] { @@ -1254,7 +1329,7 @@ input[type="checkbox"] { .checkbox, .checkbox-label { - margin: 5px; + margin: 3px; cursor: pointer; } @@ -1271,12 +1346,16 @@ input[type="checkbox"] { } .checkbox:checked+.checkbox-label:before { - background: #997c89; - transition: .2s; + line-height: 8px; + font-size: 12px; + font-weight: bold; + content: '✓'; + background: #c6b4bb; + color: #1c181a; box-shadow: inset 0px 0px 0px 2px #ece6ea; } -#map-dragged { +.shadowed { position: absolute; top: 0; left: 0; @@ -1304,56 +1383,42 @@ input[type="checkbox"] { height: 100%; } -#cultureCenters circle:hover { - stroke: #000000b3; - cursor: pointer; +#cultureCenters circle { + stroke-width: 2; + stroke: #00000080; + cursor: pointer; } div.textual select, div.textual textarea { - font-size: 10px; - max-width: 366px; - font-family: Copperplate, monospace; - outline: none; + font-family: Copperplate, monospace; + outline: none; } div.textual input { - font-size: 10px; - font-family: Copperplate, monospace; - outline: none; - height: 12px; + font-family: Copperplate, monospace; + outline: none; + height: 12px; } div.textual fieldset { - margin: 3px 3px 5px 0; - border-style: dashed; + margin: 3px 3px 5px 0; + border-style: dashed; } div.textual span, .textual legend { - font-size: 9px; - font-weight: bold; + font-size: 9px; + font-weight: bold; } #namesbaseExamples { - font-family: Copperplate, monospace; - cursor: pointer; -} - -#namesbaseName { - width: 80px; -} - -#namesbaseMin, #namesbaseMax { - width: 33px; -} - -#namesbaseDouble { - width: 40px; + font-family: Copperplate, monospace; + cursor: pointer; } #markers { cursor: pointer; - font-family: monospace; + font-family: monospace; -moz-user-select: none; user-select: none; text-anchor: middle; @@ -1364,16 +1429,21 @@ div.textual span, .textual legend { } #markerIconTable { - font-size: 12px; - cursor: pointer; + font-size: 1.6em; + cursor: pointer; +} + +#markerIconTable td:hover { + transition: .1s; + color: #3c3ca9; } #markerIconTable td:active { - transform: translate(0px, 1px); + transform: translate(0px, 1px); } #markerIconTable td.selected { - outline: 1px solid #9b9b9b; + outline: 1px solid #9b9b9b; } .highlighted { @@ -1388,9 +1458,9 @@ div#legend { display: none; position: fixed; width: 25vw; - right: 1vw; - top: 1vw; - font-size: 0.9em; + right: 1vw; + top: 1vw; + font-size: 1em; border: 1px solid #5e4fa2; background: #cdb99040; box-shadow: 2px 2px 5px -3px #3a2804; @@ -1400,27 +1470,201 @@ div#legend { } div#legendHeader { - font-weight: bold; - padding: 0 0 4px 14px; - border-bottom: 1px solid #5e4fa2; + font-weight: bold; + font-size: 1.3em; + padding: 0 0 4px 14px; + border-bottom: 1px solid #5e4fa2; } div#legendBody { - padding: 0 10px; + padding: 0 10px; } svg.button { - position: relative; - background-color: transparent; - margin: -5px; - padding: 0; + position: relative; + background-color: transparent; + margin: -5px; + padding: 0; +} + +#reliefEditor > div > div { + width: 4em; + font-style: italic; + display: inline-block; +} + +#reliefEditor input[type="range"] { + width: 15em; +} + +#reliefIconsDiv { + margin-top: 2px; + border: 1px solid #d4d4d4; + padding: 2px; +} + +#reliefIconsDiv > button { + border-radius: 15%; + border: 1px solid #939393; + background-color: #eef6fb; +} + +#reliefIconsDiv > button:hover { + border-color: #5c5c5c; +} + +#reliefIconsDiv > button.pressed { + border: 1.5px outset #a6a6da; + background-color: #ecd8d8; } #reliefIconsSeletionAny { display: none; font-style: italic; - width: 26px; - height: 21px; + width: 24px; + height: 18px; padding: 0; } + +#alertMessage { + -moz-user-select: text; + user-select: text; + max-height: 75vh; +} + +#alertMessage ul { + padding-left: 15px; + margin: 10px 0; +} + +.optionsSeedRestore { + font-size: 12px; + cursor: pointer; + margin-right: 2px; +} + +.optionsSeedRestore:hover { + color: blue; +} + +#worldControls { + width: 190px; + display: inline-block; + vertical-align: top; +} + +#worldControls > label { + display: block; + margin: 1px 0; + font-size: 11px; + padding: 2px 0; +} + +#worldControls input[type="number"] { + border: 1px solid #e5e5e5; + padding: 0px; +} + +#worldControls i.icon-lock-open, +#worldControls i.icon-lock { + color: #626573; + font-size: 9px; +} + +#globe { + stroke: black; + stroke-width: 1; +} + +#globeNoteLines { + stroke-dasharray: 5; + stroke: #bbb; +} + +#globaAxisLabels { + font-style: italic; + font-size: 9px; + font-family: monospace; + stroke: none; + fill: #001754; +} + +#globeLatLabels { + font-size: 12px; + font-family: monospace; + stroke: none; + fill: #001754; +} + +#globeWindArrows { + fill: none; + stroke: #6072a3; + cursor: pointer; +} + +#globeWindArrows path { + stroke-width: 1.7px; + fill: none; + stroke: #6072a3; + pointer-events: none; +} + +#globeWindArrows circle { + fill: #fff; + fill-opacity: 0; + stroke-opacity: .05; +} + +#globaAxisLabels #restoreWind:hover { + cursor: pointer; + fill: blue; +} + +#globeOutline { + fill: url(#temperatureGradient); +} + +#globeArea { + fill: white; + fill-opacity: .3; +} + +#globeGraticule { + fill: none; + stroke-width: .2; +} + +#globeEquator { + stroke: red; + stroke-width: 1.4; +} + +#debug { + font-size: 1px; + opacity: 0.8; +} + +@media only screen and (max-width: 420px) { + #collapsible, #options { + margin: 0; + border: 0; + } + + #options { + height: 100vh; + width: 100vw; + } + + table { + width: 100%; + } + + .tabcontent { + max-width: 100%; + } + + .drag-trigger { + display: none; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 003c8b08..7e3b220d 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,6 @@ - - - - - - - - - - - + + + + - + @@ -114,9 +106,16 @@ - + + + + + + + + - + Port @@ -140,12 +139,20 @@ + + + + + + + + @@ -154,29 +161,53 @@ + - ? + ? + - - - - - - - + + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + @@ -212,684 +243,1095 @@ + + + + + - - - + + + + + + -
+ +
Azgaar's
Fantasy Map Generator
-
v. 0.61b
+
v. 0.70a

LOADING...

- -