45 a { |
45 a { |
46 color: #3060f8; |
46 color: #3060f8; |
47 text-decoration: none; |
47 text-decoration: none; |
48 } |
48 } |
49 |
49 |
50 #mainMenu, #breadcrumbs { |
50 #mainMenu { |
51 width: 100%; |
51 width: 100%; |
52 display: flex; |
52 display: flex; |
53 flex-flow: row wrap; |
53 flex-flow: row wrap; |
54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
55 border-image-slice: 1; |
55 border-image-slice: 1; |
56 border-bottom-style: solid; |
56 border-bottom-style: solid; |
57 border-bottom-width: 1pt; |
57 border-bottom-width: 1pt; |
58 } |
58 } |
|
59 #sideMenu { |
|
60 display: flex; |
|
61 flex-flow: column; |
|
62 position: fixed; |
|
63 height: 100%; |
|
64 width: 20ch; |
|
65 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
|
66 border-image-slice: 1; |
|
67 border-right-style: solid; |
|
68 border-right-width: 1pt; |
|
69 } |
|
70 |
|
71 #content-area.sidebar-spacing { |
|
72 margin-left: 20ch; |
|
73 } |
59 |
74 |
60 #mainMenu { |
75 #mainMenu { |
61 font-size: large; |
76 font-size: large; |
62 background: #e0e0e5; |
77 background: #e0e0e5; |
63 } |
78 } |
64 |
79 |
65 #breadcrumbs { |
80 #sideMenu { |
66 background: #f7f7ff; |
81 background: #f7f7ff; |
67 } |
82 } |
68 |
83 |
69 .menuEntry { |
84 #mainMenu .menuEntry { |
70 padding: .25em 1em .25em 1em; |
85 padding: .25em 1em .25em 1em; |
71 border-right-style: solid; |
86 border-right-style: solid; |
72 border-right-width: 1pt; |
87 border-right-width: 1pt; |
73 border-right-color: #9095a1; |
88 border-right-color: #9095a1; |
74 } |
89 } |
75 |
90 |
76 #mainMenu .menuEntry[data-active] { |
91 #mainMenu .menuEntry[data-active] { |
77 background: #d0d0d5; |
92 background: #d0d0d5; |
78 } |
93 } |
79 |
94 |
80 #breadcrumbs .menuEntry[data-active] { |
95 #sideMenu .menuEntry[data-active] { |
81 background: #e7e7ef |
96 background: #e7e7ef |
82 } |
97 } |
83 |
98 |
84 #content-area { |
99 #content-area { |
85 padding: 1em; |
100 padding: 1em; |