1
0
Fork 0

[SITE] merge finished design and structure

* feature/draft:
  [SITE] move img-Tags to new thumb syntax
  [SITE CONFIG] exclude more pages form sitemap + moved some css from head to end
  [SITE CONFIG] redirect old feature urls to new urls + exclude redirect pages from sitemap
  [SITE CSS] add code style to main.scss + add image and text size to blog.scss + enable smartypants
  [SITE] blog: add meta (date, tags) to blogarticle as well
  [SITE] add template, blueprint, css for the blog
  [SITE] activate js files in html-end separately for each template
  [SITE CSS] set colors as variables + base on 2 colors
  [SITE] eliminate font-awesome
  [SITE CSS] add more margin between content and footer
  [SITE] add template, blueprint, css for webdesign page
  [SITE] show title image (if it exists)
  [SITE] add template, blueprint, css for project pages and projects page
  [GIT] update kirby + update bootstrap
  [SITE CSS] add style for kirbytags + darken footer color at photo pages
  [FIX] fix blueprint titles + new head title format
  [SITE] add template, blueprint, css for photo pages
  [SITE CSS] add bootstrap style for code
  [SITE] finish nav for mobile and second level
  [SITE] home and footer finished + nav for top level
This commit is contained in:
Jannik Beyerstedt 2016-04-22 23:44:14 +02:00
commit 77a1e27445
62 changed files with 5214 additions and 128 deletions

83
assets/css/blog.css Normal file
View file

@ -0,0 +1,83 @@
/* 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; }
/*# sourceMappingURL=blog.css.map */

44
assets/css/blog.css.map Normal file
View file

@ -0,0 +1,44 @@
{
"version": 3,
"file": "blog.css",
"sources": [
"../scss/blog.scss",
"../vendors/bootstrap/scss/_custom.scss",
"../vendors/bootstrap/scss/_variables.scss",
"../vendors/bootstrap/scss/_mixins.scss",
"../scss/_mainvariables.scss",
"../vendors/bootstrap/scss/mixins/_breakpoints.scss",
"../vendors/bootstrap/scss/mixins/_hover.scss",
"../vendors/bootstrap/scss/mixins/_image.scss",
"../vendors/bootstrap/scss/mixins/_tag.scss",
"../vendors/bootstrap/scss/mixins/_reset-filter.scss",
"../vendors/bootstrap/scss/mixins/_resize.scss",
"../vendors/bootstrap/scss/mixins/_screen-reader.scss",
"../vendors/bootstrap/scss/mixins/_size.scss",
"../vendors/bootstrap/scss/mixins/_tab-focus.scss",
"../vendors/bootstrap/scss/mixins/_reset-text.scss",
"../vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"../vendors/bootstrap/scss/mixins/_text-hide.scss",
"../vendors/bootstrap/scss/mixins/_text-truncate.scss",
"../vendors/bootstrap/scss/mixins/_alert.scss",
"../vendors/bootstrap/scss/mixins/_buttons.scss",
"../vendors/bootstrap/scss/mixins/_cards.scss",
"../vendors/bootstrap/scss/mixins/_pagination.scss",
"../vendors/bootstrap/scss/mixins/_lists.scss",
"../vendors/bootstrap/scss/mixins/_list-group.scss",
"../vendors/bootstrap/scss/mixins/_nav-divider.scss",
"../vendors/bootstrap/scss/mixins/_forms.scss",
"../vendors/bootstrap/scss/mixins/_progress.scss",
"../vendors/bootstrap/scss/mixins/_table-row.scss",
"../vendors/bootstrap/scss/mixins/_background-variant.scss",
"../vendors/bootstrap/scss/mixins/_border-radius.scss",
"../vendors/bootstrap/scss/mixins/_gradients.scss",
"../vendors/bootstrap/scss/mixins/_clearfix.scss",
"../vendors/bootstrap/scss/mixins/_grid-framework.scss",
"../vendors/bootstrap/scss/mixins/_grid.scss",
"../vendors/bootstrap/scss/mixins/_pulls.scss"
],
"sourcesContent": [],
"mappings": "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",
"names": []
}

2324
assets/css/foundation.css vendored Normal file

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

267
assets/css/main.css Normal file
View file

@ -0,0 +1,267 @@
/* STYLE for jannikbeyerstedt.de
* generic styles
*/
body {
margin: 0;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
min-width: 300px; }
h1, h2, h3, h4 {
margin-bottom: 18px;
font-family: 'Crimson Text', serif; }
h5 {
margin-bottom: 8px; }
h6 {
margin-bottom: 5px; }
p {
margin-top: 0;
line-height: 1.5em; }
a {
color: #2da301; }
a:active, a:hover, a:focus {
color: #1f7001; }
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 {
margin-bottom: 10px; }
header img {
width: 75px;
height: 75px;
float: left; }
nav {
box-sizing: border-box; }
nav ul.nav {
margin: 0;
padding-left: 0; }
nav ul.nav a {
text-decoration: none;
background-color: inherit;
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: 544px) {
nav {
float: right;
height: 75px; }
nav ul.nav a {
float: left;
text-align: center;
font-size: 16px;
padding: 45px 0 5px;
width: 109px; }
nav ul.nav a:hover, nav ul.nav a:focus, nav ul.nav a.active {
color: #fff;
background-color: #0060e3; }
nav ul.nav.home {
color: #fff; }
nav ul.nav.home a {
background-color: #1779ff;
border-right: 1px solid #0055ca; }
nav ul.nav.home a:last-child {
border-right: 0; }
nav ul.nav.home a.active {
color: #fff;
border-bottom: 4px solid #2da301;
padding-bottom: 1px; }
nav ul.nav.main, nav ul.nav.second {
height: 37.5px; }
nav ul.nav.main a, nav ul.nav.second a {
padding: 8px 0 5.5px; }
nav ul.nav.main {
color: #1779ff; }
nav ul.nav.main a.active {
color: #fff;
border-bottom: 4px solid #2da301;
padding-bottom: 1.5px; }
nav ul.nav.second {
color: #fff; }
nav ul.nav.second a {
background-color: #1779ff; }
nav ul.nav.second a.active {
border-bottom: 4px solid #2da301;
padding-bottom: 1.5px; } }
@media (max-width: 543px) {
nav button.navbar-toggler {
float: right;
margin-top: 10px;
font-family: inherit;
font-weight: 300; }
nav ul.mobileNav a {
font-size: 18px;
font-weight: 300; }
nav ul.mobileNav a.active {
color: #4a96ff;
font-weight: 700; }
.navbar-toggler {
padding: 0.5rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background: none;
border: 1px solid transparent;
border-radius: 0.25rem; }
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none; } }
footer {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #bebebe;
color: #000; }
footer p {
margin-bottom: 0; }
@media (max-width: 543px) {
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; }
/* make footer sticky */
html {
position: relative;
min-height: 100%; }
@media (min-width: 544px) {
body {
/* Margin bottom by footer height */
margin-bottom: 115px; }
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 85px; } }
@media (max-width: 543px) {
body {
/* Margin bottom by footer height */
margin-bottom: 192px; }
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 162px; } }
/*
* HELPERS
*/
.right {
text-align: right; }
.center {
text-align: center; }
@media (max-width: 543px) {
.col-xxs-12.right, .col-xxs-12.center {
text-align: inherit; } }
/* to break down col-xs */
.visible-xxs {
display: none !important; }
@media (max-width: 543px) {
.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; }
/*# sourceMappingURL=main.css.map */

44
assets/css/main.css.map Normal file

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,19 @@
/* STYLE for jannikbeyerstedt.de
* for specific template
*/
main div.home {
text-align: center;
margin-top: 20%;
margin-bottom: 20%; }
main div.home h1 {
margin: 0;
font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif;
font-weight: 100;
font-size: 60px;
margin-top: 15px;
margin-bottom: 15px; }
main div.home p {
margin: 0;
font-size: 20px; }
/*# sourceMappingURL=home.css.map */

View file

@ -0,0 +1,10 @@
{
"version": 3,
"file": "home.css",
"sources": [
"../../scss/templates/home.scss"
],
"sourcesContent": [],
"mappings": "AAAA;;GAEG;AAGE,IAAI,CAAC,GAAG,AAAA,KAAK,CAAP;EACP,UAAU,EAAE,MAAO;EACnB,UAAU,EAAE,GAAI;EAChB,aAAa,EAAE,GAAI,GAHX;EAIR,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,EAAE,CAAb;IACD,MAAM,EAAE,CAAE;IACV,WAAW,EAAE,+CAAgD;IAC7D,WAAW,EAAE,GAAI;IACjB,SAAS,EAAE,IAAK;IAChB,UAAU,EAAE,IAAK;IACjB,aAAa,EAAE,IAAK,GANlB;EAQJ,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,CAAC,CAAb;IACA,MAAM,EAAE,CAAE;IACV,SAAS,EAAE,IAAK,GAFf",
"names": []
}

View file

@ -0,0 +1,220 @@
/* STYLE for jannikbeyerstedt.de
* for specific template
*/
body {
background-color: #424242;
color: #fff; }
a {
color: #34bc01; }
a:active, a:hover {
color: #42ef01; }
@media (min-width: 544px) {
nav ul.nav.main {
color: #fff; } }
footer {
background-color: #303030;
color: #e6e6e6; }
div.carousel {
max-width: 1300px;
margin: 0 auto; }
.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.3rem; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #818a91; }
.carousel {
position: relative; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-inner > .carousel-item {
position: relative;
display: none;
transition: .6s ease-in-out left; }
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .carousel-item {
transition: transform 0.6s ease-in-out;
backface-visibility: hidden;
perspective: 1000px; }
.carousel-inner > .carousel-item.next,
.carousel-inner > .carousel-item.active.right {
left: 0;
transform: translate3d(100%, 0, 0); }
.carousel-inner > .carousel-item.prev,
.carousel-inner > .carousel-item.active.left {
left: 0;
transform: translate3d(-100%, 0, 0); }
.carousel-inner > .carousel-item.next.left,
.carousel-inner > .carousel-item.prev.right,
.carousel-inner > .carousel-item.active {
left: 0;
transform: translate3d(0, 0, 0); } }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block; }
.carousel-inner > .active {
left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%; }
.carousel-inner > .next {
left: 100%; }
.carousel-inner > .prev {
left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0; }
.carousel-inner > .active.left {
left: -100%; }
.carousel-inner > .active.right {
left: 100%; }
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.5; }
.carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.carousel-control.right {
right: 0;
left: auto;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.carousel-control:focus,
.carousel-control:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9; }
.carousel-control .icon-prev,
.carousel-control .icon-next {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -10px;
font-family: serif;
line-height: 1; }
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px; }
.carousel-control .icon-next {
right: 50%;
margin-right: -10px; }
.carousel-control .icon-prev::before {
content: "\2039"; }
.carousel-control .icon-next::before {
content: "\203a"; }
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none; }
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: transparent;
border: 1px solid #fff;
border-radius: 10px; }
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
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;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn {
text-shadow: none; }
@media (min-width: 544px) {
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px; }
.carousel-control .icon-prev {
margin-left: -15px; }
.carousel-control .icon-next {
margin-right: -15px; }
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; } }
/*# sourceMappingURL=photo.css.map */

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,36 @@
/* STYLE for jannikbeyerstedt.de
* for specific template
*/
.img-fluid {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.3rem; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #818a91; }
/*# sourceMappingURL=project.css.map */

View file

@ -0,0 +1,45 @@
{
"version": 3,
"file": "project.css",
"sources": [
"../../scss/templates/project.scss",
"../../vendors/bootstrap/scss/_custom.scss",
"../../vendors/bootstrap/scss/_variables.scss",
"../../vendors/bootstrap/scss/_mixins.scss",
"../../scss/_mainvariables.scss",
"../../vendors/bootstrap/scss/_images.scss",
"../../vendors/bootstrap/scss/mixins/_breakpoints.scss",
"../../vendors/bootstrap/scss/mixins/_hover.scss",
"../../vendors/bootstrap/scss/mixins/_image.scss",
"../../vendors/bootstrap/scss/mixins/_tag.scss",
"../../vendors/bootstrap/scss/mixins/_reset-filter.scss",
"../../vendors/bootstrap/scss/mixins/_resize.scss",
"../../vendors/bootstrap/scss/mixins/_screen-reader.scss",
"../../vendors/bootstrap/scss/mixins/_size.scss",
"../../vendors/bootstrap/scss/mixins/_tab-focus.scss",
"../../vendors/bootstrap/scss/mixins/_reset-text.scss",
"../../vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"../../vendors/bootstrap/scss/mixins/_text-hide.scss",
"../../vendors/bootstrap/scss/mixins/_text-truncate.scss",
"../../vendors/bootstrap/scss/mixins/_alert.scss",
"../../vendors/bootstrap/scss/mixins/_buttons.scss",
"../../vendors/bootstrap/scss/mixins/_cards.scss",
"../../vendors/bootstrap/scss/mixins/_pagination.scss",
"../../vendors/bootstrap/scss/mixins/_lists.scss",
"../../vendors/bootstrap/scss/mixins/_list-group.scss",
"../../vendors/bootstrap/scss/mixins/_nav-divider.scss",
"../../vendors/bootstrap/scss/mixins/_forms.scss",
"../../vendors/bootstrap/scss/mixins/_progress.scss",
"../../vendors/bootstrap/scss/mixins/_table-row.scss",
"../../vendors/bootstrap/scss/mixins/_background-variant.scss",
"../../vendors/bootstrap/scss/mixins/_border-radius.scss",
"../../vendors/bootstrap/scss/mixins/_gradients.scss",
"../../vendors/bootstrap/scss/mixins/_clearfix.scss",
"../../vendors/bootstrap/scss/mixins/_grid-framework.scss",
"../../vendors/bootstrap/scss/mixins/_grid.scss",
"../../vendors/bootstrap/scss/mixins/_pulls.scss"
],
"sourcesContent": [],
"mappings": "AAAA;;GAEG;AKKH,UAAU,CAAC;EGGT,OAAO,EADkB,KAAK;EAE9B,SAAS,EAAE,IAAK;EAChB,MAAM,EAAE,IAAK,GHLH;;AAKZ,YAAY,CAAC;EyBRT,aAAa,E5BgOQ,MAAK,GGxNhB;;AAKd,cAAc,CAAC;EACb,OAAO,EHmtBqB,OAAM;EGltBlC,gBAAgB,EHkFL,IAAI;EGjFf,MAAM,EH0EO,GAAG,CG1EgB,KAAK,CHotBT,IAAI;EGntBhC,aAAa,EH8MU,OAAM;EG7M7B,UAAU,EAAE,GAAG,CAAC,IAAG,CAAC,WAAW;EGZ/B,OAAO,EHgBY,YAAY;EGf/B,SAAS,EAAE,IAAK;EAChB,MAAM,EAAE,IAAK,GHKC;;AAahB,WAAW,CAAC;EACV,aAAa,EAAE,GAAI,GADR;;AAQb,OAAO,CAAC;EAEN,OAAO,EAAE,YAAa,GAFf;;AAKT,WAAW,CAAC;EACV,aAAa,EAAG,MAAS;EACzB,WAAW,EAAE,CAAE,GAFJ;;AAKb,eAAe,CAAC;EACd,SAAS,EH8rBgB,GAAG;EG7rB5B,KAAK,EHRqB,OAAO,GGMlB",
"names": []
}

View file

@ -0,0 +1,257 @@
/* STYLE for jannikbeyerstedt.de
* for specific template
*/
.card a {
color: #000; }
.card a:active, .card a:hover {
color: #000;
text-decoration: none; }
.card a.card-link:active, .card a.card-link:hover {
text-decoration: underline; }
.img-fluid {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.3rem; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #818a91; }
.card {
position: relative;
display: block;
margin-bottom: 0.75rem;
background-color: #fff;
border-radius: 0.25rem;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); }
.card-block {
padding: 1.25rem; }
.card-block::after {
content: "";
display: table;
clear: both; }
.card-title {
margin-bottom: 0.75rem; }
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 1.25rem; }
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-header {
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); }
.card-header::after {
content: "";
display: table;
clear: both; }
.card-header:first-child {
border-radius: 0.25rem 0.25rem 0 0; }
.card-footer {
padding: 0.75rem 1.25rem;
background-color: #f5f5f5;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); }
.card-footer::after {
content: "";
display: table;
clear: both; }
.card-footer:last-child {
border-radius: 0 0 0.25rem 0.25rem; }
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0; }
.card-header-tabs .nav-item {
margin-bottom: 0; }
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem; }
.card-primary {
background-color: #0275d8;
border-color: #0275d8; }
.card-success {
background-color: #5cb85c;
border-color: #5cb85c; }
.card-info {
background-color: #5bc0de;
border-color: #5bc0de; }
.card-warning {
background-color: #f0ad4e;
border-color: #f0ad4e; }
.card-danger {
background-color: #d9534f;
border-color: #d9534f; }
.card-outline-primary {
background-color: transparent;
border-color: #0275d8; }
.card-outline-secondary {
background-color: transparent;
border-color: #ccc; }
.card-outline-info {
background-color: transparent;
border-color: #5bc0de; }
.card-outline-success {
background-color: transparent;
border-color: #5cb85c; }
.card-outline-warning {
background-color: transparent;
border-color: #f0ad4e; }
.card-outline-danger {
background-color: transparent;
border-color: #d9534f; }
.card-inverse .card-header,
.card-inverse .card-footer {
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
color: #fff; }
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
color: rgba(255, 255, 255, 0.65); }
.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
color: #fff; }
.card-blockquote {
padding: 0;
margin-bottom: 0;
border-left: 0; }
.card-img {
border-radius: 0.25rem; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; }
.card-img-top {
border-radius: 0.25rem 0.25rem 0 0; }
.card-img-bottom {
border-radius: 0 0 0.25rem 0.25rem; }
@media (min-width: 544px) {
.card-deck {
display: table;
table-layout: fixed;
border-spacing: 1.25rem 0; }
.card-deck .card {
display: table-cell;
width: 1%;
vertical-align: top; }
.card-deck-wrapper {
margin-right: -1.25rem;
margin-left: -1.25rem; } }
@media (min-width: 544px) {
.card-group {
display: table;
width: 100%;
table-layout: fixed; }
.card-group .card {
display: table-cell;
vertical-align: top; }
.card-group .card + .card {
margin-left: 0;
border-left: 0; }
.card-group .card:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.card-group .card:first-child .card-img-top {
border-top-right-radius: 0; }
.card-group .card:first-child .card-img-bottom {
border-bottom-right-radius: 0; }
.card-group .card:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.card-group .card:last-child .card-img-top {
border-top-left-radius: 0; }
.card-group .card:last-child .card-img-bottom {
border-bottom-left-radius: 0; }
.card-group .card:not(:first-child):not(:last-child) {
border-radius: 0; }
.card-group .card:not(:first-child):not(:last-child) .card-img-top,
.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
border-radius: 0; } }
@media (min-width: 544px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem; }
.card-columns .card {
display: inline-block;
width: 100%; } }
.card-img-top {
width: 100%; }
/*# sourceMappingURL=projects.css.map */

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,52 @@
/* 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: 543px) {
.featurette img {
margin: 0 auto;
max-height: 200px; } }
.img-fluid {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0.3rem; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #818a91; }
/*# sourceMappingURL=webdesign.css.map */

View file

@ -0,0 +1,45 @@
{
"version": 3,
"file": "webdesign.css",
"sources": [
"../../scss/templates/webdesign.scss",
"../../vendors/bootstrap/scss/_custom.scss",
"../../vendors/bootstrap/scss/_variables.scss",
"../../vendors/bootstrap/scss/_mixins.scss",
"../../scss/_mainvariables.scss",
"../../vendors/bootstrap/scss/_images.scss",
"../../vendors/bootstrap/scss/mixins/_breakpoints.scss",
"../../vendors/bootstrap/scss/mixins/_hover.scss",
"../../vendors/bootstrap/scss/mixins/_image.scss",
"../../vendors/bootstrap/scss/mixins/_tag.scss",
"../../vendors/bootstrap/scss/mixins/_reset-filter.scss",
"../../vendors/bootstrap/scss/mixins/_resize.scss",
"../../vendors/bootstrap/scss/mixins/_screen-reader.scss",
"../../vendors/bootstrap/scss/mixins/_size.scss",
"../../vendors/bootstrap/scss/mixins/_tab-focus.scss",
"../../vendors/bootstrap/scss/mixins/_reset-text.scss",
"../../vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"../../vendors/bootstrap/scss/mixins/_text-hide.scss",
"../../vendors/bootstrap/scss/mixins/_text-truncate.scss",
"../../vendors/bootstrap/scss/mixins/_alert.scss",
"../../vendors/bootstrap/scss/mixins/_buttons.scss",
"../../vendors/bootstrap/scss/mixins/_cards.scss",
"../../vendors/bootstrap/scss/mixins/_pagination.scss",
"../../vendors/bootstrap/scss/mixins/_lists.scss",
"../../vendors/bootstrap/scss/mixins/_list-group.scss",
"../../vendors/bootstrap/scss/mixins/_nav-divider.scss",
"../../vendors/bootstrap/scss/mixins/_forms.scss",
"../../vendors/bootstrap/scss/mixins/_progress.scss",
"../../vendors/bootstrap/scss/mixins/_table-row.scss",
"../../vendors/bootstrap/scss/mixins/_background-variant.scss",
"../../vendors/bootstrap/scss/mixins/_border-radius.scss",
"../../vendors/bootstrap/scss/mixins/_gradients.scss",
"../../vendors/bootstrap/scss/mixins/_clearfix.scss",
"../../vendors/bootstrap/scss/mixins/_grid-framework.scss",
"../../vendors/bootstrap/scss/mixins/_grid.scss",
"../../vendors/bootstrap/scss/mixins/_pulls.scss"
],
"sourcesContent": [],
"mappings": "AAAA;;GAEG;AAeD,IAAI,AAAA,UAAU,CAAC,UAAU,CAAd;EACT,UAAU,EAAE,IAAK,GADP;;AAOZ,WAAW,CAAC,EAAE,CAAX;EACD,WAAW,EAAE,OAAQ;EACrB,UAAU,EAAE,IAAK,GAFf;;AMkCF,MAAM,EAAL,SAAS,EAAE,KAAK;EN5BjB,WAAW,CAAC,GAAG,CAAX;IACF,UAAU,EAAE,IAAK,GADd;;AM4BL,MAAM,EAAL,SAAS,EAAE,KAAK;ENvBjB,WAAW,CAAC,GAAG,CAAX;IACF,MAAM,EAAE,MAAO;IACf,UAAU,EAAE,KAAM,GAFf;;AK5BT,UAAU,CAAC;EGGT,OAAO,EADkB,KAAK;EAE9B,SAAS,EAAE,IAAK;EAChB,MAAM,EAAE,IAAK,GHLH;;AAKZ,YAAY,CAAC;EyBRT,aAAa,E5BgOQ,MAAK,GGxNhB;;AAKd,cAAc,CAAC;EACb,OAAO,EHmtBqB,OAAM;EGltBlC,gBAAgB,EHkFL,IAAI;EGjFf,MAAM,EH0EO,GAAG,CG1EgB,KAAK,CHotBT,IAAI;EGntBhC,aAAa,EH8MU,OAAM;EG7M7B,UAAU,EAAE,GAAG,CAAC,IAAG,CAAC,WAAW;EGZ/B,OAAO,EHgBY,YAAY;EGf/B,SAAS,EAAE,IAAK;EAChB,MAAM,EAAE,IAAK,GHKC;;AAahB,WAAW,CAAC;EACV,aAAa,EAAE,GAAI,GADR;;AAQb,OAAO,CAAC;EAEN,OAAO,EAAE,YAAa,GAFf;;AAKT,WAAW,CAAC;EACV,aAAa,EAAG,MAAS;EACzB,WAAW,EAAE,CAAE,GAFJ;;AAKb,eAAe,CAAC;EACd,SAAS,EH8rBgB,GAAG;EG7rB5B,KAAK,EHRqB,OAAO,GGMlB",
"names": []
}