80 #mainMenu { |
80 #mainMenu { |
81 grid-row: 1; |
81 grid-row: 1; |
82 grid-column: 1 / span 2; |
82 grid-column: 1 / span 2; |
83 width: 100%; |
83 width: 100%; |
84 display: flex; |
84 display: flex; |
85 flex-flow: row wrap; |
85 flex-flow: row nowrap; |
86 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
86 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
87 border-image-slice: 1; |
87 border-image-slice: 1; |
88 border-bottom-style: solid; |
88 border-bottom-style: solid; |
89 border-bottom-width: thin; |
89 border-bottom-width: thin; |
90 font-size: 1.2rem; |
|
91 background: #e0e0e5; |
90 background: #e0e0e5; |
92 } |
91 } |
93 |
92 |
94 #sideMenu { |
93 #sideMenu { |
95 grid-row: 2; |
94 grid-row: 2; |
109 grid-row: 2; |
108 grid-row: 2; |
110 grid-column: 1; |
109 grid-column: 1; |
111 } |
110 } |
112 |
111 |
113 #mainMenu .menuEntry { |
112 #mainMenu .menuEntry { |
|
113 font-size: 1.2rem; |
114 padding: .25em 1em .25em 1em; |
114 padding: .25em 1em .25em 1em; |
115 border-right-style: solid; |
115 border-right-style: solid; |
116 border-right-width: thin; |
116 border-right-width: thin; |
117 border-right-color: #9095a1; |
117 border-right-color: #9095a1; |
|
118 } |
|
119 |
|
120 #mainMenu .searchBox { |
|
121 margin-left: auto; |
|
122 padding: .25em 1em .25em 0; |
|
123 } |
|
124 |
|
125 #mainMenu .searchBox input { |
|
126 width: 30em; |
|
127 min-width: 10em; |
118 } |
128 } |
119 |
129 |
120 #sideMenu .menuEntry { |
130 #sideMenu .menuEntry { |
121 white-space: nowrap; |
131 white-space: nowrap; |
122 padding-right: 2em; |
132 padding-right: 2em; |