1.dokuwiki > header.notos {
2    background-color: @ini_header_background;
3    border-bottom: 5px solid @ini_highlight;
4    color: @ini_header_text;
5    padding-top: 1rem;
6
7    .toprow {
8        display: flex;
9        justify-content: space-between;
10        padding-bottom: 0.5rem;
11
12        .branding {
13            display: flex;
14
15            img {
16                height: 4rem;
17                margin-right: 1rem;
18            }
19
20            div {
21                display: flex;
22                flex-direction: column;
23                justify-content: center;
24
25                h1 {
26                    margin: 0;
27                    font-size: 1.5rem;
28
29                    a {
30                        color: unset;
31                    }
32                }
33            }
34        }
35
36        .header-controls {
37            display: flex;
38            flex-direction: column;
39            align-items: flex-end;
40        }
41    }
42}
43
44@media screen and (max-width: @ini_phone_width) {
45    .dokuwiki > header.notos {
46        .container {
47            padding-right: 1rem;
48
49            .toprow {
50                display: block;
51            }
52        }
53    }
54}
55