49 a { |
49 a { |
50 color: #3060f8; |
50 color: #3060f8; |
51 text-decoration: none; |
51 text-decoration: none; |
52 } |
52 } |
53 |
53 |
54 #mainMenu { |
54 #mainMenu, #subMenu { |
55 width: 100%; |
55 width: 100%; |
56 display: flex; |
56 display: flex; |
57 flex-flow: row wrap; |
57 flex-flow: row wrap; |
58 background: #f0f0f5; |
58 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
|
59 border-image-slice: 1; |
|
60 border-bottom-style: solid; |
|
61 border-bottom-width: 1pt; |
|
62 } |
|
63 |
|
64 #mainMenu { |
|
65 background: #e0e0e5; |
59 } |
66 } |
60 |
67 |
61 #subMenu { |
68 #subMenu { |
62 background: #f7f7ff; |
69 background: #f7f7ff; |
63 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
|
64 border-image-slice: 1; |
|
65 border-top-style: solid; |
|
66 border-top-width: 1pt; |
|
67 border-bottom-style: solid; |
|
68 border-bottom-width: 1pt; |
|
69 } |
70 } |
70 |
71 |
71 .menuEntry { |
72 .menuEntry { |
72 padding: .25em 1em .25em 1em; |
73 padding: .25em 1em .25em 1em; |
73 border-right-style: solid; |
74 border-right-style: solid; |
74 border-right-width: 1pt; |
75 border-right-width: 1pt; |
75 border-right-color: #9095a1; |
76 border-right-color: #9095a1; |
76 } |
77 } |
77 |
78 |
78 #mainMenu .menuEntry[data-active] { |
79 #mainMenu .menuEntry[data-active] { |
79 background: #e0e0e5; |
80 background: #d0d0d5; |
80 } |
81 } |
81 |
82 |
82 #subMenu .menuEntry[data-active] { |
83 #subMenu .menuEntry[data-active] { |
83 background: #e7e7ef |
84 background: #e7e7ef |
84 } |
85 } |