new logo header
This commit is contained in:
parent
4497aa046d
commit
f2c16c4b84
5 changed files with 29 additions and 16 deletions
css
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue