Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 69 KiB |
Before Width: | Height: | Size: 170 KiB After Width: | Height: | Size: 170 KiB |
|
@ -1 +0,0 @@
|
|||
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}
|
3152
css/elements.css
218
css/front.css
|
@ -1,218 +0,0 @@
|
|||
|
||||
.gmnoprint {
|
||||
left: 80px;
|
||||
position: absolute !important;
|
||||
right: auto !important; }
|
||||
|
||||
.gmnoprint.gm-style-cc {
|
||||
margin-left: 350px; }
|
||||
|
||||
#external_links {
|
||||
background: #1567aa none repeat scroll 0 0;
|
||||
border-radius: 4px;
|
||||
color: white;
|
||||
left: 50px;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
width: 200px;
|
||||
z-index: 6; }
|
||||
#external_links .link_content {
|
||||
padding: 10px 20px 10px 33px; }
|
||||
#external_links .link_content img {
|
||||
height: 10px; }
|
||||
#external_links a {
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
#map_overlay {
|
||||
z-index: 5;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: 0.6; }
|
||||
|
||||
#map_holder {
|
||||
position: relative !important;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 0; }
|
||||
|
||||
#right_col {
|
||||
min-height: 100%;
|
||||
width: 300px;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
right: 10px;
|
||||
border-radius: 4px;
|
||||
height: 90vh;
|
||||
margin-top: -90vh;
|
||||
overflow: scroll;
|
||||
|
||||
}
|
||||
#right_col #legal_links {
|
||||
background: #1567aa;
|
||||
opacity: 0.8;
|
||||
padding: 5px 20px 5px 20px;
|
||||
height: 30px;
|
||||
line-height: 20px;
|
||||
font-size: 12px; }
|
||||
#right_col #legal_links img {
|
||||
height: 13px; }
|
||||
#right_col #legal_links a {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
color: white; }
|
||||
#right_col h3 {
|
||||
background: #1567aa;
|
||||
margin: 0;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
color: white;
|
||||
padding-left: 15px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
box-shadow: 0 3px 3px -2px #880b15; }
|
||||
#right_col .expand_item, #right_col .minify_item {
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 35px; }
|
||||
#right_col .minify_item {
|
||||
display: none; }
|
||||
#right_col .active .expand_item {
|
||||
display: none; }
|
||||
#right_col .active .minify_item {
|
||||
display: block; }
|
||||
#right_col ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
margin-bottom: 0; }
|
||||
#right_col li {
|
||||
background: #1567aa;
|
||||
opacity: 0.8;
|
||||
color: white;
|
||||
border-bottom: 1px solid white;
|
||||
padding: 15px 0 15px 20px;
|
||||
position: relative; }
|
||||
#right_col li:hover, #right_col li.active {
|
||||
opacity: 1;
|
||||
cursor: pointer; }
|
||||
#right_col li:first-child:hover {
|
||||
border-top: 1px solid white;
|
||||
margin-top: -1px; }
|
||||
#right_col li p {
|
||||
margin-bottom: 5px; }
|
||||
|
||||
#info_col {
|
||||
width: 340px;
|
||||
height: 100vh;
|
||||
background: #1567aa;
|
||||
position: fixed;
|
||||
right: 310px;
|
||||
z-index: 10;
|
||||
padding: 20px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
top: 0; }
|
||||
#info_col .custom_icons {
|
||||
height: 14px;
|
||||
padding-right: 5px; }
|
||||
#info_col .partner_logo {
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
padding: 5px; }
|
||||
#info_col div {
|
||||
margin-bottom: 30px; }
|
||||
#info_col p {
|
||||
margin-bottom: 15px;
|
||||
line-height: 18px; }
|
||||
#info_col a {
|
||||
color: white;
|
||||
font-weight: bold; }
|
||||
#info_col .btn-default {
|
||||
color: #333;
|
||||
width: 100%;
|
||||
font-weight: bold; }
|
||||
#info_col ul {
|
||||
list-style-type: none;
|
||||
list-style-position: inside;
|
||||
padding-left: 0; }
|
||||
|
||||
#btn-send {
|
||||
background: #1567aa;
|
||||
border: 1px #1567aa; }
|
||||
|
||||
#btn-send:hover {
|
||||
background: #880b15; }
|
||||
|
||||
.bootstrap-dialog.type-primary .modal-header {
|
||||
background: #1567aa; }
|
||||
|
||||
/** ============================= mobile ======================= **/
|
||||
@media (max-width: 1024px) {
|
||||
#my_container {
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
height: 100vh;
|
||||
}
|
||||
#map_holder {
|
||||
display: none; }
|
||||
#external_links {
|
||||
background: #1567aa none repeat scroll 0 0;
|
||||
border-radius: 0;
|
||||
margin-bottom: 20px;
|
||||
left: auto;
|
||||
position: static;
|
||||
top: auto;
|
||||
width: 100%;
|
||||
z-index: 6; }
|
||||
#right_col {
|
||||
border-radius: 4px;
|
||||
float: none !important;
|
||||
min-height: 100%;
|
||||
position: static;
|
||||
width: 100%;
|
||||
z-index: 10; }
|
||||
#right_col li.partner_item {
|
||||
cursor: pointer; }
|
||||
#info_col {
|
||||
min-height: initial;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0 !important;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: scroll; }
|
||||
html body.info_active, body.info_active {
|
||||
height: 100vh;
|
||||
overflow: hidden; }
|
||||
.partner_logo {
|
||||
max-width: 100%; } }
|
||||
|
||||
/**
|
||||
* iPad with portrait orientation.
|
||||
*/
|
||||
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
|
||||
html body.info_active, body.info_active, #info_col {
|
||||
height: 1024px; } }
|
||||
|
||||
/**
|
||||
* iPad with landscape orientation.
|
||||
*/
|
||||
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
|
||||
html body.info_active, body.info_active, #info_col {
|
||||
height: 768px; } }
|
||||
|
||||
/**
|
||||
* iPhone 5
|
||||
* You can also target devices with aspect ratio.
|
||||
*/
|
||||
@media screen and (device-aspect-ratio: 40 / 71) {
|
||||
html body.info_active, body.info_active, #info_col {
|
||||
height: 500px; } }
|
||||
|
||||
/*# sourceMappingURL=front.css.map */
|
139
css/style.css
|
@ -1,139 +0,0 @@
|
|||
|
||||
|
||||
section{
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar a {
|
||||
font-size: 22px;
|
||||
font-family: 'Averia Serif Libre', cursive;
|
||||
}
|
||||
|
||||
|
||||
.navbar a:hover {
|
||||
text-decoration: 4px black solid;
|
||||
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link{
|
||||
padding-left: 39px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
p{
|
||||
margin-top: 25px;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 18px;
|
||||
text-align: justify;
|
||||
|
||||
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
|
||||
}
|
||||
|
||||
li{
|
||||
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
|
||||
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.card-text{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
footer{
|
||||
padding-top: 60px;
|
||||
min-height: 125px;
|
||||
}
|
||||
|
||||
.footer-logo{
|
||||
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
#legal h2{
|
||||
font-size: 25px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#legal h3{
|
||||
font-size: 22px;
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
#legal p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
#kontakt a , #kontakt p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav {
|
||||
padding-left: 40%;
|
||||
}
|
||||
|
||||
|
||||
.jumbotron .container{
|
||||
font-size: 50px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.card-text{
|
||||
text-align: left;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
|
||||
.jumbotron-corona h1{
|
||||
color: white;
|
||||
padding: 30px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
|
||||
.comment-text{
|
||||
padding-top:0px;
|
||||
}
|
||||
|
||||
.card-body i {
|
||||
font-size: 12px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.card-body h2{
|
||||
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 0.9rem;
|
||||
|
||||
}
|
||||
|
||||
.card-body h5{
|
||||
|
||||
font-size: 1.3rem;
|
||||
padding-bottom: 10px;
|
||||
|
||||
}
|
||||
.img-notice{
|
||||
padding-top: 10px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.modal-footer{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 434 KiB |