static #2
2 changed files with 26 additions and 22 deletions
|
@ -1,4 +1,7 @@
|
||||||
/* FONTS */
|
/* FONTS */
|
||||||
|
|
||||||
|
/* Überschrift Font */
|
||||||
|
|
||||||
/* im-fell-english-sc-regular - latin */
|
/* im-fell-english-sc-regular - latin */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'IM Fell English SC';
|
font-family: 'IM Fell English SC';
|
||||||
|
@ -12,6 +15,9 @@
|
||||||
url('../fonts/im-fell-english-sc-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
url('../fonts/im-fell-english-sc-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
url('../fonts/im-fell-english-sc-v10-latin-regular.svg#IMFellEnglishSC') format('svg'); /* Legacy iOS */
|
url('../fonts/im-fell-english-sc-v10-latin-regular.svg#IMFellEnglishSC') format('svg'); /* Legacy iOS */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fließtext Font */
|
||||||
|
|
||||||
/* im-fell-great-primer-regular - latin */
|
/* im-fell-great-primer-regular - latin */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'IM Fell Great Primer';
|
font-family: 'IM Fell Great Primer';
|
||||||
|
@ -40,23 +46,21 @@
|
||||||
url('../fonts/im-fell-great-primer-v10-latin-italic.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */
|
url('../fonts/im-fell-great-primer-v10-latin-italic.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Festlegung Font */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'IM Fell Great Primer';
|
font-family: 'IM Fell Great Primer';
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #000;
|
||||||
|
color: #f9f9ed;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
h1, h2, h3, h4, h5 {
|
||||||
font-family: 'IM Fell English SC'
|
font-family: 'IM Fell English SC'
|
||||||
}
|
}
|
||||||
|
|
||||||
div.collection_container {
|
/* Breitenanpassung */
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.collection {
|
|
||||||
margin: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1000px) {
|
@media only screen and (min-width: 1000px) {
|
||||||
div.collection {
|
div.collection {
|
||||||
|
@ -74,6 +78,17 @@ div.collection {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Collection */
|
||||||
|
|
||||||
|
div.collection_container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.collection {
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
div.collection h1 {
|
div.collection h1 {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -85,11 +100,7 @@ div.collection div.col-desc {
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.cta h2 {
|
/* Img Collections + Slide in stuff */
|
||||||
color: #1f1f1f;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Slide in stuff */
|
|
||||||
|
|
||||||
.flexbox-col-img {
|
.flexbox-col-img {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -5,13 +5,6 @@
|
||||||
transition: all ease-in-out 250ms;
|
transition: all ease-in-out 250ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
text-align: center;
|
|
||||||
background-color: #000;
|
|
||||||
color: #f9f9ed;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue