Commit 26b38221 authored by Jakob Moser's avatar Jakob Moser
Browse files

Re-order styles some more

parent 09d263b3

style.css

+68 −66
Original line number Diff line number Diff line
@@ -215,6 +215,74 @@ header nav li li { 
    border-radius: 0px;

}



/* ==== Custom styles: Landing page ==== */

main.landing > header {

    height: 260px;



    background-image: url("img/header.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;



    background-color: rgba(0,0,0,0.2);

    background-blend-mode: overlay;



    font-family: "Inconsolata", monospace;

    color: #fff;

    padding-left: 2em;



    display: grid;

    grid-template-rows: 1fr max-content max-content 1fr;

    grid-template-columns: max-content;

}



main.landing > header h1 {

    grid-row-start: 2;

}



main.landing > header h2 {

    font-size: 1.25em;

    opacity: 0.75;

    grid-row-start: 3;

    text-align: right;

}



main.landing section {

    border-style: solid;

    border-color: var(--accent-color);

    border-width: 1px 0px 0px 0px;

    padding: 2em;

}



main.landing section::before {

    display: block;

    position: absolute;

    left: 50%;

    width: 60px;

    height: 60px;

    background-repeat: no-repeat;

    background-size: contain;

    transform: translate(-50%, -40%);

    margin-top: -2em;

    content: "";

}



main.landing section.ticker::before {

    left: 2em;

}



main.landing section.news {

    display: grid;

    grid-template-columns: 75fr 25fr;

    column-gap: 2em;

}



main.landing section.news aside {

    border-style: solid;

    border-color: var(--light-gray);

    border-width: 0px 0px 0px 1px;

}



/* ======================================================================= */

/* -- Main content -- */

main:not(.list) {
@@ -292,62 +360,6 @@ div.square-icon { 
}





/* - heading styles */



main > header {

    height: 260px;



    background-image: url("img/header.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;



    background-color: rgba(0,0,0,0.2);

    background-blend-mode: overlay;



    font-family: "Inconsolata", monospace;

    color: #fff;

    padding-left: 2em;



    display: grid;

    grid-template-rows: 1fr max-content max-content 1fr;

    grid-template-columns: max-content;

}



main > header h1 {

    grid-row-start: 2;

}



main > header h2 {

    font-size: 1.25em;

    opacity: 0.75;

    grid-row-start: 3;

    text-align: right;

}



main.landing section {

    border-style: solid;

    border-color: var(--accent-color);

    border-width: 1px 0px 0px 0px;

    padding: 2em;

}



main.landing section::before {

    display: block;

    position: absolute;

    left: 50%;

    width: 60px;

    height: 60px;

    background-repeat: no-repeat;

    background-size: contain;

    transform: translate(-50%, -40%);

    margin-top: -2em;

    content: "";

}



main.landing section.ticker::before {

    left: 2em;

}



.icon-ticker, main.landing section.ticker::before {

    background-image: url("img/ticker.png");
@@ -362,17 +374,7 @@ main.landing section.ticker::before { 
}



/* -- homepage news listing styles */

main.landing section.news {

    display: grid;

    grid-template-columns: 75fr 25fr;

    column-gap: 2em;

}



main.landing section.news aside {

    border-style: solid;

    border-color: var(--light-gray);

    border-width: 0px 0px 0px 1px;

}



.news article {

    padding: 0;