1.1 --- a/src/main/webapp/lightpit.css Sun Jun 21 12:38:15 2020 +0200
1.2 +++ b/src/main/webapp/lightpit.css Sat Aug 22 16:25:03 2020 +0200
1.3 @@ -47,7 +47,7 @@
1.4 text-decoration: none;
1.5 }
1.6
1.7 -#mainMenu, #breadcrumbs {
1.8 +#mainMenu {
1.9 width: 100%;
1.10 display: flex;
1.11 flex-flow: row wrap;
1.12 @@ -56,17 +56,32 @@
1.13 border-bottom-style: solid;
1.14 border-bottom-width: 1pt;
1.15 }
1.16 +#sideMenu {
1.17 + display: flex;
1.18 + flex-flow: column;
1.19 + position: fixed;
1.20 + height: 100%;
1.21 + width: 20ch;
1.22 + border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
1.23 + border-image-slice: 1;
1.24 + border-right-style: solid;
1.25 + border-right-width: 1pt;
1.26 +}
1.27 +
1.28 +#content-area.sidebar-spacing {
1.29 + margin-left: 20ch;
1.30 +}
1.31
1.32 #mainMenu {
1.33 font-size: large;
1.34 background: #e0e0e5;
1.35 }
1.36
1.37 -#breadcrumbs {
1.38 +#sideMenu {
1.39 background: #f7f7ff;
1.40 }
1.41
1.42 -.menuEntry {
1.43 +#mainMenu .menuEntry {
1.44 padding: .25em 1em .25em 1em;
1.45 border-right-style: solid;
1.46 border-right-width: 1pt;
1.47 @@ -77,7 +92,7 @@
1.48 background: #d0d0d5;
1.49 }
1.50
1.51 -#breadcrumbs .menuEntry[data-active] {
1.52 +#sideMenu .menuEntry[data-active] {
1.53 background: #e7e7ef
1.54 }
1.55
