backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-17 09:41:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

v. 057b

Browse source 
v. 057.00b
This commit is contained in:
Azgaar 2018-06-17 19:11:48 +03:00
parent 696e1b5576
commit 7d52af2bf0
4 changed files with 2581 additions and 1439 deletions
Download patch file Download diff file Expand all files Collapse all files

2
icons.css
View file

@ -201,9 +201,11 @@
/* Custom icons */ /* Custom icons */
.icon-w:before { font-style: italic; content: 'w:'; } .icon-w:before { font-style: italic; content: 'w:'; }
.icon-f:before { font-style: italic; content: 'f:'; }
.icon-n:before { font-style: italic; content: 'n:'; } .icon-n:before { font-style: italic; content: 'n:'; }
.icon-i:before { font-style: italic; content: 'i:'; } .icon-i:before { font-style: italic; content: 'i:'; }
.icon-s:before { font-style: italic; content: 's:'; } .icon-s:before { font-style: italic; content: 's:'; }
.icon-r:before { font-style: italic; content: 'r:'; }
.icon-a:before { font-style: italic; content: 'a:'; } .icon-a:before { font-style: italic; content: 'a:'; }
.icon-smooth:before {font-weight: bold; content: '∼'; } .icon-smooth:before {font-weight: bold; content: '∼'; }
.icon-disrupt:before {font-weight: bold; content: '෴'; } .icon-disrupt:before {font-weight: bold; content: '෴'; }

277
index.css
View file

@ -7,7 +7,9 @@
} }
@media print { @media print {
div, canvas {display: none;} div, canvas {
display: none;
}
} }
body { body {
@ -62,7 +64,8 @@ button, select, a {
stroke: none; stroke: none;
} }
#lakes, #oceanLayers { #lakes,
#oceanLayers {
fill-rule: evenodd; fill-rule: evenodd;
} }
@ -86,14 +89,14 @@ button, select, a {
cursor: pointer; cursor: pointer;
} }
#burgs { #icons {
fill-opacity: 0.6;
cursor: pointer; cursor: pointer;
} }
#terrain { #terrain {
mask: url(#shape); mask: url(#shape);
mask-mode: alpha; mask-mode: alpha;
cursor: pointer;
} }
#hills { #hills {
@ -106,7 +109,7 @@ button, select, a {
fill: white; fill: white;
} }
#strokes { .strokes {
stroke-width: 0.08px; stroke-width: 0.08px;
width: 2px; width: 2px;
stroke: #5c5c70; stroke: #5c5c70;
@ -144,9 +147,10 @@ button, select, a {
font-style: italic; font-style: italic;
} }
#updateFullscreen { #options i {
cursor: pointer;
color: #382830; color: #382830;
font-size: 10px; font-size: 9px;
} }
.editTrigger { .editTrigger {
@ -174,10 +178,6 @@ button, select, a {
width: 161px; width: 161px;
} }
#editSizeIcon, #editOpacityIcon, #editShadowIcon {
display: none;
}
#editText { #editText {
width: 160px; width: 160px;
} }
@ -190,10 +190,19 @@ button, select, a {
width: 125px; width: 125px;
} }
#editColor { input[type="color"].editColor {
height: 20px; height: 18px;
width: 50px; width: 46px;
padding: 0; padding: 0;
cursor: pointer;
}
input[type="range"].editRange {
width: 80px;
}
input[type="number"].editNumber {
width: 44px;
} }
#riverScale { #riverScale {
@ -216,7 +225,11 @@ button, select, a {
width: 34px; width: 34px;
} }
#riverEditor > *, #routeEditor > * { #riverEditor>*,
#routeEditor>*,
#iconEditor>*,
#reliefEditor>*,
#burgEditor * {
display: inline-block; display: inline-block;
} }
@ -231,6 +244,14 @@ button, select, a {
dominant-baseline: central; dominant-baseline: central;
} }
#routeLength {
background-color: #f3f3f3;
border: 1px solid #a5a5a5;
padding: 3px;
font-size: 11px;
cursor: default;
}
.tag { .tag {
fill: #fffa90; fill: #fffa90;
stroke: #333333; stroke: #333333;
@ -259,10 +280,6 @@ text.drag {
cursor: move; cursor: move;
} }
#optionsContainer {
display: none;
}
.ui-dialog, #optionsContainer { .ui-dialog, #optionsContainer {
user-select: none; user-select: none;
} }
@ -279,7 +296,8 @@ text.drag {
.tab { .tab {
overflow: hidden; overflow: hidden;
border-bottom: 1px solid #5d4651;; border-bottom: 1px solid #5d4651;
height: 28px;
} }
button.options { button.options {
@ -293,15 +311,15 @@ button.options {
font-size: 1em; font-size: 1em;
} }
#aboutTab.options {
padding: 8px;
}
#options p { #options p {
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
} }
#aboutContent {
text-align: justify;
}
#aboutContent p { #aboutContent p {
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
@ -312,7 +330,8 @@ button.options {
font-weight: bold; font-weight: bold;
} }
#options input[type="color"], #convertImageDialog input[type="color"] { #options input[type="color"],
#convertImageDialog input[type="color"] {
width: 38px; width: 38px;
padding: 0; padding: 0;
border: 0; border: 0;
@ -377,16 +396,35 @@ button.options {
z-index: 2; z-index: 2;
} }
#collapsible>button {
height: 28px;
}
#optionsTrigger { #optionsTrigger {
display: block; width: 19px;
padding: 5.5px 5.5px; font-size: 9px;
opacity: 0.6; padding: 0;
} }
#regenerate { #regenerate {
display: none; display: none;
opacity: 0.9; padding: 0px 8px;
padding: 7px 10px; }
.glow {
animation: glowing 3s infinite;
}
@keyframes glowing {
0% {
box-shadow: 0 0 -4px #ded2d8;
}
50% {
box-shadow: 0 0 6px #ded2d8;
}
100% {
box-shadow: 0 0 -4px #ded2d8;
}
} }
button.options:hover { button.options:hover {
@ -464,24 +502,42 @@ p {
font-family: monospace; font-family: monospace;
} }
#statusbar { #cellInfo>div {
margin: 5px;
display: inline-block;
vertical-align: top;
}
#cellInfo>div:nth-child(2) {
width: 35%;
}
#tooltip {
position: fixed;
display: none; display: none;
position: absolute; text-align: center;
font-family: monospace; top: calc(98vh - (10px + 0.5vw));
margin-left: 10px; width: 100%;
color: #272727; cursor: default;
word-wrap: break-word; text-shadow: 1px 0px 1px #1d0e0f;
font-size: 1.2vw; color: #ffffff;
font-size: calc(10px + 0.5vw);
pointer-events: none;
} }
#optionsContent table td:nth-of-type(1) { #optionsContent table td:nth-of-type(1) {
width: 8px;
}
#optionsContent table td:nth-of-type(2) {
text-decoration: underline dotted gray; text-decoration: underline dotted gray;
cursor: help; cursor: help;
width: 126px; width: 126px;
} }
#optionsContent table td:nth-of-type(3) { #optionsContent table td:nth-of-type(4) {
text-align: right; text-align: right;
width: 18px;
} }
.overflow-div { .overflow-div {
@ -505,14 +561,6 @@ p {
fill: grey; fill: grey;
} }
#fileInputs {
display: none;
}
#customizationMenu {
display: none;
}
.setColors { .setColors {
display: inline-block; display: inline-block;
} }
@ -526,7 +574,8 @@ body button.noicon {
font-family: Copperplate, monospace; font-family: Copperplate, monospace;
} }
#brushesPanel > div, #templateEditor > div { #brushesPanel>div,
#templateEditor>div {
margin: 2px 0; margin: 2px 0;
} }
@ -539,7 +588,7 @@ body button.noicon {
width: 150px; width: 150px;
} }
#templateBody > div { #templateBody>div {
border: 1px solid #a3a3a3; border: 1px solid #a3a3a3;
border-radius: 1px; border-radius: 1px;
background-image: linear-gradient(to right, #ffffff 0%, #fafafa 51%, #ebebeb 100%); background-image: linear-gradient(to right, #ffffff 0%, #fafafa 51%, #ebebeb 100%);
@ -549,7 +598,7 @@ body button.noicon {
font-size: 9px; font-size: 9px;
} }
#templateBody > div:hover { #templateBody>div:hover {
border-color: #808080; border-color: #808080;
background-image: linear-gradient(to right, #fcfcfc 0%, #ededed 51%, #dedede 100%); background-image: linear-gradient(to right, #fcfcfc 0%, #ededed 51%, #dedede 100%);
} }
@ -597,7 +646,7 @@ body button.noicon {
opacity: .8; opacity: .8;
} }
.drag-trigger{ .drag-trigger {
border-left: 12px solid transparent; border-left: 12px solid transparent;
border-right: 12px solid #916e7f; border-right: 12px solid #916e7f;
border-top: 12px solid transparent; border-top: 12px solid transparent;
@ -607,7 +656,7 @@ body button.noicon {
margin-top: -12px; margin-top: -12px;
} }
.drag-trigger:hover{ .drag-trigger:hover {
cursor: move; cursor: move;
border-right-color: #5e4fa2; border-right-color: #5e4fa2;
} }
@ -617,7 +666,9 @@ body button.noicon {
line-height: 6px; line-height: 6px;
} }
#styleInputs #styleOpacity, #styleInputs #styleFill, #styleInputs #styleFilter { #styleInputs #styleOpacity,
#styleInputs #styleFill,
#styleInputs #styleFilter {
display: block; display: block;
} }
@ -670,7 +721,7 @@ body button.noicon {
} }
.selectedColor { .selectedColor {
border-color: red; outline: 2px solid #f87b66;
} }
#colorScheme { #colorScheme {
@ -779,20 +830,23 @@ div.slider .ui-slider-handle {
width: 44px; width: 44px;
} }
#saveDropdown > div { #saveDropdown>div {
padding: 2px 4px; padding: 2px 4px;
cursor: pointer; cursor: pointer;
} }
#saveDropdown > div:hover { #saveDropdown>div:hover {
color: white; color: white;
} }
#brushPower, #brushRadius { #brushPower,
#brushRadius {
width: 88px; width: 88px;
} }
#rescaleHigher, #rescaleLower, #rescaleModifier { #rescaleHigher,
#rescaleLower,
#rescaleModifier {
width: 40px; width: 40px;
} }
@ -823,7 +877,7 @@ div.slider .ui-slider-handle {
margin-bottom: 3px; margin-bottom: 3px;
} }
.totalLine > div { .totalLine>div {
display: inline-block; display: inline-block;
} }
@ -848,13 +902,13 @@ div.states sup {
display: inline-block; display: inline-block;
} }
div.states > input { div.states>input {
width: 60px; width: 60px;
background: none; background: none;
border: 0; border: 0;
} }
div.states > input.stateColor { div.states>input.stateColor {
width: 13px; width: 13px;
height: 17px; height: 17px;
padding: 0px; padding: 0px;
@ -877,33 +931,36 @@ div.states .stateBurgs {
width: 24px; width: 24px;
} }
div.states > .stateArea { div.states>.stateArea {
width: 50px; width: 50px;
} }
div.states > .statePopulation { div.states>.statePopulation {
width: 30px; width: 30px;
} }
div.states .stateBurgs, div.states .stateBIcon, div.states .icon-trash-empty { div.states .stateBurgs,
div.states .stateBIcon,
div.states .icon-trash-empty {
cursor: pointer; cursor: pointer;
} }
div.states > [class^="icon-"] { div.states>[class^="icon-"] {
color: #6e5e66; color: #6e5e66;
padding: 0 1px 0 7px; padding: 0 1px 0 7px;
} }
div.states > .before { div.states>.before {
color: #6e5e66; color: #6e5e66;
padding: 0 1px 0 0; padding: 0 1px 0 0;
} }
div.states > .small { div.states>.small {
font-size: 9px; font-size: 9px;
} }
#burgsBody, #countriesBody { #burgsBody,
#countriesBody {
overflow: auto; overflow: auto;
max-height: 362px; max-height: 362px;
} }
@ -916,7 +973,8 @@ div.states > .small {
min-width: 260px; min-width: 260px;
} }
div.states .burgName, div.states .burgCulture { div.states .burgName,
div.states .burgCulture {
width: 56px; width: 56px;
} }
@ -936,7 +994,7 @@ div.states .enlange {
cursor: pointer; cursor: pointer;
} }
#countriesEditor div > .hidden { #countriesEditor div>.hidden {
display: none; display: none;
} }
@ -944,7 +1002,7 @@ div.states .enlange {
opacity: 0; opacity: 0;
} }
span.ui-dialog-title > input.stateColor { span.ui-dialog-title>input.stateColor {
width: 14px; width: 14px;
height: 18px; height: 18px;
border: 0; border: 0;
@ -966,31 +1024,31 @@ div.states button.selectCapital {
margin-left: 14px; margin-left: 14px;
} }
#scaleBody > div > * { #scaleBody>div>* {
display: inline-block; display: inline-block;
font-size: 11px; font-size: 11px;
} }
#scaleBody > div > div { #scaleBody>div>div {
width: 100px; width: 100px;
} }
#scaleBody > div > select { #scaleBody>div>select {
width: 110px; width: 110px;
border: 1px solid #e9e9e9; border: 1px solid #e9e9e9;
} }
#scaleBody > div > input[type="text"] { #scaleBody>div>input[type="text"] {
width: 110px; width: 110px;
border: 0; border: 0;
} }
#scaleBody > div > input[type="range"] { #scaleBody>div>input[type="range"] {
width: 80px; width: 80px;
} }
#scaleBody > div > output { #scaleBody>div>input.output {
width: 40px; width: 30px;
} }
.scaleHeader { .scaleHeader {
@ -1050,10 +1108,17 @@ div.states button.selectCapital {
font-family: Georgia; font-family: Georgia;
} }
#icon-anchor { #scaleBottom {
fill: white; margin: 6px 0 0 6px;
stroke: #3e3e4b; }
stroke-width: 1.2;
#barBackColor {
width: 24px;
height: 16px;
padding: 0px;
border: 0;
background: none;
cursor: pointer;
} }
#overlay { #overlay {
@ -1102,11 +1167,16 @@ div.states button.selectCapital {
} }
@keyframes spin { @keyframes spin {
0% {transform: translate(50%, 50%) rotate(0deg);} 0% {
100% {transform: translate(50%, 50%) rotate(359deg);} transform: translate(50%, 50%) rotate(0deg);
}
100% {
transform: translate(50%, 50%) rotate(359deg);
}
} }
#loading-text span, #uploading-map span { #loading-text span,
#uploading-map span {
animation-name: blink; animation-name: blink;
animation-duration: 3s; animation-duration: 3s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
@ -1122,19 +1192,25 @@ div.states button.selectCapital {
} }
@keyframes blink { @keyframes blink {
0% {opacity: 0;} 0% {
20% {opacity: 1;} opacity: 0;
100% {opacity: .1;} }
20% {
opacity: 1;
}
100% {
opacity: .1;
}
} }
ul.share-buttons li{ ul.share-buttons li {
display: inline; display: inline;
float: none; float: none;
padding: 4px; padding: 4px;
background: 0; background: 0;
} }
ul.share-buttons img{ ul.share-buttons img {
width: 16px; width: 16px;
} }
@ -1142,26 +1218,27 @@ input[type="checkbox"] {
display: none; display: none;
} }
.checkbox, .checkbox-label { .checkbox,
.checkbox-label {
margin: 5px; margin: 5px;
cursor: pointer; cursor: pointer;
} }
.checkbox + .checkbox-label:before { .checkbox+.checkbox-label:before {
content: ''; content: '';
background: #ece6eb; background: #ece6eb;
border-radius: 3px; border-radius: 1px;
display: inline-block; display: inline-block;
vertical-align: text-top; vertical-align: text-top;
width: 8px; width: 7px;
height: 8px; height: 7px;
padding: 2px; padding: 2px;
margin-right: 2px; margin-right: 3px;
} }
.checkbox:checked + .checkbox-label:before { .checkbox:checked+.checkbox-label:before {
background: #b19aa6; background: #997c89;
transition: .1s; transition: .2s;
box-shadow: inset 0px 0px 0px 2px #ece6ea; box-shadow: inset 0px 0px 0px 2px #ece6ea;
} }
@ -1192,3 +1269,7 @@ input[type="checkbox"] {
vertical-align: middle; vertical-align: middle;
height: 100%; height: 100%;
} }
#capital-anchors, #town-anchors {
transform: translate(-0.47em, -0.47em);
}

712
index.html
View file

File diff suppressed because it is too large Load diff

1953
script.js
View file

File diff suppressed because it is too large Load diff