Initial commit
This commit is contained in:
Timon Ostertun
141
client/scss/pages/_calendar.scss
Normal file
141
client/scss/pages/_calendar.scss
Normal file
@@ -0,0 +1,141 @@
|
||||
/*PageApp Calendar*/
|
||||
.calendar {
|
||||
position: relative;
|
||||
background-color: $color_white;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
max-width: 90%;
|
||||
margin: 0px auto 30px auto;
|
||||
}
|
||||
.cal-title {
|
||||
color: $color_white;
|
||||
line-height: 60px;
|
||||
margin-bottom: 0px;
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.cal-sub-title {
|
||||
color: $color_white;
|
||||
line-height: 60px;
|
||||
margin-bottom: 0px;
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.cal-title-right {
|
||||
float: right;
|
||||
margin-top: -60px;
|
||||
line-height: 62px;
|
||||
height: 50px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.cal-title-left {
|
||||
float: left;
|
||||
margin-top: -60px;
|
||||
line-height: 62px;
|
||||
height: 50px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.cal-days {
|
||||
a {
|
||||
position: relative;
|
||||
width: 14.28%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
color: $color_white;
|
||||
position: realtive;
|
||||
z-index: 3;
|
||||
font-weight: 800;
|
||||
}
|
||||
}
|
||||
.cal-disabled {
|
||||
color: $gray-400 !important;
|
||||
}
|
||||
.cal-selected {
|
||||
span {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
color: $color_white;
|
||||
}
|
||||
i {
|
||||
position: relative;
|
||||
color: $color_black;
|
||||
z-index: 0;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
position: absolute;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: 7px 0px 0px -16px;
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
.cal-dates {
|
||||
a {
|
||||
width: 14.2857142857%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height: 45px;
|
||||
color: $color_dark;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
.theme-dark .cal-dates a{color:$color_white!important;}
|
||||
.theme-dark .cal-disabled{opacity:0.3;}
|
||||
.cal-dates-border {
|
||||
a {
|
||||
overflow: hidden;
|
||||
border-right: solid 1px rgba(0,0,0,0.05);
|
||||
border-bottom: solid 1px rgba(0,0,0,0.05);
|
||||
}
|
||||
}
|
||||
.cal-schedule {
|
||||
min-height: 80px;
|
||||
border-bottom: solid 1px rgba(0,0,0,0.055);
|
||||
em {
|
||||
line-height: 20px;
|
||||
padding: 20px 0px 0px 20px;
|
||||
position: absolute;
|
||||
font-size: 11px;
|
||||
font-style: normal;
|
||||
}
|
||||
strong {
|
||||
color:$color_black;
|
||||
display: block;
|
||||
padding: 17px 0px 0px 100px;
|
||||
font-size: 14px;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
color: $gray-500;
|
||||
margin-top: 0px;
|
||||
i {
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 0px 20px 0px 102px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.theme-dark .cal-schedule strong{color:$color_white!important;}
|
||||
.theme-dark .cal-schedule span{color:$color_white!important; opacity:0.5;}
|
||||
.cal-message {
|
||||
i {
|
||||
position: absolute;
|
||||
height: 40px;
|
||||
line-height: 43px;
|
||||
font-size: 27px;
|
||||
right: 20px;
|
||||
}
|
||||
display: block;
|
||||
strong {
|
||||
display: block;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
font-size: 11px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
67
client/scss/pages/_chat.scss
Normal file
67
client/scss/pages/_chat.scss
Normal file
@@ -0,0 +1,67 @@
|
||||
/*-Pageapp Chat-*/
|
||||
.speech-left {
|
||||
max-width: 240px;
|
||||
float: right;
|
||||
border-bottom-right-radius: 0px !important;
|
||||
color: $color_white;
|
||||
}
|
||||
.speech-right {
|
||||
max-width: 240px;
|
||||
float: left;
|
||||
border-bottom-left-radius: 0px !important;
|
||||
}
|
||||
.speach-image {
|
||||
padding: 0px !important;
|
||||
img {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
.speech-last {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.speech-bubble {
|
||||
position: relative;
|
||||
border-radius: 17px;
|
||||
padding: 10px 15px;
|
||||
margin-bottom: 15px;
|
||||
line-height: 22px;
|
||||
font-size: 13px;
|
||||
background-color: $gray-300;
|
||||
overflow: hidden;
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.speech-read {
|
||||
font-size: 10px;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-weight: 500;
|
||||
color: $gray-500;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.speach-input {
|
||||
input {
|
||||
width: 100%;
|
||||
display: block;
|
||||
line-height: 45px;
|
||||
height: 45px;
|
||||
margin-top: 8px;
|
||||
border-radius: 45px;
|
||||
}
|
||||
}
|
||||
.speach-icon {
|
||||
a {
|
||||
padding-top: 0px !important;
|
||||
display: block;
|
||||
border-radius: 35px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 38px;
|
||||
margin-top: 3px;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
}
|
||||
80
client/scss/pages/_contact.scss
Normal file
80
client/scss/pages/_contact.scss
Normal file
@@ -0,0 +1,80 @@
|
||||
/*Contact Form*/
|
||||
.menu {
|
||||
input[type="text"] {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
textarea {
|
||||
height: 85px !important;
|
||||
padding-top: 3px !important;
|
||||
}
|
||||
.form-field {
|
||||
margin-bottom: 5px;
|
||||
label {
|
||||
font-size: 12px;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-field {
|
||||
span {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
font-size: 9px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
input {
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background-color: $color_transparent !important;
|
||||
border-radius: 10px;
|
||||
margin: 0px 0px 15px 0px;
|
||||
}
|
||||
textarea {
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background-color: $color_transparent !important;
|
||||
border-radius: 10px;
|
||||
margin: 0px 0px 15px 0px;
|
||||
}
|
||||
}
|
||||
.form-name {
|
||||
input {
|
||||
line-height: 40px;
|
||||
border: solid 1px rgba(0,0,0,0.1);
|
||||
width: 100%;
|
||||
padding: 0px 10px 0px 10px;
|
||||
}
|
||||
}
|
||||
.form-email {
|
||||
input {
|
||||
line-height: 40px;
|
||||
border: solid 1px rgba(0,0,0,0.1);
|
||||
width: 100%;
|
||||
padding: 0px 10px 0px 10px;
|
||||
}
|
||||
}
|
||||
.form-text {
|
||||
textarea {
|
||||
height: 145px;
|
||||
line-height: 24px;
|
||||
width: 100%;
|
||||
border: solid 1px rgba(0,0,0,0.1);
|
||||
padding: 10px 10px 0px 10px;
|
||||
margin-bottom: $globalMargin;
|
||||
}
|
||||
}
|
||||
.contactSubmitButton {
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 10px;
|
||||
color: $color_white !important;
|
||||
padding: 12px 0px !important;
|
||||
}
|
||||
.fieldHasError {
|
||||
border: solid 1px #BF263C !important;
|
||||
}
|
||||
24
client/scss/pages/_map.scss
Normal file
24
client/scss/pages/_map.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
/*Map Full*/
|
||||
.map-full .caption, .map-full .card-overlay{transition:all 350ms ease}
|
||||
.hide-map{
|
||||
position:absolute;
|
||||
margin-top:-120px;
|
||||
width:200px;
|
||||
left:50%;
|
||||
margin-left:-100px;
|
||||
text-align:center;
|
||||
opacity:0;
|
||||
z-index:2;
|
||||
}
|
||||
.map-full .card{
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
right:0px;
|
||||
bottom:0px;
|
||||
}
|
||||
.map-full iframe{position:absolute; width:100vw; height:100vh; z-index:1;}
|
||||
.activate-map{opacity:1!important; transition:all 250ms ease; transition:all 350ms ease;}
|
||||
.deactivate-map{opacity:0!important; pointer-events: none; transition:all 350ms ease;}
|
||||
|
||||
96
client/scss/pages/_media.scss
Normal file
96
client/scss/pages/_media.scss
Normal file
@@ -0,0 +1,96 @@
|
||||
|
||||
/*Filter*/
|
||||
.gallery-filter *{
|
||||
overflow:visible!important;
|
||||
}
|
||||
.gallery-filter-all{
|
||||
float:left!important;
|
||||
padding-left:0px!important;
|
||||
}
|
||||
.gallery-filter-controls{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
.gallery-filter-controls li{
|
||||
list-style:none;
|
||||
cursor: pointer;
|
||||
float:right;
|
||||
padding-left:15px;
|
||||
font-weight:500;
|
||||
color:#1f1f1f;
|
||||
font-size:13px;
|
||||
transition:all 350ms ease;
|
||||
}
|
||||
.gallery-filter-controls li:first-child{
|
||||
padding-right:30px;
|
||||
}
|
||||
.gallery-filter-controls{
|
||||
width:100%;
|
||||
box-sizing:border-box;
|
||||
display:block;
|
||||
}
|
||||
.gallery-filter{
|
||||
transition:height 350ms ease;
|
||||
margin-left:-5px;
|
||||
margin-right:-5px;
|
||||
}
|
||||
.gallery-filter a{
|
||||
width:33.3%;
|
||||
padding:5px;
|
||||
display:block;
|
||||
transition:height 350ms ease;
|
||||
}
|
||||
.gallery-filter a img{
|
||||
display:block;
|
||||
width:100%;
|
||||
box-shadow:0 2px 14px 0 rgba(0,0,0,0.08);
|
||||
}
|
||||
|
||||
/*Collection*/
|
||||
.gallery-collection-round a img{border-radius:10px;}
|
||||
.gallery-collection a{width:48%; float:left; position:relative;}
|
||||
.gallery-collection a:nth-child(2n+2){margin-left:4%; margin-bottom:4%;}
|
||||
.gallery-collection a img{width:50%; float:left; padding:1px;}
|
||||
.gallery-collection i{
|
||||
position:absolute;
|
||||
width:50px;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
left:50%;
|
||||
top:50%;
|
||||
z-index:10;
|
||||
margin-top:-25px;
|
||||
margin-left:-25px;
|
||||
text-align:center;
|
||||
background-color:#FFFFFF;
|
||||
border-radius:50px;
|
||||
font-size:17px;
|
||||
color:#1f1f1f;
|
||||
}
|
||||
|
||||
/*Gallery Views*/
|
||||
|
||||
.gallery-view-controls a{
|
||||
float:left;
|
||||
width:33.3%;
|
||||
text-align:center;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
font-size:16px;
|
||||
color:#1f1f1f;
|
||||
}
|
||||
.theme-dark .gallery-view-controls a{color:#FFF;}
|
||||
.theme-dark .gallery-view-controls{border-bottom:solid 1px rgba(255,255,255,0.07);}
|
||||
|
||||
.gallery-view-controls{border-bottom:solid 1px rgba(0,0,0,0.05); margin-bottom:30px;}
|
||||
.gallery-view-1 a{width:30%; float:left;}
|
||||
.gallery-view-1 .caption{display:none;}
|
||||
.gallery-view-2 .caption{display:none;}
|
||||
.gallery-view-3 .caption{padding-top:20px;}
|
||||
.gallery-view-1 a{margin-bottom:5%;}
|
||||
.gallery-view-1 a:nth-child(3n-1){margin:auto 5% auto 5%;}
|
||||
.gallery-view-2 a{width:47.5%; margin-bottom:5%; float:left;}
|
||||
.gallery-view-2 a:nth-child(2n-1){margin-right:5%;}
|
||||
|
||||
|
||||
|
||||
107
client/scss/pages/_timeline.scss
Normal file
107
client/scss/pages/_timeline.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
/*Page Timeline*/
|
||||
.timeline-cover{
|
||||
height:330px;
|
||||
width:100%;
|
||||
position:fixed;
|
||||
z-index:1;
|
||||
top:0px;
|
||||
background-position:center center;
|
||||
background-size:cover;
|
||||
margin-top:50px;
|
||||
}
|
||||
.timeline-cover .overlay{opacity:0.8;}
|
||||
.timeline-cover .content{z-index:10;}
|
||||
.timeline-body{
|
||||
position:relative;
|
||||
margin-top:200px;
|
||||
padding-top:5px;
|
||||
z-index:2;
|
||||
background-color:#f0f0f0;
|
||||
padding-bottom:10px;
|
||||
box-shadow:none!important;
|
||||
}
|
||||
.timeline-header{height:55px; border-bottom:solid 1px rgba(255,255,255,0.5);}
|
||||
.timeline-header .back-button{
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:50px;
|
||||
height:50px;
|
||||
text-align:center;
|
||||
line-height:50px;
|
||||
font-size:16px;
|
||||
color:#FFF;
|
||||
z-index:11;
|
||||
}
|
||||
.timeline-header .menu-icon{
|
||||
position:absolute;
|
||||
top:2px;
|
||||
right:0px;
|
||||
width:50px;
|
||||
height:50px;
|
||||
text-align:center;
|
||||
line-height:50px;
|
||||
font-size:16px;
|
||||
color:#FFF;
|
||||
z-index:11;
|
||||
}
|
||||
.timeline-header .menu-icon em{background-color:#FFF;}
|
||||
.timeline-logo{
|
||||
background-position:center;
|
||||
background-repeat:no-repeat;
|
||||
position:absolute;
|
||||
z-index:10;
|
||||
width:100%;
|
||||
}
|
||||
.timeline-deco{
|
||||
background-color:rgba(0,0,0,0.08);
|
||||
position:absolute;
|
||||
top:0px;
|
||||
z-index:0;
|
||||
bottom:0px;
|
||||
left:43px;
|
||||
width:1px;
|
||||
}
|
||||
.timeline-item-content, .timeline-item-content-full{
|
||||
border:solid 1px rgba(0,0,0,0.1);
|
||||
background-color:#FFF;
|
||||
margin:0px 15px 30px 90px;
|
||||
padding:20px 15px;
|
||||
}
|
||||
.timeline-item{position:relative; z-index:2;}
|
||||
.timeline-item-content-full{padding:0px;}
|
||||
.timeline-item-content-full h5{padding:5px 15px 15px 15px;}
|
||||
.timeline-item .timeline-icon{
|
||||
position:absolute;
|
||||
width:45px;
|
||||
height:45px;
|
||||
left:21px;
|
||||
line-height:45px;
|
||||
border-radius:45px;
|
||||
top:25px;
|
||||
font-size:18px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/*Timeline Center*/
|
||||
.timeline-cover-center .timeline-sub-heading,
|
||||
.timeline-cover-center .timeline-heading{
|
||||
padding-left:0px; text-align:center;
|
||||
}
|
||||
.timeline-cover-center .timeline-image{
|
||||
top:50%;
|
||||
bottom:auto;
|
||||
margin-top:-150px;
|
||||
left:50%;
|
||||
margin-left:-60px;
|
||||
background-size:120px 120px;
|
||||
width:120px;
|
||||
height:120px;
|
||||
border-radius:100px;
|
||||
}
|
||||
.timeline-body-center{padding-bottom:40px;}
|
||||
.timeline-body-center .timeline-icon{width:60px; height:60px; left:50%; line-height:60px; margin-left:-31px; margin-top:-115px;}
|
||||
.timeline-body-center .timeline-deco{left:50%; margin-left:-1px;}
|
||||
.timeline-body-center .timeline-item-content,
|
||||
.timeline-body-center .timeline-item-content-full
|
||||
{margin:120px 20px 20px 20px!important; padding:20px;}
|
||||
39
client/scss/pages/_vcard.scss
Normal file
39
client/scss/pages/_vcard.scss
Normal file
@@ -0,0 +1,39 @@
|
||||
/*Page VCard*/
|
||||
.vcard-title{
|
||||
font-weight:600;
|
||||
font-size:18px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
.vcard-field{
|
||||
line-height:50px;
|
||||
border-left:0px!important;
|
||||
border-top:0px!important;
|
||||
border-right: 0px!important;
|
||||
padding-top:15px;
|
||||
border-bottom:solid 1px rgba(0,0,0,0.05);
|
||||
position: relative;
|
||||
}
|
||||
.vcard-field strong{
|
||||
position:absolute;
|
||||
margin-top:-18px;
|
||||
color:#ababab;
|
||||
font-weight:400;
|
||||
font-size:10px;
|
||||
}
|
||||
.vcard-field i{
|
||||
position:absolute;
|
||||
top:25px;
|
||||
width:15px;
|
||||
text-align:center;
|
||||
right:0px;
|
||||
opacity:0.3;
|
||||
}
|
||||
.vcard-field a{
|
||||
color:#000;
|
||||
font-weight:400;
|
||||
font-size:14px;
|
||||
margin-top:-10px;
|
||||
margin-bottom:10px;
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user