MirrorHub/atlas
0
0
Fork 0
mirror of https://github.com/placeAtlas/atlas.git synced 2024-10-02 15:39:03 +02:00
Code Issues Projects Releases Wiki Activity

Build updtate

Browse source
This commit is contained in:
Stefano Haagmans 2022-05-04 15:16:15 +02:00
parent 4844b38655
commit dca1a535b3
1 changed files with 710 additions and 729 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
web/_css/style.css
View file

@ -28,7 +28,8 @@ @font-face {
box-sizing: border-box;
}
html, body {
html,
body {
min-height: 100%;
min-width: 100%;
height: 100%;
@ -44,11 +45,9 @@ body {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
font-family: dejavu, sans, Sans-Serif;
background-color: #111;
color: #FFF;
line-height: 1.15;
}
@ -188,8 +187,7 @@ select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.264' height='15.313'%3E%3Cpath d='M188.363 392.51h15.264l-7.637 15.313-7.627-15.312' fill='%23fff' fill-opacity='.633' transform='translate(-188.363 -392.51)'/%3E%3C/svg%3E")
,linear-gradient(to bottom, #888, #666);
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.264' height='15.313'%3E%3Cpath d='M188.363 392.51h15.264l-7.637 15.313-7.627-15.312' fill='%23fff' fill-opacity='.633' transform='translate(-188.363 -392.51)'/%3E%3C/svg%3E"), linear-gradient(to bottom, #888, #666);
background-repeat: no-repeat, repeat;
background-position: calc(100% - 10px) center, 0 0;
background-size: 10px, cover;
@ -205,8 +203,7 @@ select option[disabled] {
}
select:hover {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.264' height='15.313'%3E%3Cpath d='M188.363 392.51h15.264l-7.637 15.313-7.627-15.312' fill='%23fff' fill-opacity='.633' transform='translate(-188.363 -392.51)'/%3E%3C/svg%3E")
,linear-gradient(to bottom, #999, #777);
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.264' height='15.313'%3E%3Cpath d='M188.363 392.51h15.264l-7.637 15.313-7.627-15.312' fill='%23fff' fill-opacity='.633' transform='translate(-188.363 -392.51)'/%3E%3C/svg%3E"), linear-gradient(to bottom, #999, #777);
}
select:active {
@ -235,9 +232,7 @@ #container {
width: calc(100% - 320px);
height: 100%;
margin-left: 320px;
touch-action: manipulation;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
@ -276,7 +271,6 @@ #loading > div > div:first-child {
border: 7px #CCC solid;
display: inline-block;
border-top-color: #FFAA00;
animation-duration: 3s;
animation-name: spinner;
animation-iteration-count: infinite;
@ -306,7 +300,6 @@ @keyframes spinner {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
@ -382,8 +375,7 @@ #closeObjectsListButton {
position: absolute;
top: 10px;
right: 310px;
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192.844' height='192.875'%3E%3Cg fill='none' stroke-width='24.749' stroke-linecap='square' stroke='%23fff'%3E%3Cpath d='m26.625 166.233 139.59-139.59M166.214 166.233 26.625 26.643' stroke-width='29.999747839999998'/%3E%3C/g%3E%3C/svg%3E")
,linear-gradient(to bottom, #666, #444);
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192.844' height='192.875'%3E%3Cg fill='none' stroke-width='24.749' stroke-linecap='square' stroke='%23fff'%3E%3Cpath d='m26.625 166.233 139.59-139.59M166.214 166.233 26.625 26.643' stroke-width='29.999747839999998'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(to bottom, #666, #444);
background-size: 15px, cover;
background-position: center, 0 0;
background-repeat: no-repeat, no-repeat;
@ -394,8 +386,7 @@ #closeObjectsListButton.hidden {
}
#closeObjectsListButton:hover {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192.844' height='192.875'%3E%3Cg fill='none' stroke-width='24.749' stroke-linecap='square' stroke='%23fff'%3E%3Cpath d='m26.625 166.233 139.59-139.59M166.214 166.233 26.625 26.643' stroke-width='29.999747839999998'/%3E%3C/g%3E%3C/svg%3E")
,linear-gradient(to bottom, #777, #555);
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192.844' height='192.875'%3E%3Cg fill='none' stroke-width='24.749' stroke-linecap='square' stroke='%23fff'%3E%3Cpath d='m26.625 166.233 139.59-139.59M166.214 166.233 26.625 26.643' stroke-width='29.999747839999998'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(to bottom, #777, #555);
}
@media (max-width: 750px) {
@ -425,7 +416,6 @@ @media (max-width: 530px) {
top: 80px;
max-height: calc(100% - 130px);
}
#closeObjectsListButton {
top: 55px;
right: 10px;
@ -511,9 +501,11 @@ .object p {
p.edit {
color: #FFFF00;
}
p.add {
color: #00FF00;
}
p.delete {
color: #FF0000;
}
@ -642,11 +634,10 @@ #exportWindow {
width: 100%;
height: calc(100% - 100px);
max-width: 500px;
/*max-height: 300px*/;
/*max-height: 300px*/
;
border: 1px #000 solid;
background-color: #555;
display: flex;
flex-direction: column;
overflow-y: auto;
@ -657,9 +648,7 @@ #exportWindow * {
margin-bottom: 10px;
}
#exportWindow p {
}
#exportWindow p {}
#exportString {
flex-grow: 1;
@ -696,6 +685,7 @@ @media (max-width: 750px) {
display: none;
}
}
#coords {
background-color: #555;
border: 1px #000 solid;
@ -729,7 +719,6 @@ @media (max-width: 1120px) {
div:not(.listHidden)>#bottomBar {
flex-wrap: wrap;
}
.listHidden #author {
flex: 1 !important;
}
@ -739,11 +728,9 @@ @media (max-width: 800px) {
#bottomBar {
flex-wrap: wrap;
}
#timeControls {
min-width: calc(100vw - 390px) !important;
}
#author {
flex: 1;
min-width: 100% !important;
@ -884,15 +871,12 @@ @media (max-width: 500px) {
div#entriesListContainer {
width: calc(100% - 20px);
}
div#entriesListBackground {
width: 100%;
}
div:not(.listHidden)>#bottomBar {
display: none !important;
}
div:not(.listHidden)>button#hideListButton {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192.844' height='192.875'%3E%3Cg style='stroke:%23fff;stroke-opacity:1'%3E%3Cpath d='m195.278 552.798 115.158-115.157M310.436 552.798 195.278 437.641' style='fill:none;stroke:%23fff;stroke-width:24.74926186;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none' transform='matrix(1.21216 0 0 1.21216 -210.083 -503.846)'/%3E%3C/g%3E%3C/svg%3E");
background-size: 20px;
@ -904,7 +888,6 @@ @media (max-width: 500px) {
width: 40px;
height: 40px;
}
#entriesListNav {
width: calc(100% - 45px);
}
@ -975,6 +958,7 @@ #entriesListDonate:hover > svg {
height: 28px;
width: 28px;
}
#entriesListDiscord:hover>svg {
text-decoration: none;
background-image: linear-gradient(to bottom, #7289DA, #7289DA);
@ -1035,8 +1019,7 @@ [data-mode="draw"] #hideListButton {
}
.listHidden #hideListButton {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='272.844' height='177.594'%3E%3Cpath d='M368.07 380.006 252.857 495.164 137.644 380.006' style='fill:none;stroke:%23fff;stroke-width:30;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none' transform='translate(-116.438 -348.781)'/%3E%3C/svg%3E")
,linear-gradient(to bottom, #555, #444);
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='272.844' height='177.594'%3E%3Cpath d='M368.07 380.006 252.857 495.164 137.644 380.006' style='fill:none;stroke:%23fff;stroke-width:30;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none' transform='translate(-116.438 -348.781)'/%3E%3C/svg%3E"), linear-gradient(to bottom, #555, #444);
background-size: 15px, cover;
background-position: 10px center, 0 0;
top: 49px;
@ -1078,9 +1061,7 @@ #searchList {
width: 100%;
}
#sortContainer {
}
#sortContainer {}
#sortContainer label {
width: 70px;