2023-07-06 04:27:38 +00:00
|
|
|
:root {
|
|
|
|
--bg_color: rgba(0,0,0,0.7);
|
|
|
|
--fg_color: #ccc;
|
|
|
|
--main_color: #1f9b92;
|
|
|
|
--sub_color: #002b36;
|
|
|
|
}
|
|
|
|
|
2023-02-20 17:40:25 +00:00
|
|
|
* {
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
appearance: none;
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
2023-07-06 04:27:38 +00:00
|
|
|
* { scrollbar-color:var(--main_color) var(--sub_color); }
|
2023-07-03 05:10:58 +00:00
|
|
|
*::-webkit-scrollbar { width:6px;height:6px; }
|
2023-07-06 04:27:38 +00:00
|
|
|
*::-webkit-scrollbar-track { background: var(--sub_color);}
|
|
|
|
*::-webkit-scrollbar-thumb { background:var(--main_color);border-radius:0;border:none; }
|
|
|
|
*::-webkit-scrollbar-corner { background:var(--sub_color); }
|
|
|
|
*::selection { background-color:var(--main_color);color:var(--bg_color);text-decoration:none;text-shadow:none; }
|
2023-07-03 05:10:58 +00:00
|
|
|
|
2023-02-20 17:40:25 +00:00
|
|
|
body {
|
|
|
|
background: url('./bg.png');
|
|
|
|
background-repeat: repeat;
|
2023-07-06 05:19:14 +00:00
|
|
|
background-attachment: fixed;
|
2023-02-20 17:40:25 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
|
2023-07-06 04:27:38 +00:00
|
|
|
input, select, textarea {
|
|
|
|
background: var(--sub_color);
|
|
|
|
color: var(--fg_color);
|
|
|
|
border: solid 1px transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
input , select {
|
2023-02-20 17:40:25 +00:00
|
|
|
margin-right: 1ch;
|
|
|
|
}
|
|
|
|
|
2023-07-06 04:27:38 +00:00
|
|
|
input:active, input:focus, select:active, select:focus, textarea:focus {
|
|
|
|
border: solid 1px var(--main_color);
|
2023-02-20 17:40:25 +00:00
|
|
|
}
|
|
|
|
|
2023-07-03 05:10:58 +00:00
|
|
|
|
2023-07-02 07:10:06 +00:00
|
|
|
ul {
|
|
|
|
margin: 2em;
|
2023-07-03 05:10:58 +00:00
|
|
|
list-style-position: inside;
|
2023-07-02 07:10:06 +00:00
|
|
|
}
|
|
|
|
|
2023-02-20 17:40:25 +00:00
|
|
|
button {
|
|
|
|
padding: 0.5ch;
|
2023-07-06 04:27:38 +00:00
|
|
|
background: transparent;
|
|
|
|
color: var(--fg_color);
|
|
|
|
border: solid 2px var(--main_color);
|
2023-02-20 17:40:25 +00:00
|
|
|
margin-right: 1ch;
|
|
|
|
}
|
|
|
|
|
|
|
|
button:hover {
|
2023-07-06 04:27:38 +00:00
|
|
|
color: var(--bg_color);
|
|
|
|
background: var(--main_color);
|
2023-02-20 17:40:25 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#errWrapper {
|
|
|
|
color: #fff;
|
|
|
|
background: crimson;
|
|
|
|
padding: 1em;
|
2023-07-03 05:10:58 +00:00
|
|
|
z-index: 3;
|
|
|
|
position: relative;
|
2023-02-20 17:40:25 +00:00
|
|
|
}
|
|
|
|
#closeErr {
|
|
|
|
display: inline;
|
|
|
|
border: dotted 1px #fff;
|
|
|
|
color: #fff;
|
|
|
|
background: crimson;
|
|
|
|
padding: 0 1ch;
|
|
|
|
margin-right: 1ch;
|
|
|
|
}
|
|
|
|
#errDiv {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
#dice_log {
|
2023-07-06 04:27:38 +00:00
|
|
|
background: var(--sub_color);
|
|
|
|
color: var(--fg_color);
|
2023-02-22 05:27:54 +00:00
|
|
|
height: 10em;
|
|
|
|
max-height: 10em;
|
|
|
|
display: block;
|
|
|
|
overflow-y: auto;
|
2023-02-20 17:40:25 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#dice_log p {
|
2023-02-22 05:27:54 +00:00
|
|
|
padding: 0.5ch;
|
|
|
|
}
|
|
|
|
|
|
|
|
#dice_log p:not(:last-child) {
|
2023-07-06 04:27:38 +00:00
|
|
|
border-bottom: solid 1px var(--fg_color);
|
2023-05-13 04:33:14 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#aux {
|
2023-07-02 07:10:06 +00:00
|
|
|
|
2023-05-15 04:57:18 +00:00
|
|
|
}
|
|
|
|
|
2023-07-02 07:10:06 +00:00
|
|
|
pre {
|
|
|
|
font-size: 125%;
|
2023-07-06 04:27:38 +00:00
|
|
|
background: var(--sub_color);
|
|
|
|
color: var(--fg_color);
|
2023-07-02 07:10:06 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#auxMsgZone {
|
|
|
|
width: 100%;
|
|
|
|
padding:0.2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#adminWrapper {
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui_win {
|
|
|
|
text-align: left;
|
|
|
|
position: relative;
|
|
|
|
margin: 2em;
|
2023-07-06 04:27:38 +00:00
|
|
|
background: var(--bg_color);
|
|
|
|
color: var(--fg_color);
|
2023-07-02 07:10:06 +00:00
|
|
|
display: inline;
|
|
|
|
height: min-content;
|
|
|
|
z-index:1;
|
|
|
|
padding: 0.25em;
|
2023-07-06 04:27:38 +00:00
|
|
|
border: 2px solid transparent;
|
|
|
|
max-width: min(60ch, 80vw);
|
2023-07-02 07:10:06 +00:00
|
|
|
}
|
|
|
|
|
2023-07-06 04:27:38 +00:00
|
|
|
.ui_win:focus-within {
|
|
|
|
border: 2px solid var(--main_color);
|
2023-07-02 07:10:06 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui_win * {
|
|
|
|
margin: 0.25em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui_win a {
|
|
|
|
color: #1f9b92;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui_win a:hover, ui_win a:active {
|
2023-07-06 04:27:38 +00:00
|
|
|
color: var(--fg_color);
|
2023-07-02 07:10:06 +00:00
|
|
|
}
|
|
|
|
|
2023-07-03 05:10:58 +00:00
|
|
|
#admin_section {
|
2023-07-02 07:10:06 +00:00
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.admin_win {
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#map {
|
|
|
|
position:fixed;
|
|
|
|
width:100%;
|
|
|
|
height: 100%;
|
|
|
|
z-index:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav {
|
|
|
|
display: grid;
|
2023-07-05 07:18:46 +00:00
|
|
|
grid-template-columns: auto 1fr;
|
2023-07-03 05:10:58 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.leaflet-container {
|
|
|
|
background: transparent;
|
2023-02-20 17:40:25 +00:00
|
|
|
}
|