base game
This commit is contained in:
Johannes
10998
css/bootstrap-4.5.0.darkly.css
vendored
Normal file
10998
css/bootstrap-4.5.0.darkly.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
11018
css/bootstrap-4.5.0.pink.css
vendored
Normal file
11018
css/bootstrap-4.5.0.pink.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
10078
css/bootstrap-4.6.2.cosmo.css
vendored
Normal file
10078
css/bootstrap-4.6.2.cosmo.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
10636
css/bootstrap-4.6.2.minty.css
vendored
Normal file
10636
css/bootstrap-4.6.2.minty.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
css/bootstrap-select-1.13.18.min.css
vendored
Normal file
6
css/bootstrap-select-1.13.18.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
10
css/bootstrap-table-1.23.4.min.css
vendored
Normal file
10
css/bootstrap-table-1.23.4.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
css/fontawesome-all-5.13.1.min.css
vendored
Normal file
5
css/fontawesome-all-5.13.1.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
54
css/lato.css
Normal file
54
css/lato.css
Normal file
@@ -0,0 +1,54 @@
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Lato Italic'), local('Lato-Italic'), url(../webfonts/lato-italic-latin-ex.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Lato Italic'), local('Lato-Italic'), url(../webfonts/lato-italic-latin.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;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Lato Regular'), local('Lato-Regular'), url(../webfonts/lato-regular-latin-ex.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Lato Regular'), local('Lato-Regular'), url(../webfonts/lato-regular-latin.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;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local('Lato Bold'), local('Lato-Bold'), url(../webfonts/lato-bold-latin-ex.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local('Lato Bold'), local('Lato-Bold'), url(../webfonts/lato-bold-latin.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;
|
||||
}
|
||||
9
css/shepherd-8.0.1.css
Normal file
9
css/shepherd-8.0.1.css
Normal file
@@ -0,0 +1,9 @@
|
||||
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{position:absolute;width:16px;height:16px;z-index:-1}.shepherd-arrow:before{content:"";transform:rotate(45deg);background:#fff}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
|
||||
.shepherd-modal-overlay-container{-ms-filter:progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);filter:alpha(opacity=50);height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}
|
||||
.shepherd-content{border-radius:5px;outline:none;padding:0}
|
||||
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
|
||||
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
|
||||
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
|
||||
.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
|
||||
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50.2%,.75);font-size:2em;cursor:pointer;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50.2%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
|
||||
.shepherd-title{color:rgba(0,0,0,.75);display:flex;font-size:1rem;font-weight:400;flex:1 0 auto;margin:0;padding:0}
|
||||
430
css/style.css
Normal file
430
css/style.css
Normal file
@@ -0,0 +1,430 @@
|
||||
:root {
|
||||
--pu-pink: #ff0055;
|
||||
--pu-pink-old: #f0a8c0;
|
||||
}
|
||||
|
||||
/* Custom Scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: var(--dark);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: var(--pu-pink);
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background: red; /*rgba(0,0,0,0);*/
|
||||
}
|
||||
/* Custom Scrollbar End */
|
||||
|
||||
.img-thumbnail {
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.img-rounded {
|
||||
border-radius: 10px;
|
||||
}
|
||||
.img-active {
|
||||
/*border: 2px solid var(--success);
|
||||
border-radius: 10px;
|
||||
filter: blur(1px);*/
|
||||
}
|
||||
.img-finished{
|
||||
filter: grayscale(0.8);
|
||||
}
|
||||
.img-container-overview:hover .img-finished, .img-container-overview:hover .img-active{
|
||||
filter: grayscale(0);
|
||||
-webkit-transition: all 1s linear;
|
||||
-moz-transition: all 1s linear;
|
||||
-o-transition: all 1s linear;
|
||||
transition: all 1s linear;
|
||||
}
|
||||
.img-container-overview:hover .hide-on-hover{
|
||||
opacity: 0;
|
||||
-webkit-transition: all 1s linear;
|
||||
-moz-transition: all 1s linear;
|
||||
-o-transition: all 1s linear;
|
||||
transition: all 1s linear;
|
||||
}
|
||||
.img-container-overview .img-rounded {
|
||||
width: 100%;
|
||||
}
|
||||
.img-center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.img-locked {
|
||||
opacity: 0.6;
|
||||
filter: blur(3px) grayscale(1);
|
||||
}
|
||||
.no-overflow {
|
||||
overflow: hidden;
|
||||
}
|
||||
.img-button-container-left-corner {
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
border-radius: 0px 15px 0px 0px;
|
||||
padding: 2px 2px 0px 0px;
|
||||
background-color: var(--dark);
|
||||
overflow: hidden;
|
||||
box-shadow: black 0px 0px 5px;
|
||||
}
|
||||
.min-card-container {
|
||||
min-width: 240px;
|
||||
}
|
||||
.img-button-inner-content-container {
|
||||
background-color: var(--dark);
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.img-button-inner-content-container .card {
|
||||
margin: 10px;
|
||||
box-shadow: black 0px 0px 10px;
|
||||
}
|
||||
.img-button-content-container {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
background-color: var(--dark);
|
||||
bottom: 0px;
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
|
||||
-webkit-transition: all 1s linear;
|
||||
-moz-transition: all 1s linear;
|
||||
-o-transition: all 1s linear;
|
||||
transition: all 1s linear;
|
||||
}
|
||||
.img-button-content-container.active {
|
||||
height: 100%;
|
||||
padding-bottom: 38px;
|
||||
|
||||
-webkit-transition: all 1s linear;
|
||||
-moz-transition: all 1s linear;
|
||||
-o-transition: all 1s linear;
|
||||
transition: all 1s linear;
|
||||
}
|
||||
.img-backdrop-container-corner {
|
||||
z-index: 5;
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
left: -5px;
|
||||
bottom: 0px;
|
||||
text-align: right;
|
||||
border-radius: 0px;
|
||||
padding: 8px 15px 8px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.img-backdrop-progress-container-corner {
|
||||
z-index: 5;
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
left: -2px;
|
||||
bottom: 0px;
|
||||
text-align: right;
|
||||
border-radius: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.img-backdrop-progress-container-corner div.progress {
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
padding-left: 25%;
|
||||
}
|
||||
.img-backdrop-progress-container-corner div.progress .custom-progress-text {
|
||||
padding: 12px 12px 12px 0px;
|
||||
font-size: 0.9375rem !important;
|
||||
}
|
||||
.img-backdrop-container-dropshadow {
|
||||
box-shadow: black 0px 0px 5px;
|
||||
}
|
||||
.img-backdrop-card-body {
|
||||
box-shadow: black 2px 0px 5px;
|
||||
z-index: 10;
|
||||
}
|
||||
.img-button-seperator {
|
||||
display: inline;
|
||||
background-color: var(--light);
|
||||
padding: 0px 0px 5px 1px;
|
||||
}
|
||||
.img-container-overview {
|
||||
position: relative;
|
||||
}
|
||||
.img-locked-text {
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
}
|
||||
.img-locked-overview-text{
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
/* border-top: 1px solid var(--dark);
|
||||
opacity: 0.8;
|
||||
*/
|
||||
}
|
||||
.sur-pink {
|
||||
color: var(--pu-pink)
|
||||
}
|
||||
|
||||
.card .card-header {
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
}
|
||||
.card {
|
||||
border-radius: 10px;
|
||||
box-shadow: black 0px 0px 30px;
|
||||
}
|
||||
.img-overview-icon {
|
||||
position: absolute;
|
||||
bottom: 37%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
font-size: 5rem;
|
||||
text-shadow: black 0px 0px 3px;
|
||||
}
|
||||
#toastContainer {
|
||||
position: fixed;
|
||||
top: 80px;
|
||||
right: 10px;
|
||||
z-index: 1072;
|
||||
max-width: 300px;
|
||||
}
|
||||
#backToTop {
|
||||
display:none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 30px;
|
||||
z-index: 1070;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50px;
|
||||
font-size: 25px;
|
||||
box-shadow: black 0px 0px 5px;
|
||||
}
|
||||
#newUpdateAvailable {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 0px;
|
||||
z-index: 1071;
|
||||
height: 50px;
|
||||
padding-left: 20px;
|
||||
border-radius: 50px 0px 0px 50px;
|
||||
box-shadow: black 0px 0px 5px;
|
||||
}
|
||||
#errorContainer {
|
||||
background-color: var(--pu-pink);
|
||||
color: var(black);
|
||||
display: none;
|
||||
padding: 10px;
|
||||
}
|
||||
#errorContainer.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Auto Hide Function*/
|
||||
body.hidden nav, body.hidden main, body.hidden #toastContainer {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 2s linear;
|
||||
-moz-transition: all 2s linear;
|
||||
-o-transition: all 2s linear;
|
||||
transition: all 2s linear;
|
||||
}
|
||||
#idleLogo {
|
||||
position: sticky;
|
||||
z-index: 1080;
|
||||
top: 100px;
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
#idleLogo .idle-img {
|
||||
background-image: url("../img/logo.png");
|
||||
background-size: contain;
|
||||
width: 200px;
|
||||
height: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
body.hidden #idleLogo .idle-img {
|
||||
display: block;
|
||||
}
|
||||
body.hidden #idleLogo .idle-img {
|
||||
height: 200px;
|
||||
|
||||
-webkit-transition: height 0s linear 3s;
|
||||
-moz-transition: height 0s linear 3s;
|
||||
-o-transition: height 0s linear 3s;
|
||||
transition: height 0s linear 3s;
|
||||
}
|
||||
body.hidden #idleLogo {
|
||||
opacity: 1;
|
||||
|
||||
-webkit-transition: opacity 1s linear 3s;
|
||||
-moz-transition: opacity 1s linear 3s;
|
||||
-o-transition: opacity 1s linear 3s;
|
||||
transition: opacity 1s linear 3s;
|
||||
}
|
||||
/* Auto Hide Function End*/
|
||||
a.anchor{display: block; position: relative; top: -59px; visibility: hidden;}
|
||||
|
||||
.upload-button-area input[type=file] {
|
||||
display:none;
|
||||
margin:10px;
|
||||
}
|
||||
.upload-button-area input[type=file] + label {
|
||||
display:inline-block;
|
||||
margin:20px;
|
||||
padding: 4px 32px;
|
||||
background-color: #FFFFFF;
|
||||
border:solid 1px #666F77;
|
||||
border-radius: 6px;
|
||||
color:#666F77;
|
||||
}
|
||||
.upload-button-area input[type=file]:active + label {
|
||||
background-image: none;
|
||||
background-color:#2D6C7A;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
.top-carousel {
|
||||
padding-top: 14px;
|
||||
position: initial;
|
||||
}
|
||||
.nav-item, a.list-group-item-action.onClickLink, a.nav-link, a:not([href]) img, a.customLink:not([href]) {
|
||||
cursor: pointer;
|
||||
}
|
||||
a.onClickLink:not([href]):not(.list-group-item-action), a.header-add:not([href]), a.customLink:not([href]) {
|
||||
cursor: pointer;
|
||||
color: var(--green);
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
a.onClickLink:hover:not([href]):not(.list-group-item-action), a.header-add:hover:not([href]), a.customLink:hover:not([href]) {
|
||||
color: var(--dark-green);
|
||||
text-decoration: underline;
|
||||
}
|
||||
#customCarousel, .carousel.autoSkipEnabled {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.carouselCardPadding {
|
||||
padding: 0px 28px;
|
||||
}
|
||||
.img-container-left img {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 770px) {
|
||||
.custom-side-card {
|
||||
height: 292px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.custom-side-card {
|
||||
height: 400px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.custom-side-card {
|
||||
height: 232px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-table.bootstrap4.fullscreen {
|
||||
background-color: #222;
|
||||
}
|
||||
.bootstrap-table.bootstrap4{
|
||||
min-width: 100%;
|
||||
}
|
||||
div.bootstrap-select div.dropdown-menu.show {
|
||||
max-width: 100%;
|
||||
}
|
||||
div.bootstrap-select div.dropdown-menu.show div.inner.show ul.dropdown-menu li a span.text {
|
||||
white-space: initial;
|
||||
}
|
||||
div.bootstrap-select.form-control {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.modal {
|
||||
z-index: 1071;
|
||||
}
|
||||
.modal-fullscreen.modal-dialog {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.modal-fullscreen.modal-dialog .modal-content {
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
td.actionsTableField{
|
||||
padding: 0px;
|
||||
width: 25px;
|
||||
vertical-align: top !important;
|
||||
}
|
||||
td.actionsTableField .btn-group {
|
||||
width: 100%;
|
||||
}
|
||||
td.actionsTableField button {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#nav-logo {
|
||||
background-image: url("../img/logo.png");
|
||||
background-size: contain;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.table tfoot td {
|
||||
border-top: 2px solid var(--secondary);
|
||||
}
|
||||
|
||||
.qr-container .qr-code img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
max-height: 400px !important;
|
||||
max-width: 400px !important;
|
||||
}
|
||||
.qr-container, .image-selection-container {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.qr-container .qr-link input, .image-selection-container .image-selection-upload-link input {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image-selection-container .image-preview {
|
||||
height: 300px;
|
||||
width: 250px;
|
||||
display: block;
|
||||
object-fit: contain;
|
||||
}
|
||||
.image-selection-container .image-selection-content-right{
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
iframe#mappingToolFrame{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
position: fixed;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
padding-top: 72px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user