[SITE] gzip pictures + minify css output
This commit is contained in:
parent
f1468a2af8
commit
aaa48a2e22
|
|
@ -9,7 +9,7 @@
|
|||
"../vendors/bootstrap/scss/"
|
||||
],
|
||||
"sourceComments": false,
|
||||
"outputStyle": "nested"
|
||||
"outputStyle": "compressed"
|
||||
}
|
||||
},
|
||||
"assets/scss/templates/*": {
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
"../../vendors/bootstrap/scss/"
|
||||
],
|
||||
"sourceComments": false,
|
||||
"outputStyle": "nested"
|
||||
"outputStyle": "compressed"
|
||||
}
|
||||
},
|
||||
"assets/vendors/bootstrap/scss/*": {
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
"outputDir": "../../../css/twbs/",
|
||||
"includePaths": [],
|
||||
"sourceComments": false,
|
||||
"outputStyle": "nested"
|
||||
"outputStyle": "compressed"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ RewriteRule ^(.*).sh$ error [R=301,L]
|
|||
BrowserMatch ^Mozilla/4\.0[678] no-gzip
|
||||
|
||||
# Don't compress images
|
||||
SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
|
||||
#SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_headers.c>
|
||||
|
|
|
|||
|
|
@ -1,83 +1,3 @@
|
|||
/* STYLE for jannikbeyerstedt.de
|
||||
* for specific template
|
||||
*/
|
||||
h2 {
|
||||
margin-bottom: 5px; }
|
||||
|
||||
a:hover, a:active, a:focus {
|
||||
text-decoration: none; }
|
||||
|
||||
figure {
|
||||
text-align: center; }
|
||||
figure img {
|
||||
max-width: 100%; }
|
||||
|
||||
main.blog .container {
|
||||
max-width: 700px; }
|
||||
|
||||
main.blog h1 a {
|
||||
color: inherit; }
|
||||
|
||||
main.blog article div.meta {
|
||||
color: #a6a6a6;
|
||||
font-size: 0.85em; }
|
||||
main.blog article div.meta span.tags {
|
||||
margin-left: 5px;
|
||||
border-left: 1px solid #a6a6a6;
|
||||
padding-left: 6px; }
|
||||
main.blog article div.meta span.tags a {
|
||||
color: inherit; }
|
||||
main.blog article div.meta span.tags a:after {
|
||||
content: ','; }
|
||||
main.blog article div.meta span.tags a:last-child:after {
|
||||
content: ''; }
|
||||
|
||||
main.blog article.excerpt {
|
||||
font-size: 1.05em;
|
||||
padding-bottom: 30px;
|
||||
margin-top: 25px;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
margin-bottom: 20px; }
|
||||
main.blog article.excerpt a.more {
|
||||
font-size: 1.7em;
|
||||
line-height: 1rem;
|
||||
position: relative;
|
||||
top: 0.03em; }
|
||||
|
||||
main.blog article.blogarticle {
|
||||
font-size: 1.15em;
|
||||
margin-top: 30px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 2px solid silver;
|
||||
margin-bottom: 50px; }
|
||||
main.blog article.blogarticle h1 {
|
||||
margin-bottom: 0; }
|
||||
main.blog article.blogarticle div.meta.title {
|
||||
margin-bottom: 20px; }
|
||||
main.blog article.blogarticle div.meta.bottom {
|
||||
margin-top: 45px; }
|
||||
|
||||
main.blog div.teasers article.excerpt:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
nav.pagination {
|
||||
float: none;
|
||||
text-align: center;
|
||||
height: 45px;
|
||||
color: #a6a6a6; }
|
||||
nav.pagination a.button {
|
||||
display: inline-block;
|
||||
padding: 5px 14px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 10px;
|
||||
color: inherit; }
|
||||
nav.pagination a.button.older {
|
||||
float: left; }
|
||||
nav.pagination a.button.newer {
|
||||
float: right; }
|
||||
nav.pagination span.num-pages {
|
||||
position: relative;
|
||||
top: 0.5em; }
|
||||
h2{margin-bottom:5px}a:hover,a:active,a:focus{text-decoration:none}figure{text-align:center}figure img{max-width:100%}main.blog .container{max-width:700px}main.blog h1 a{color:inherit}main.blog article div.meta{color:#a6a6a6;font-size:0.85em}main.blog article div.meta span.tags{margin-left:5px;border-left:1px solid #a6a6a6;padding-left:6px}main.blog article div.meta span.tags a{color:inherit}main.blog article div.meta span.tags a:after{content:','}main.blog article div.meta span.tags a:last-child:after{content:''}main.blog article.excerpt{font-size:1.05em;padding-bottom:30px;margin-top:25px;border-bottom:1px solid #a6a6a6;margin-bottom:20px}main.blog article.excerpt a.more{font-size:1.7em;line-height:1rem;position:relative;top:0.03em}main.blog article.blogarticle{font-size:1.15em;margin-top:30px;padding-bottom:15px;border-bottom:2px solid silver;margin-bottom:50px}main.blog article.blogarticle h1{margin-bottom:0}main.blog article.blogarticle div.meta.title{margin-bottom:20px}main.blog article.blogarticle div.meta.bottom{margin-top:45px}main.blog div.teasers article.excerpt:last-child{border-bottom:none}nav.pagination{float:none;text-align:center;height:45px;color:#a6a6a6}nav.pagination a.button{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;color:inherit}nav.pagination a.button.older{float:left}nav.pagination a.button.newer{float:right}nav.pagination span.num-pages{position:relative;top:0.5em}
|
||||
|
||||
/*# sourceMappingURL=blog.css.map */
|
||||
Binary file not shown.
3277
assets/css/foundation.css
vendored
3277
assets/css/foundation.css
vendored
File diff suppressed because one or more lines are too long
Binary file not shown.
|
|
@ -1,288 +1,3 @@
|
|||
/* STYLE for jannikbeyerstedt.de
|
||||
* generic styles
|
||||
*
|
||||
* main font: Alegreya Sans
|
||||
* headings: Crimson Text
|
||||
* Logo: Boon
|
||||
*/
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
|
||||
min-width: 300px;
|
||||
overflow-x: hidden; }
|
||||
|
||||
div.site-wrap {
|
||||
background-color: #fff; }
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin-bottom: 18px;
|
||||
margin-top: 1em;
|
||||
font-family: 'Crimson Text', serif; }
|
||||
|
||||
main h1:first-child, main div.container:first-child {
|
||||
margin-top: 0; }
|
||||
|
||||
h5 {
|
||||
margin-bottom: 8px; }
|
||||
|
||||
h6 {
|
||||
margin-bottom: 5px; }
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
line-height: 1.5em; }
|
||||
|
||||
a {
|
||||
color: #2dac01; }
|
||||
a:active, a:hover, a:focus {
|
||||
color: #207901; }
|
||||
|
||||
main p a {
|
||||
text-decoration: underline; }
|
||||
|
||||
main p a:visited {
|
||||
color: #999999; }
|
||||
|
||||
blockquote {
|
||||
font-size: 1.4em;
|
||||
border-left: 4px solid #dddddd;
|
||||
padding: 0 15px;
|
||||
color: #777777; }
|
||||
|
||||
blockquote > :first-child {
|
||||
margin-top: 0; }
|
||||
|
||||
blockquote > :last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
code {
|
||||
padding: 0 5px;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #eaeaea;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 3px; }
|
||||
|
||||
pre {
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid #cccccc;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
overflow: auto;
|
||||
padding: 6px 10px;
|
||||
border-radius: 3px; }
|
||||
pre code {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: pre;
|
||||
border: none;
|
||||
background: transparent; }
|
||||
|
||||
main div.container {
|
||||
margin-top: 10px; }
|
||||
@media (min-width: 992px) {
|
||||
main div.container {
|
||||
max-width: 940px; } }
|
||||
|
||||
header img {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
margin: 4px 0;
|
||||
float: left; }
|
||||
|
||||
.nav-trigger {
|
||||
display: none; }
|
||||
|
||||
nav {
|
||||
box-sizing: border-box; }
|
||||
nav ul.nav {
|
||||
margin: 0;
|
||||
padding-left: 0; }
|
||||
nav ul.nav a {
|
||||
text-decoration: none;
|
||||
color: inherit; }
|
||||
nav ul.nav li {
|
||||
list-style-type: none; }
|
||||
nav ul.nav a:hover, nav ul.nav a:focus {
|
||||
text-decoration: none; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
nav {
|
||||
float: right; }
|
||||
nav ul.nav a {
|
||||
float: left;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
margin: 30px 7px 1px; }
|
||||
nav ul.nav a:hover, nav ul.nav a:focus, nav ul.nav a.active {
|
||||
border-bottom: 1px solid #2dac01; }
|
||||
nav ul.nav a.section {
|
||||
font-weight: 500; } }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
nav ul.nav a {
|
||||
margin: 30px 9px 1px; } }
|
||||
|
||||
nav.mobile {
|
||||
width: 200px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
right: -200px;
|
||||
z-index: 0; }
|
||||
|
||||
.site-wrap {
|
||||
position: relative;
|
||||
left: 0;
|
||||
z-index: 1; }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
label[for="nav-trigger"] {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 24px;
|
||||
z-index: 2;
|
||||
padding: 0.5rem 0.75rem;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
font-family: inherit;
|
||||
font-weight: 300;
|
||||
color: #373a3c;
|
||||
background-color: #fff; }
|
||||
nav.mobile {
|
||||
background-color: #424242; }
|
||||
nav.mobile ul.mobileNav {
|
||||
color: #fff;
|
||||
padding: 1rem 1rem;
|
||||
padding-top: 28px; }
|
||||
nav.mobile ul.mobileNav li {
|
||||
margin-bottom: 0.4em; }
|
||||
nav.mobile ul.mobileNav li a {
|
||||
font-size: 20px;
|
||||
font-weight: 300; }
|
||||
nav.mobile ul.mobileNav li a.active {
|
||||
color: #2dac01;
|
||||
font-weight: 700; }
|
||||
nav.mobile ul.mobileNav ul > li {
|
||||
margin-bottom: 0.2em; }
|
||||
.nav-trigger:checked + label {
|
||||
right: 215px; }
|
||||
.nav-trigger:checked ~ .site-wrap {
|
||||
left: -200px;
|
||||
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); }
|
||||
.nav-trigger:checked ~ nav.mobile {
|
||||
right: 0; }
|
||||
.nav-trigger + label, nav.mobile {
|
||||
transition: right 0.2s;
|
||||
-webkit-transition: right 0.2s;
|
||||
-moz-transition: right 0.2s;
|
||||
-o-transition: right 0.2s; }
|
||||
.site-wrap {
|
||||
transition: left 0.2s;
|
||||
-webkit-transition: left 0.2s;
|
||||
-moz-transition: left 0.2s;
|
||||
-o-transition: left 0.2s; } }
|
||||
|
||||
footer {
|
||||
margin-top: 25px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 10px;
|
||||
height: 70px;
|
||||
min-width: inherit;
|
||||
background-color: #bebebe;
|
||||
color: #000; }
|
||||
footer p {
|
||||
margin-bottom: 0; }
|
||||
@media (max-width: 575px) {
|
||||
footer {
|
||||
text-align: center; }
|
||||
footer p {
|
||||
margin-bottom: 10px; } }
|
||||
footer i.fa {
|
||||
color: #000;
|
||||
font-size: 1.4rem;
|
||||
padding-right: 0.2em; }
|
||||
footer a > svg {
|
||||
height: 1.4rem;
|
||||
width: 1.4rem;
|
||||
position: relative;
|
||||
top: 0.18rem; }
|
||||
footer a > svg image {
|
||||
height: 1.4rem;
|
||||
width: 1.4rem; }
|
||||
footer img {
|
||||
height: 1.4rem;
|
||||
padding-right: 0.2em; }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
footer {
|
||||
height: 175px; } }
|
||||
|
||||
/* space footer at bottom of page */
|
||||
@media (min-width: 576px) {
|
||||
main {
|
||||
min-height: calc(100vh - 83px - 70px - 25px); } }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
main {
|
||||
min-height: calc(100vh - 83px - 25px); } }
|
||||
|
||||
/*
|
||||
* HELPERS
|
||||
*/
|
||||
.right {
|
||||
text-align: right; }
|
||||
|
||||
.center {
|
||||
text-align: center; }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.col-xxs-12.right, .col-xxs-12.center {
|
||||
text-align: inherit; } }
|
||||
|
||||
/* to break down col-xs */
|
||||
.visible-xxs {
|
||||
display: none !important; }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.col-xxs-12 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
min-height: 1px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px; }
|
||||
.hidden-xxs {
|
||||
display: none !important; }
|
||||
.visible-xxs {
|
||||
display: block !important; } }
|
||||
|
||||
/*
|
||||
* KIRBYTAGS
|
||||
*/
|
||||
.html5player {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: black; }
|
||||
|
||||
div.video-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
padding-bottom: 53%;
|
||||
padding-top: 30px;
|
||||
overflow: hidden; }
|
||||
|
||||
.video-container iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.columns ul {
|
||||
padding-left: 25px; }
|
||||
body{margin:0;font-family:'Alegreya Sans', "Verdana", "Arial", sans-serif;min-width:300px;overflow-x:hidden}div.site-wrap{background-color:#fff}h1,h2,h3,h4{margin-bottom:18px;margin-top:1em;font-family:'Crimson Text', serif}main h1:first-child,main div.container:first-child{margin-top:0}h5{margin-bottom:8px}h6{margin-bottom:5px}p{margin-top:0;line-height:1.5em}a{color:#2dac01}a:active,a:hover,a:focus{color:#207901}main p a{text-decoration:underline}main p a:visited{color:#999}blockquote{font-size:1.4em;border-left:4px solid #dddddd;padding:0 15px;color:#777777}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}code{padding:0 5px;white-space:nowrap;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}pre{background-color:#f8f8f8;border:1px solid #cccccc;font-size:14px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}pre code{margin:0;padding:0;white-space:pre;border:none;background:transparent}main div.container{margin-top:10px}@media (min-width: 992px){main div.container{max-width:940px}}header img{width:75px;height:75px;margin:4px 0;float:left}.nav-trigger{display:none}nav{box-sizing:border-box}nav ul.nav{margin:0;padding-left:0}nav ul.nav a{text-decoration:none;color:inherit}nav ul.nav li{list-style-type:none}nav ul.nav a:hover,nav ul.nav a:focus{text-decoration:none}@media (min-width: 576px){nav{float:right}nav ul.nav a{float:left;text-align:center;font-size:18px;font-weight:300;margin:30px 7px 1px}nav ul.nav a:hover,nav ul.nav a:focus,nav ul.nav a.active{border-bottom:1px solid #2dac01}nav ul.nav a.section{font-weight:500}}@media (min-width: 768px){nav ul.nav a{margin:30px 9px 1px}}nav.mobile{width:200px;height:100%;position:fixed;right:-200px;z-index:0}.site-wrap{position:relative;left:0;z-index:1}@media (max-width: 575px){label[for="nav-trigger"]{position:absolute;right:15px;top:24px;z-index:2;padding:0.5rem 0.75rem;font-size:1.25rem;line-height:1;font-family:inherit;font-weight:300;color:#373a3c;background-color:#fff}nav.mobile{background-color:#424242}nav.mobile ul.mobileNav{color:#fff;padding:1rem 1rem;padding-top:28px}nav.mobile ul.mobileNav li{margin-bottom:0.4em}nav.mobile ul.mobileNav li a{font-size:20px;font-weight:300}nav.mobile ul.mobileNav li a.active{color:#2dac01;font-weight:700}nav.mobile ul.mobileNav ul>li{margin-bottom:0.2em}.nav-trigger:checked+label{right:215px}.nav-trigger:checked ~ .site-wrap{left:-200px;box-shadow:0 0 5px 5px rgba(0,0,0,0.5)}.nav-trigger:checked ~ nav.mobile{right:0}.nav-trigger+label,nav.mobile{transition:right 0.2s;-webkit-transition:right 0.2s;-moz-transition:right 0.2s;-o-transition:right 0.2s}.site-wrap{transition:left 0.2s;-webkit-transition:left 0.2s;-moz-transition:left 0.2s;-o-transition:left 0.2s}}footer{margin-top:25px;padding-top:15px;padding-bottom:10px;height:70px;min-width:inherit;background-color:#bebebe;color:#000}footer p{margin-bottom:0}@media (max-width: 575px){footer{text-align:center}footer p{margin-bottom:10px}}footer i.fa{color:#000;font-size:1.4rem;padding-right:0.2em}footer a>svg{height:1.4rem;width:1.4rem;position:relative;top:0.18rem}footer a>svg image{height:1.4rem;width:1.4rem}footer img{height:1.4rem;padding-right:0.2em}@media (max-width: 575px){footer{height:175px}}@media (min-width: 576px){main{min-height:calc(100vh - 83px - 70px - 25px)}}@media (max-width: 575px){main{min-height:calc(100vh - 83px - 25px)}}.right{text-align:right}.center{text-align:center}@media (max-width: 575px){.col-xxs-12.right,.col-xxs-12.center{text-align:inherit}}.visible-xxs{display:none !important}@media (max-width: 575px){.col-xxs-12{float:none;width:100%;position:relative;left:0;right:0;min-height:1px;padding-right:15px;padding-left:15px}.hidden-xxs{display:none !important}.visible-xxs{display:block !important}}.html5player{width:100%;height:auto;background-color:black}div.video-container{position:relative;width:100%;height:auto;max-width:100%;padding-bottom:53%;padding-top:30px;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.columns ul{padding-left:25px}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
Binary file not shown.
|
|
@ -1,32 +1,3 @@
|
|||
/* STYLE for jannikbeyerstedt.de
|
||||
* for specific template
|
||||
*/
|
||||
main {
|
||||
padding-top: 14vh; }
|
||||
main div.home {
|
||||
text-align: center; }
|
||||
main div.home div.logo {
|
||||
font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
|
||||
font-size: 24.5px;
|
||||
line-height: 1.2em;
|
||||
font-weight: 300;
|
||||
width: 11em;
|
||||
margin: 0 auto; }
|
||||
main div.home div.logo span {
|
||||
color: #2dac01;
|
||||
font-weight: 400; }
|
||||
main div.home div.logo span.firstname {
|
||||
padding-left: 0.1em;
|
||||
padding-right: 0.56em; }
|
||||
main div.home div.logo span.surname {
|
||||
letter-spacing: -0.036em; }
|
||||
main div.home p {
|
||||
margin-top: 0.5em;
|
||||
font-size: 14px;
|
||||
letter-spacing: -0.02em; }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
main {
|
||||
padding-top: 10vh; } }
|
||||
main{padding-top:14vh}main div.home{text-align:center}main div.home div.logo{font-family:'Boon-Logo', "Verdana", "Arial", sans-serif;font-size:24.5px;line-height:1.2em;font-weight:300;width:11em;margin:0 auto}main div.home div.logo span{color:#2dac01;font-weight:400}main div.home div.logo span.firstname{padding-left:0.1em;padding-right:0.56em}main div.home div.logo span.surname{letter-spacing:-0.036em}main div.home p{margin-top:0.5em;font-size:14px;letter-spacing:-0.02em}@media (max-width: 575px){main{padding-top:10vh}}
|
||||
|
||||
/*# sourceMappingURL=home.css.map */
|
||||
Binary file not shown.
|
|
@ -1,213 +1,3 @@
|
|||
/* STYLE for jannikbeyerstedt.de
|
||||
* for specific template
|
||||
*/
|
||||
body {
|
||||
color: #fff; }
|
||||
|
||||
div.site-wrap {
|
||||
background-color: #424242; }
|
||||
|
||||
a {
|
||||
color: #34c501; }
|
||||
a:active, a:hover {
|
||||
color: #41f801; }
|
||||
|
||||
main p a:visited {
|
||||
color: #cccccc; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
nav ul.nav {
|
||||
color: #fff; }
|
||||
nav ul.nav a.section:hover, nav ul.nav a.section:focus {
|
||||
border: none; } }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
label[for="nav-trigger"] {
|
||||
color: #fff;
|
||||
background-color: #424242; } }
|
||||
|
||||
footer {
|
||||
background-color: #303030;
|
||||
color: #e6e6e6; }
|
||||
|
||||
div.carousel {
|
||||
max-width: 1300px;
|
||||
margin: 0 auto; }
|
||||
|
||||
.img-fluid {
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.img-thumbnail {
|
||||
padding: 0.25rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0.25rem;
|
||||
transition: all 0.2s ease-in-out;
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.figure {
|
||||
display: inline-block; }
|
||||
|
||||
.figure-img {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1; }
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #636c72; }
|
||||
|
||||
.carousel {
|
||||
position: relative; }
|
||||
|
||||
.carousel-inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.carousel-item {
|
||||
position: relative;
|
||||
display: none;
|
||||
width: 100%; }
|
||||
@media (-webkit-transform-3d) {
|
||||
.carousel-item {
|
||||
transition: transform 0.6s ease-in-out;
|
||||
backface-visibility: hidden;
|
||||
perspective: 1000px; } }
|
||||
@supports (transform: translate3d(0, 0, 0)) {
|
||||
.carousel-item {
|
||||
transition: transform 0.6s ease-in-out;
|
||||
backface-visibility: hidden;
|
||||
perspective: 1000px; } }
|
||||
|
||||
.carousel-item.active,
|
||||
.carousel-item-next,
|
||||
.carousel-item-prev {
|
||||
display: block; }
|
||||
|
||||
.carousel-item-next,
|
||||
.carousel-item-prev {
|
||||
position: absolute;
|
||||
top: 0; }
|
||||
|
||||
@media (-webkit-transform-3d) {
|
||||
.carousel-item-next.carousel-item-left,
|
||||
.carousel-item-prev.carousel-item-right {
|
||||
transform: translate3d(0, 0, 0); }
|
||||
.carousel-item-next,
|
||||
.active.carousel-item-right {
|
||||
transform: translate3d(100%, 0, 0); }
|
||||
.carousel-item-prev,
|
||||
.active.carousel-item-left {
|
||||
transform: translate3d(-100%, 0, 0); } }
|
||||
|
||||
@supports (transform: translate3d(0, 0, 0)) {
|
||||
.carousel-item-next.carousel-item-left,
|
||||
.carousel-item-prev.carousel-item-right {
|
||||
transform: translate3d(0, 0, 0); }
|
||||
.carousel-item-next,
|
||||
.active.carousel-item-right {
|
||||
transform: translate3d(100%, 0, 0); }
|
||||
.carousel-item-prev,
|
||||
.active.carousel-item-left {
|
||||
transform: translate3d(-100%, 0, 0); } }
|
||||
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 15%;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
opacity: 0.5; }
|
||||
.carousel-control-prev:focus,
|
||||
.carousel-control-prev:hover,
|
||||
.carousel-control-next:focus,
|
||||
.carousel-control-next:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
opacity: .9; }
|
||||
|
||||
.carousel-control-prev {
|
||||
left: 0; }
|
||||
|
||||
.carousel-control-next {
|
||||
right: 0; }
|
||||
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 5;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: -10px;
|
||||
font-family: serif;
|
||||
line-height: 1;
|
||||
background: transparent no-repeat center center;
|
||||
background-size: 100% 100%; }
|
||||
|
||||
.carousel-control-prev-icon {
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
|
||||
|
||||
.carousel-control-next-icon {
|
||||
right: 50%;
|
||||
margin-right: -10px;
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
|
||||
|
||||
.carousel-indicators {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
z-index: 15;
|
||||
padding-left: 0;
|
||||
margin-right: 15%;
|
||||
margin-left: 15%;
|
||||
text-align: center;
|
||||
list-style: none; }
|
||||
.carousel-indicators li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
text-indent: -999px;
|
||||
cursor: pointer;
|
||||
background-color: rgba(255, 255, 255, 0.5); }
|
||||
.carousel-indicators li::before {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
content: ""; }
|
||||
.carousel-indicators li::after {
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
content: ""; }
|
||||
.carousel-indicators .active {
|
||||
background-color: #fff; }
|
||||
|
||||
.carousel-caption {
|
||||
position: absolute;
|
||||
right: 15%;
|
||||
bottom: 20px;
|
||||
left: 15%;
|
||||
z-index: 10;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
color: #fff;
|
||||
text-align: center; }
|
||||
body{color:#fff}div.site-wrap{background-color:#424242}a{color:#34c501}a:active,a:hover{color:#41f801}main p a:visited{color:#ccc}@media (min-width: 576px){nav ul.nav{color:#fff}nav ul.nav a.section:hover,nav ul.nav a.section:focus{border:none}}@media (max-width: 575px){label[for="nav-trigger"]{color:#fff;background-color:#424242}}footer{background-color:#303030;color:#e6e6e6}div.carousel{max-width:1300px;margin:0 auto}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:0.25rem;background-color:#fff;border:1px solid #ddd;border-radius:0.25rem;transition:all 0.2s ease-in-out;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:0.5rem;line-height:1}.figure-caption{font-size:90%;color:#636c72}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;width:100%}@media (-webkit-transform-3d){.carousel-item{transition:transform 0.6s ease-in-out;backface-visibility:hidden;perspective:1000px}}@supports (transform: translate3d(0, 0, 0)){.carousel-item{transition:transform 0.6s ease-in-out;backface-visibility:hidden;perspective:1000px}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}@media (-webkit-transform-3d){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translate3d(0, 0, 0)}.carousel-item-next,.active.carousel-item-right{transform:translate3d(100%, 0, 0)}.carousel-item-prev,.active.carousel-item-left{transform:translate3d(-100%, 0, 0)}}@supports (transform: translate3d(0, 0, 0)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translate3d(0, 0, 0)}.carousel-item-next,.active.carousel-item-right{transform:translate3d(100%, 0, 0)}.carousel-item-prev,.active.carousel-item-left{transform:translate3d(-100%, 0, 0)}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;width:15%;color:#fff;text-align:center;opacity:0.5}.carousel-control-prev:focus,.carousel-control-prev:hover,.carousel-control-next:focus,.carousel-control-next:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{position:absolute;top:50%;z-index:5;display:inline-block;width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{left:50%;margin-left:-10px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{right:50%;margin-right:-10px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;padding-left:0;margin-right:15%;margin-left:15%;text-align:center;list-style:none}.carousel-indicators li{position:relative;display:inline-block;width:30px;height:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,0.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
|
||||
|
||||
/*# sourceMappingURL=photo.css.map */
|
||||
Binary file not shown.
|
|
@ -1,28 +1,3 @@
|
|||
/* STYLE for jannikbeyerstedt.de
|
||||
* for specific template
|
||||
*/
|
||||
.img-fluid {
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.img-thumbnail {
|
||||
padding: 0.25rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0.25rem;
|
||||
transition: all 0.2s ease-in-out;
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.figure {
|
||||
display: inline-block; }
|
||||
|
||||
.figure-img {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1; }
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #636c72; }
|
||||
.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:0.25rem;background-color:#fff;border:1px solid #ddd;border-radius:0.25rem;transition:all 0.2s ease-in-out;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:0.5rem;line-height:1}.figure-caption{font-size:90%;color:#636c72}
|
||||
|
||||
/*# sourceMappingURL=project.css.map */
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
|
|
@ -1,44 +1,3 @@
|
|||
/* STYLE for jannikbeyerstedt.de
|
||||
* for specific template
|
||||
*/
|
||||
main.webdesign .container {
|
||||
margin-top: 30px; }
|
||||
|
||||
.featurette h2 {
|
||||
font-family: inherit;
|
||||
margin-top: 10px; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.featurette img {
|
||||
margin-top: 50px; } }
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.featurette img {
|
||||
margin: 0 auto;
|
||||
max-height: 200px; } }
|
||||
|
||||
.img-fluid {
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.img-thumbnail {
|
||||
padding: 0.25rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0.25rem;
|
||||
transition: all 0.2s ease-in-out;
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
.figure {
|
||||
display: inline-block; }
|
||||
|
||||
.figure-img {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1; }
|
||||
|
||||
.figure-caption {
|
||||
font-size: 90%;
|
||||
color: #636c72; }
|
||||
main.webdesign .container{margin-top:30px}.featurette h2{font-family:inherit;margin-top:10px}@media (max-width: 767px){.featurette img{margin-top:50px}}@media (max-width: 575px){.featurette img{margin:0 auto;max-height:200px}}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:0.25rem;background-color:#fff;border:1px solid #ddd;border-radius:0.25rem;transition:all 0.2s ease-in-out;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:0.5rem;line-height:1}.figure-caption{font-size:90%;color:#636c72}
|
||||
|
||||
/*# sourceMappingURL=webdesign.css.map */
|
||||
Binary file not shown.
Loading…
Reference in a new issue