Commit 3ca8e8cf authored by Jakob Moser's avatar Jakob Moser
Browse files

Move header styles around

parent 2edd3b53

style.css

+42 −41
Changes for style.css: 42 added lines, 41 removed lines.
Original line number Diff line number Diff line
@@ -57,6 +57,48 @@ aside + main { 
    grid-column-end: 3;

}



/* -- Header styles -- */

header {

    z-index: 100;

    border-style: solid;

    border-width: 0px 0px 4px 0px;

    border-color: var(--fscoli-dark-red);

    box-shadow: 0px 0px 15px #424242;

    font-family: "Inconsolata", monospace;

}



header::before {

    content: "";

    position: relative;

    float: right;

    top: 100%;

    border-width: 30px 0px 0px 30px;

    border-style: solid;

    border-color: var(--fscoli-dark-red) transparent;

}



header::after {

    content: "";

    display: block;

    position: absolute;

    right: 0px;

    border-width: 26px 0px 0px 26px;

    border-style: solid;

    border-color: #fff transparent;

    margin-top: -2px;

}



header div.logo {

    width: 250px;

    height: 77px;

    margin: 8px 0px -3px 10px;

    transition: background-color 0.3s;

}



header div.logo:hover {

    background-color: var(--fscoli-dark-red);

}



/* --- Text markup elements --- */

a {

    color: var(--fscoli-dark-red);
@@ -269,48 +311,7 @@ div.square-icon { 
    vertical-align: middle;

}



/* - header styles */



header {

    z-index: 100;

    border-style: solid;

    border-width: 0px 0px 4px 0px;

    border-color: var(--fscoli-dark-red);

    box-shadow: 0px 0px 15px #424242;

    font-family: "Inconsolata", monospace;

}



header::before {

    content: "";

    position: relative;

    float: right;

    top: 100%;

    border-width: 30px 0px 0px 30px;

    border-style: solid;

    border-color: var(--fscoli-dark-red) transparent;

}



header::after {

    content: "";

    display: block;

    position: absolute;

    right: 0px;

    border-width: 26px 0px 0px 26px;

    border-style: solid;

    border-color: #fff transparent;

    margin-top: -2px;

}



header div.logo {

    width: 250px;

    height: 77px;

    margin: 8px 0px -3px 10px;

    transition: background-color 0.3s;

}



header div.logo:hover {

    background-color: var(--fscoli-dark-red);

}



/* -- menu styles */