new logo header

This commit is contained in:
fr34k 2020-10-30 20:49:47 +01:00
parent 4497aa046d
commit f2c16c4b84
5 changed files with 29 additions and 16 deletions

View file

@ -1,6 +1,7 @@
/* FONTS */
/* Überschrift Font */
/* Überschrift Font
====================*/
/* im-fell-english-sc-regular - latin */
@font-face {
@ -16,7 +17,8 @@
url('../fonts/im-fell-english-sc-v10-latin-regular.svg#IMFellEnglishSC') format('svg'); /* Legacy iOS */
}
/* Fließtext Font */
/* Fließtext Font
====================*/
/* im-fell-great-primer-regular - latin */
@font-face {
@ -46,12 +48,12 @@
url('../fonts/im-fell-great-primer-v10-latin-italic.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */
}
/* Festlegung Font */
/* Festlegung Font
===================*/
body {
font-family: 'IM Fell Great Primer';
margin: 0;
text-align: center;
background-color: #000;
color: #f9f9ed;
}
@ -60,7 +62,8 @@ h1, h2, h3, h4, h5 {
font-family: 'IM Fell English SC'
}
/* Breitenanpassung */
/* Breitenanpassung
====================*/
@media only screen and (min-width: 1000px) {
div.collection {
@ -124,12 +127,12 @@ header {
}
.nav ul {
margin: 0;
float: right;
margin-right: 20px;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
width: 100%;
}
.nav li {
@ -158,10 +161,14 @@ header {
}
.logo {
margin-top: 0.5rem;
margin-top: 20px;
margin-left: 20px;
float: left;
}
/* Collection */
/* Collection
================*/
div.collection_container {
display: flex;
@ -170,6 +177,7 @@ div.collection_container {
div.collection {
margin: 4px;
margin-bottom: 30px;
}
div.collection h1 {
@ -183,7 +191,8 @@ div.collection div.col-desc {
text-align: justify;
}
/* Img Collections + Slide in stuff */
/* Img Collections + Slide in stuff
====================================*/
.flexbox-col-img {
display: flex;
@ -234,7 +243,8 @@ div.collection div.col-desc {
text-align: center;
}
/* Images Instagram */
/* Images Instagram
=======================*/
.images {
filter: grayscale(100%);
@ -253,7 +263,8 @@ div.collection div.col-desc {
transition: filter 0.8s ease-out;
}
/* buttons */ /* Noch ordnen */
/* buttons
=======================*/ /* Noch ordnen */
.button {
display: inline-block;