This commit is contained in:
Sebastian Frank
197
website/project-files/css/grid.css
Executable file
197
website/project-files/css/grid.css
Executable file
@@ -0,0 +1,197 @@
|
||||
/*--------------------------------------------------------------
|
||||
# Grid
|
||||
--------------------------------------------------------------*/
|
||||
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
|
||||
/*.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {clear:both; content:" ";display:col-sm-le;}*/
|
||||
|
||||
/* Container */
|
||||
.container {padding: 0 15px; margin: 0 auto; position:relative;}
|
||||
.container-fluid {padding: 0 15px; margin: 0 auto;}
|
||||
.container-wide {padding: 0 15px; width:90%; margin: 0 auto;}
|
||||
@media (min-width: 768px) {.container {width: 95%;}}
|
||||
@media (min-width: 1050px) {.container {width: 90%;}}
|
||||
@media (min-width: 1250px) {.container {width: 1170px;}}
|
||||
@media (min-width: 1800px) {.container {width: 1170px;}}
|
||||
@media (min-width: 2000px) {.container {width: 1200px;}}
|
||||
|
||||
.row {
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: stretch;
|
||||
justify-content:flex-start;
|
||||
flex-wrap:wrap;
|
||||
margin:0px -15px;
|
||||
}
|
||||
.col {
|
||||
flex:none;
|
||||
padding:15px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width:500px) {
|
||||
.col {width:50%; flex:none;}
|
||||
}
|
||||
@media screen and (min-width:960px) {
|
||||
.row {}
|
||||
.col {width:33.3333333%; flex:none;}
|
||||
}
|
||||
@media screen and (min-width:1200px) {
|
||||
.row {}
|
||||
.col {flex:1; width:auto;}
|
||||
}
|
||||
|
||||
.col-lg-0,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,
|
||||
.col-lg-9,.col-md-0,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
|
||||
.col-md-7,.col-md-8,.col-md-9,.col-0,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,
|
||||
.col-5,.col-6,.col-7,.col-8,.col-9,.col-sm-0,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-20,.col-sm-3,.col-sm-4,
|
||||
.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-xs-0,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-20,.col-xs-3,.col-xs-4,
|
||||
.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position:relative; min-height:1px; padding:0px 15px; width:100%;}
|
||||
|
||||
.col-12 {width:100%;}
|
||||
.col-11 {width:91.66666667%;}
|
||||
.col-10 {width:83.33333333%;}
|
||||
.col-9 {width:75%;}
|
||||
.col-8 {width:66.66666667%;}
|
||||
.col-7 {width:58.33333333%;}
|
||||
.col-6 {width:50%;}
|
||||
.col-5 {width:41.66666667%;}
|
||||
.col-4 {width:33.33333333%;}
|
||||
.col-3 {width:25%;}
|
||||
.col-2 {width:16.66666667%;}
|
||||
.col-1 {width:8.33333333%;}
|
||||
.col-0 {display:none;}
|
||||
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.order-1 {order:1; -webkit-order:1;}
|
||||
.order-2 {order:2; -webkit-order:2;}
|
||||
.order-3 {order:3; -webkit-order:3;}
|
||||
.order-4 {order:4; -webkit-order:4;}
|
||||
.order-5 {order:5; -webkit-order:5;}
|
||||
.order-6 {order:6; -webkit-order:6;}
|
||||
.order-7 {order:7; -webkit-order:7;}
|
||||
.order-8 {order:8; -webkit-order:8;}
|
||||
.order-9 {order:9; -webkit-order:9;}
|
||||
.order-10 {order:10; -webkit-order:10;}
|
||||
.order-11 {order:11; -webkit-order:11;}
|
||||
.order-12 {order:12; -webkit-order:12;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:500px)
|
||||
{
|
||||
.col-xs-12{width:100%;}
|
||||
.col-xs-11{width:91.66666667%;}
|
||||
.col-xs-10{width:83.33333333%;}
|
||||
.col-xs-9{width:75%;}
|
||||
.col-xs-8{width:66.66666667%;}
|
||||
.col-xs-7{width:58.33333333%;}
|
||||
.col-xs-6{width:50%;}
|
||||
.col-xs-5{width:41.66666667%;}
|
||||
.col-xs-4{width:33.33333333%;}
|
||||
.col-xs-3{width:25%;}
|
||||
.col-xs-2{width:16.66666667%;}
|
||||
.col-xs-1{width:8.33333333%;}
|
||||
.col-xs-0{display:none;}
|
||||
|
||||
.order-xs-1 {order:1; -webkit-order:1;}
|
||||
.order-xs-2 {order:2; -webkit-order:2;}
|
||||
.order-xs-3 {order:3; -webkit-order:3;}
|
||||
.order-xs-4 {order:4; -webkit-order:4;}
|
||||
.order-xs-5 {order:5; -webkit-order:5;}
|
||||
.order-xs-6 {order:6; -webkit-order:6;}
|
||||
.order-xs-7 {order:7; -webkit-order:7;}
|
||||
.order-xs-8 {order:8; -webkit-order:8;}
|
||||
.order-xs-9 {order:9; -webkit-order:9;}
|
||||
.order-xs-10 {order:10; -webkit-order:10;}
|
||||
.order-xs-11 {order:11; -webkit-order:11;}
|
||||
.order-xs-12 {order:12; -webkit-order:12;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px)
|
||||
{
|
||||
.col-sm-12{width:100%;}
|
||||
.col-sm-11{width:91.66666667%;}
|
||||
.col-sm-10{width:83.33333333%;}
|
||||
.col-sm-9{width:75%;}
|
||||
.col-sm-8{width:66.66666667%;}
|
||||
.col-sm-7{width:58.33333333%;}
|
||||
.col-sm-6{width:50%;}
|
||||
.col-sm-5{width:41.66666667%;}
|
||||
.col-sm-4{width:33.33333333%;}
|
||||
.col-sm-3{width:25%;}
|
||||
.col-sm-2{width:16.66666667%;}
|
||||
.col-sm-1{width:8.33333333%;}
|
||||
.col-sm-0{display:none;}
|
||||
|
||||
.order-sm-1 {order:1; -webkit-order:1;}
|
||||
.order-sm-2 {order:2; -webkit-order:2;}
|
||||
.order-sm-3 {order:3; -webkit-order:3;}
|
||||
.order-sm-4 {order:4; -webkit-order:4;}
|
||||
.order-sm-5 {order:5; -webkit-order:5;}
|
||||
.order-sm-6 {order:6; -webkit-order:6;}
|
||||
.order-sm-7 {order:7; -webkit-order:7;}
|
||||
.order-sm-8 {order:8; -webkit-order:8;}
|
||||
.order-sm-9 {order:9; -webkit-order:9;}
|
||||
.order-sm-10 {order:10; -webkit-order:10;}
|
||||
.order-sm-11 {order:11; -webkit-order:11;}
|
||||
.order-sm-12 {order:12; -webkit-order:12;}
|
||||
}
|
||||
@media screen and (min-width:1050px)
|
||||
{
|
||||
.col-md-12{width:100%;}
|
||||
.col-md-11{width:91.66666667%;}
|
||||
.col-md-10{width:83.33333333%;}
|
||||
.col-md-9{width:75%;}
|
||||
.col-md-8{width:66.66666667%;}
|
||||
.col-md-7{width:58.33333333%;}
|
||||
.col-md-6{width:50%;}
|
||||
.col-md-5{width:41.66666667%;}
|
||||
.col-md-4{width:33.33333333%;}
|
||||
.col-md-3{width:25%;}
|
||||
.col-md-2{width:16.66666667%;}
|
||||
.col-md-1{width:8.33333333%;}
|
||||
.col-md-0{display:none;}
|
||||
|
||||
.order-md-1 {order:1; -webkit-order:1;}
|
||||
.order-md-2 {order:2; -webkit-order:2;}
|
||||
.order-md-3 {order:3; -webkit-order:3;}
|
||||
.order-md-4 {order:4; -webkit-order:4;}
|
||||
.order-md-5 {order:5; -webkit-order:5;}
|
||||
.order-md-6 {order:6; -webkit-order:6;}
|
||||
.order-md-7 {order:7; -webkit-order:7;}
|
||||
.order-md-8 {order:8; -webkit-order:8;}
|
||||
.order-md-9 {order:9; -webkit-order:9;}
|
||||
.order-md-10 {order:10; -webkit-order:10;}
|
||||
.order-md-11 {order:11; -webkit-order:11;}
|
||||
.order-md-12 {order:12; -webkit-order:12;}
|
||||
}
|
||||
@media screen and (min-width:1250px)
|
||||
{
|
||||
.col-lg-12{width:100%;}
|
||||
.col-lg-11{width:91.66666667%;}
|
||||
.col-lg-10{width:83.33333333%;}
|
||||
.col-lg-9{width:75%;}
|
||||
.col-lg-8{width:66.66666667%;}
|
||||
.col-lg-7{width:58.33333333%;}
|
||||
.col-lg-6{width:50%;}
|
||||
.col-lg-5{width:41.66666667%;}
|
||||
.col-lg-4{width:33.33333333%;}
|
||||
.col-lg-3{width:25%;}
|
||||
.col-lg-2{width:16.66666667%;}
|
||||
.col-lg-1{width:8.33333333%;}
|
||||
.col-lg-0{display:none;}
|
||||
|
||||
.order-lg-1 {order:1; -webkit-order:1;}
|
||||
.order-lg-2 {order:2; -webkit-order:2;}
|
||||
.order-lg-3 {order:3; -webkit-order:3;}
|
||||
.order-lg-4 {order:4; -webkit-order:4;}
|
||||
.order-lg-5 {order:5; -webkit-order:5;}
|
||||
.order-lg-6 {order:6; -webkit-order:6;}
|
||||
.order-lg-7 {order:7; -webkit-order:7;}
|
||||
.order-lg-8 {order:8; -webkit-order:8;}
|
||||
.order-lg-9 {order:9; -webkit-order:9;}
|
||||
.order-lg-10 {order:10; -webkit-order:10;}
|
||||
.order-lg-11 {order:11; -webkit-order:11;}
|
||||
.order-lg-12 {order:12; -webkit-order:12;}
|
||||
|
||||
}
|
||||
295
website/project-files/css/main.css
Executable file
295
website/project-files/css/main.css
Executable file
@@ -0,0 +1,295 @@
|
||||
@charset "utf-8";
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');
|
||||
src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Reset
|
||||
--------------------------------------------------------------*/
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
|
||||
{margin:0; padding:0; border:0; outline:0;}
|
||||
mark {background:none;}
|
||||
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
|
||||
{display:block;}
|
||||
nav ul {list-style:none;}
|
||||
blockquote, q {quotes:none;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
|
||||
a {margin:0; padding:0; text-decoration:none;}
|
||||
hr { display:block; height:1px; border:0; border:none; padding:0;}
|
||||
input, select {vertical-align:middle;}
|
||||
input, select, textarea {-webkit-appearance: none; border-radius: 0;}
|
||||
.clear {clear:both; margin: 0; padding:0;}
|
||||
img {
|
||||
line-height:0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# General Settings
|
||||
--------------------------------------------------------------*/
|
||||
html,body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size:17px;
|
||||
line-height:1.4;
|
||||
color:#333;
|
||||
background:#FFF;
|
||||
}
|
||||
.clear {clear:both;}
|
||||
.section_padding {padding:80px 0px;}
|
||||
@media(max-width:768px){
|
||||
.section_padding {padding:60px 0px;}
|
||||
}
|
||||
@media(max-width:500px){
|
||||
.section_padding {padding:30px 0px;}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Typo
|
||||
--------------------------------------------------------------*/
|
||||
h1, h2, h3, h4, h5, h6, .button {font-family: 'Open Sans', sans-serif; font-weight:700; line-height: 1.2;}
|
||||
p {margin-bottom:20px;}
|
||||
h1 {display: block; font-size: 32px; margin-bottom:20px; text-align:left; color:#333; text-transform:uppercase;}
|
||||
h2 {display: block; font-size: 28px; margin-bottom:20px; text-transform:uppercase;}
|
||||
h3 {display: block; font-size: 24px; margin-bottom:20px;}
|
||||
h4 {display: block; font-size: 20px; margin-bottom:20px;}
|
||||
h5 {display: block; font-size: 17px; margin-bottom:20px;}
|
||||
strong {font-weight:700;}
|
||||
mark {color:#464645;}
|
||||
a {text-decoration:none; color:#b5c50f;}
|
||||
a:hover {color:#d4543a;}
|
||||
hr {height:1px; background:none; border-bottom:dotted 1px #666; margin-bottom:20px;}
|
||||
|
||||
/* Button */
|
||||
.btn {
|
||||
padding:8px 15px;
|
||||
background:#464645;
|
||||
border: 1px solid #fff;
|
||||
color:#FFF;
|
||||
transition:all 0.3s;
|
||||
text-transform:none;
|
||||
display:inline-block;
|
||||
margin-top:20px;
|
||||
}
|
||||
.btn:hover {background:#b5c50f; color:#464645;}
|
||||
.center_btn { width:100%; text-align:center; }
|
||||
|
||||
/* White Color */
|
||||
.white_color {color:#FFF;}
|
||||
.white_color h1, .white_color h2, .white_color h3, .white_color h5, .white_color h5, .white_color h6 {color:#FFF;}
|
||||
.white_color .underline:after {background:#FFF;}
|
||||
.white_color p {color:#FFF;}
|
||||
|
||||
/* Center Text */
|
||||
.center_text {text-align:center;}
|
||||
.center_text h1 {text-align:center;}
|
||||
.center_text p {text-align:center;}
|
||||
.center_text ul {margin:20px auto; width:300px; text-align:left;}
|
||||
|
||||
/* Fullheight Container */
|
||||
.fullheight {
|
||||
position:relative;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
@media(max-width:768px){
|
||||
html,body {font-size:15px;}
|
||||
|
||||
}
|
||||
@media(max-width:450px){
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Forms
|
||||
--------------------------------------------------------------*/
|
||||
input, textarea, select {
|
||||
width:100%;
|
||||
display:block;
|
||||
height:45px;
|
||||
padding:0px 10px;
|
||||
color:#333;
|
||||
background:#FFF;
|
||||
border:solid 1px #CCC;
|
||||
outline:none;
|
||||
font-size:15px;
|
||||
transition:all 0.3s;
|
||||
-webkit-transition:all 0.3s;
|
||||
-moz-transition:all 0.3s;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
input:focus, textarea:focus, select:focus {background:#FFF; border-color:#464645;}
|
||||
input[type="submit"] {
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
padding:20px 30px;
|
||||
background:#b5c50f;
|
||||
color:#FFF;
|
||||
transition:all 0.3s;
|
||||
text-transform:uppercase;
|
||||
font-size:17px;
|
||||
height:auto;
|
||||
width:auto;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
cursor:pointer;
|
||||
border:none;
|
||||
margin-top:10px;
|
||||
}
|
||||
input[type="submit"]:hover {background:#464645; color:#FFF;}
|
||||
textarea {height:auto; padding:10px;}
|
||||
label {font-weight:600;}
|
||||
.form {max-width:800px; margin:60px auto 30px auto;}
|
||||
.form .row {margin:0px -5px;}
|
||||
.form .column {padding:0px 5px;}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Header
|
||||
--------------------------------------------------------------*/
|
||||
#header {height:80px;}
|
||||
#header .logo {height:70%; max-width:400px;}
|
||||
#header .logo img {height:100%;}
|
||||
|
||||
#header .container {
|
||||
height:100%;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
#header {
|
||||
position:absolute;
|
||||
top:50px;
|
||||
left:150px;
|
||||
right:150px;
|
||||
height:auto;
|
||||
z-index:300;
|
||||
background:none;
|
||||
}
|
||||
#header .logo {height:70%; max-width:100px;}
|
||||
#header .logo img {height:auto; width:100%;}
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Content
|
||||
--------------------------------------------------------------*/
|
||||
.contentfirst {
|
||||
background:#464645;
|
||||
}
|
||||
|
||||
|
||||
.maincontent {
|
||||
position:relative;
|
||||
background:#FFF;
|
||||
}
|
||||
.white_section {
|
||||
background:rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
|
||||
.boxen .col-sm-6 {padding:15px;}
|
||||
.box {
|
||||
height:100%;
|
||||
background:#b1b1b1;
|
||||
color:#FFF;
|
||||
padding:30px;
|
||||
}
|
||||
.box h3 {color:#333;}
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Footer
|
||||
--------------------------------------------------------------*/
|
||||
#footer {
|
||||
padding:60px 0px 80px 0px;
|
||||
background:#b1b1b1;
|
||||
color:#FFF;
|
||||
font-size:15px;
|
||||
}
|
||||
#footer h3 {font-size:15px; font-weight:600; text-transform:uppercase; margin-bottom:30px;}
|
||||
#footer .footmenu {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style-type:none;
|
||||
}
|
||||
#footer .footmenu li {border-bottom:solid 1px #CCC;}
|
||||
#footer .footmenu li a {display:block; color:#FFF; padding:10px 0px; transition:all 0.3s;}
|
||||
#footer .footmenu li a:hover {color:#464645;}
|
||||
|
||||
.footer_info {background:#a4a4a4; padding:15px 0px; font-size:13px; color:#FFF; text-align:center;}
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# GoogleMap
|
||||
--------------------------------------------------------------*/
|
||||
#googlemap {height:400px; width:100%; position:relative;}
|
||||
#googlemap iframe {height:100%; width:100%;}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Scrolltop
|
||||
--------------------------------------------------------------*/
|
||||
.scrolltop {
|
||||
position:fixed;
|
||||
bottom:50px;
|
||||
right:50px;
|
||||
z-index:1000;
|
||||
width:50px; height:50px;
|
||||
background:#2e2e2e;
|
||||
cursor:pointer;
|
||||
text-align:center;
|
||||
padding-top:9px;
|
||||
display:none;
|
||||
transition:all 0.3s;
|
||||
border-radius:100%;
|
||||
}
|
||||
.scrolltop .fa {color:#FFF; font-size:30px;}
|
||||
.scrolltop:hover {background:#b5c50f;}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.scrolltop {bottom:20px; right:20px;}
|
||||
}
|
||||
|
||||
.contentfirst ol, .contentfirst ul, .maincontent ol, .maincontent ul {
|
||||
margin-bottom: 20px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: -5px;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 25px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
code.language-mermaid {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
code.language-mermaid svg {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datum {
|
||||
background-color: #2e2e2e;
|
||||
padding: 5px;
|
||||
font-size: 0.5em;
|
||||
border-radius: 5px;
|
||||
display:inline-block;
|
||||
color: #fff;
|
||||
}
|
||||
196
website/project-files/css/menu.css
Executable file
196
website/project-files/css/menu.css
Executable file
@@ -0,0 +1,196 @@
|
||||
/*--------------------------------------------------------------
|
||||
# Mainmenu
|
||||
--------------------------------------------------------------*/
|
||||
.navholder {
|
||||
position: absolute;
|
||||
top:80px;
|
||||
left:0;
|
||||
right:0;
|
||||
z-index:300;
|
||||
}
|
||||
.navholder .container {padding:0px;}
|
||||
|
||||
/* Pull */
|
||||
a#pull {
|
||||
cursor:pointer;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
justify-content: space-between;
|
||||
align-items:center;
|
||||
text-align:center;
|
||||
justify-content:center;
|
||||
top:0;
|
||||
right:0;
|
||||
padding:20px 0px;
|
||||
z-index:4000;
|
||||
transition:all 0.6s;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
a#pull .text {display:none; font-size:16px; line-height:1; margin-left:7px; color:#333; font-weight:700; text-transform:uppercase;}
|
||||
a#pull .pull_button {display:inline-block; width:30px; }
|
||||
a#pull .pull_button span {
|
||||
display:block;
|
||||
width:100%;
|
||||
height:2px;
|
||||
background:#333;
|
||||
margin-bottom:6px;
|
||||
border-radius:100px;
|
||||
transition:all 0.3s;
|
||||
}
|
||||
a#pull span:nth-of-type(3) {margin-bottom:0px;}
|
||||
|
||||
.pull_active .pull_button {margin-top:6px!important;}
|
||||
.pull_active .pull_button span:nth-of-type(1) {
|
||||
transform:rotate(45deg);
|
||||
margin-bottom:0px!important;
|
||||
}
|
||||
.pull_active .pull_button span:nth-of-type(2) {
|
||||
display:none!important;
|
||||
}
|
||||
.pull_active .pull_button span:nth-of-type(3) {
|
||||
transform:rotate(-45deg);
|
||||
}
|
||||
|
||||
|
||||
/* Nav */
|
||||
#mainmenu {
|
||||
background:#b1b1b1;
|
||||
display:none;
|
||||
}
|
||||
#mainmenu ul {
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#mainmenu ul li {position:relative;}
|
||||
#mainmenu ul li a {
|
||||
padding:0px 15px;
|
||||
height:50px;
|
||||
color: #464645;
|
||||
font-size:17px;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items:flex-start;
|
||||
justify-content:center;
|
||||
z-index:1;
|
||||
flex-direction:column;
|
||||
|
||||
}
|
||||
#mainmenu ul li.active a {
|
||||
color: #fff;
|
||||
}
|
||||
#mainmenu ul li .trigger {
|
||||
width:50px;
|
||||
height:50px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
flex-direction:column;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
z-index:3;
|
||||
cursor:pointer;
|
||||
}
|
||||
#mainmenu ul li .trigger:before {
|
||||
font-family: 'FontAwesome';
|
||||
content:"\f107";
|
||||
font-size:25px;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
#mainmenu ul li.active {
|
||||
background:#464645;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#mainmenu .sub-menu {
|
||||
display:none;
|
||||
background:rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
#mainmenu .sub-menu li a {height:auto; padding:15px; font-size:15px;}
|
||||
|
||||
.sticky {
|
||||
position: fixed!important;
|
||||
top: 0!important;
|
||||
left:0!important;
|
||||
right:0!important;
|
||||
width: 100%!important;
|
||||
}
|
||||
.sticky, .content {
|
||||
margin-top:-60px!important;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
|
||||
@media(min-width:768px) {
|
||||
.navholder {position:relative; margin-top:-50px; top:inherit;}
|
||||
.navholder .container {padding:0px 15px;}
|
||||
a#pull {display:none;}
|
||||
#mainmenu {
|
||||
display:block!important;
|
||||
}
|
||||
#mainmenu>ul {
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items:flex-start;
|
||||
position:relative;
|
||||
}
|
||||
#mainmenu>ul>li.haschildren>a {
|
||||
padding-right:30px;
|
||||
}
|
||||
#mainmenu>ul>li {position:initial;}
|
||||
#mainmenu .sub-menu {
|
||||
display:block;
|
||||
position:absolute;
|
||||
left:0;
|
||||
right:0;
|
||||
top:140%;
|
||||
width:100%;
|
||||
transition:all 0.3s;
|
||||
opacity:0;
|
||||
-webkit-opacity:0;
|
||||
-moz-opacity:0;
|
||||
visibility:hidden;
|
||||
background:#b5c50f;
|
||||
/*border-top:solid 5px #781c45;*/
|
||||
}
|
||||
#mainmenu ul.sub-menu li a{
|
||||
color: #464645;
|
||||
}
|
||||
#mainmenu ul.sub-menu li.active a, #mainmenu ul.sub-menu li:hover a {
|
||||
color: #fff;
|
||||
}
|
||||
#mainmenu>ul>li>a {padding:0px 20px;}
|
||||
#mainmenu>ul>li>a, #mainmenu>ul>li>ul>li>a {transition:background 0.3s;}
|
||||
#mainmenu>ul>li>ul>li:hover>a {background:#464645;}
|
||||
#mainmenu>ul>li:hover>a {background:#b5c50f;}
|
||||
|
||||
#mainmenu>ul>li.haschildren>a {position:relative;}
|
||||
#mainmenu>ul>li.haschildren>a:after {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
font-family: 'FontAwesome';
|
||||
content: "\f107";
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
#mainmenu ul li .trigger {display:none;}
|
||||
|
||||
#mainmenu>ul>li.submenu_open .sub-menu {
|
||||
opacity:1;
|
||||
-webkit-opacity:1;
|
||||
-moz-opacity:1;
|
||||
visibility:visible;
|
||||
top:100%;
|
||||
}
|
||||
|
||||
}
|
||||
45
website/project-files/css/preloader.css
Executable file
45
website/project-files/css/preloader.css
Executable file
@@ -0,0 +1,45 @@
|
||||
/* ========== PRELOAER ========== */
|
||||
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; z-index: 5000; overflow:hidden;}
|
||||
.spinner {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-left:-30px;
|
||||
margin-top:-30px;
|
||||
}
|
||||
|
||||
.double-bounce1, .double-bounce2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
background-color: #FFF;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
|
||||
animation: sk-bounce 2.0s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.double-bounce2 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes sk-bounce {
|
||||
0%, 100% { -webkit-transform: scale(0.0) }
|
||||
50% { -webkit-transform: scale(1.0) }
|
||||
}
|
||||
|
||||
@keyframes sk-bounce {
|
||||
0%, 100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
} 50% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
100
website/project-files/css/slider.css
Executable file
100
website/project-files/css/slider.css
Executable file
@@ -0,0 +1,100 @@
|
||||
/*--------------------------------------------------------------
|
||||
# Slider
|
||||
--------------------------------------------------------------*/
|
||||
.slider {height:auto; position:relative;}
|
||||
.slider .slide {
|
||||
height:auto;
|
||||
}
|
||||
.slick-slider .slick-track, .slick-slider .slick-list, .slider .slide {height:100%;}
|
||||
.slider .slide img {width:100%; height:100%; object-fit:cover;}
|
||||
|
||||
/* Arrows */
|
||||
.slider .slick-prev, .slider .slick-next {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
height:50px;
|
||||
width:50px;
|
||||
margin-top:-25px;
|
||||
z-index:1000;
|
||||
cursor: pointer;
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #b1b1b1;
|
||||
opacity:0;
|
||||
-webkit-opacity:0;
|
||||
-moz-opacity:0;
|
||||
visibility:hidden;
|
||||
transition:all 0.3s;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items:center;
|
||||
justify-content: center;
|
||||
text-align:center;
|
||||
}
|
||||
.slider:hover .slick-prev, .slider:hover .slick-next {
|
||||
opacity:1;
|
||||
-webkit-opacity:1;
|
||||
-moz-opacity:1;
|
||||
visibility:visible;
|
||||
}
|
||||
.slider .slick-prev {left:20px;}
|
||||
.slider .slick-next {right:20px;}
|
||||
|
||||
.slider .slick-prev:before, .slider .slick-next:before {
|
||||
font-family: 'FontAwesome';
|
||||
color:#000;
|
||||
font-size:40px;
|
||||
position:absolute;
|
||||
display:block;
|
||||
width:100%;
|
||||
}
|
||||
.slider .slick-prev:before {
|
||||
content:"\f104";
|
||||
padding-right:3px;
|
||||
}
|
||||
.slider .slick-next:before {
|
||||
content:"\f105";
|
||||
padding-left:1px;
|
||||
}
|
||||
|
||||
.white_arrows .slick-prev:before, .white_arrows .slick-next:before {color:#FFF;}
|
||||
|
||||
/* Dots */
|
||||
.slider .slick-dots {
|
||||
width:100%;
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
.slider .slick-dots li {
|
||||
width:15px;
|
||||
height:15px;
|
||||
margin:0 10px;
|
||||
background:#b1b1b1;
|
||||
cursor:pointer;
|
||||
}
|
||||
.slider .slick-dots li button {
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
width:100%;
|
||||
height:100%;
|
||||
cursor:pointer;
|
||||
}
|
||||
.slider .slick-dots li.slick-active {background:#464645;}
|
||||
|
||||
|
||||
@media(min-width:768px) {
|
||||
.slider .slick-dots {
|
||||
bottom:70px;
|
||||
}
|
||||
.slider {height:340px;}
|
||||
}
|
||||
Reference in New Issue
Block a user