68 cursor: pointer; |
68 cursor: pointer; |
69 color: #3060f8; |
69 color: #3060f8; |
70 text-decoration: none; |
70 text-decoration: none; |
71 } |
71 } |
72 |
72 |
|
73 #page-area { |
|
74 display: flex; |
|
75 flex-flow: column nowrap; |
|
76 height: 100%; |
|
77 } |
|
78 |
73 #body-area { |
79 #body-area { |
74 display: grid; |
80 flex-grow: 1; |
75 grid-template-columns: min-content auto; |
81 display: flex; |
76 grid-template-rows: max-content 1fr; |
82 flex-flow: row nowrap; |
77 height: 100%; |
|
78 } |
83 } |
79 |
84 |
80 #mainMenu { |
85 #mainMenu { |
81 grid-row: 1; |
|
82 grid-column: 1 / span 2; |
|
83 width: 100%; |
|
84 display: flex; |
86 display: flex; |
85 flex-flow: row nowrap; |
87 flex-flow: row nowrap; |
86 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
88 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
87 border-image-slice: 1; |
89 border-image-slice: 1; |
88 border-bottom-style: solid; |
90 border-bottom-style: solid; |
89 border-bottom-width: thin; |
91 border-bottom-width: thin; |
90 background: #e0e0e5; |
92 background: #e0e0e5; |
91 } |
93 } |
92 |
94 |
93 #sideMenu { |
95 #sideMenu { |
94 grid-row: 2; |
|
95 grid-column: 1; |
|
96 min-width: 15vw; |
96 min-width: 15vw; |
97 display: flex; |
97 display: flex; |
98 flex-flow: column; |
98 flex-flow: column; |
99 color: #3060f8; |
99 color: #3060f8; |
100 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
100 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
102 border-right-style: solid; |
102 border-right-style: solid; |
103 border-right-width: thin; |
103 border-right-width: thin; |
104 background: #f7f7ff; |
104 background: #f7f7ff; |
105 } |
105 } |
106 |
106 |
107 #sideMenuFiller { |
|
108 grid-row: 2; |
|
109 grid-column: 1; |
|
110 } |
|
111 |
|
112 #mainMenu .menuEntry { |
107 #mainMenu .menuEntry { |
113 font-size: 1.2rem; |
108 font-size: 1.2rem; |
114 padding: .25em 1em .25em 1em; |
109 padding: .25em 1em .25em 1em; |
115 border-right-style: solid; |
110 border-right-style: solid; |
116 border-right-width: thin; |
111 border-right-width: thin; |