Laitan tänne mitä ite oon käyttäny:
Boxiin saa perus varjot komennolla
box-shadow: 20px 20px 40px 5px rgba(0, 0, 0, .6);
eka luku meinaa kuinka paljon varjo on boxin sivulle, toka meinaa varjon terävyyttä tai häivytystä, kolmas on sitten koko, sit varjon värit ja läpinkyvyys

varjot boxin päälle (itellä yläpalkissa):
box-shadow: inset 0em 0.5em 2em rgba(0, 0, 0, .5);

Laatikon läpinäkyvyys kun laittaa laatikon värin joko värikoodilla tai rgb:llä
background-color: #ffffffe8 !important;
tai rgb:llä
background-color: rgba(255, 255, 255, 0.9) !important;

Taustakuvan saa siten että se on koko ruudun kokoisena eikä scrollaa
body {
background: url(tähän kuvan url);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

sit laitoin yläpalkin keskelle logon
background-image: url(osoite);
background-position: center top;
background-position-y: 5px;
background-repeat: no-repeat;

Tähänkin varmaan parempia vaihtoehtoja mutta toimii itelle tarpeeksi hyvin

Foorumin puollelle ei nyt kannata tehdä mitään, se tulee muuttumaan lähiaikoina.

Anteron leiskan saa toimimaan tällä

#main-header {
display: flex !important;
}

#main-header > #main-navi {
display: flex;
align-items: flex-end;
}

>>4897
Laitoin itselleni:

#main-navi {
position: relative !important;
top: 60px !important;
font-size: 13px !important;
}

...jotta sain nätin asettelun säilymään jossa asetukset, nimi ja ulos linkit rivittyvät oikeaan laitaan ja muut vasempaan. Mobiilissa tosin rivittyvät väärin, mutta sitä varten täytyy vielä fiksata omat asetuksensa. En tiedä tuoko tuo hankaluuksia tulevaisuudessa kun sivua fiksaillaan varsinaisen koodin osalta, mutta muokkailen ceeäsässää sitten tarpeen mukaan.