Fossil SCM
Fixed timeline menu alignment problems reported off-list. Switched to using "display: block" to support some older browsers and provide a more consistant look across browsers. The max-width was increased 80% to 90%.
Commit
44cb5bb0c4a1e93a1cc22649473905fa757b8e87
Parent
4b1671f8fd168cd…
1 file changed
+17
-6
+17
-6
| --- skins/xekri/css.txt | ||
| +++ skins/xekri/css.txt | ||
| @@ -66,11 +66,11 @@ | ||
| 66 | 66 | */ |
| 67 | 67 | |
| 68 | 68 | div.header, div.mainmenu, div.submenu, div.content, div.footer { |
| 69 | 69 | clear: both; |
| 70 | 70 | margin: 0 auto; |
| 71 | - max-width: 80%; | |
| 71 | + max-width: 90%; | |
| 72 | 72 | padding: 0.25rem 1rem; |
| 73 | 73 | } |
| 74 | 74 | |
| 75 | 75 | |
| 76 | 76 | /************************************** |
| @@ -134,35 +134,46 @@ | ||
| 134 | 134 | font-size: 1.1rem; |
| 135 | 135 | text-align: center; |
| 136 | 136 | } |
| 137 | 137 | |
| 138 | 138 | div.mainmenu { |
| 139 | + padding-top: 0.33rem; | |
| 139 | 140 | padding-bottom: 0.25rem; |
| 140 | 141 | } |
| 141 | 142 | |
| 142 | 143 | div.submenu { |
| 143 | 144 | border-top: 1px solid #0a0; |
| 144 | 145 | border-radius: 0; |
| 145 | - display: flex; | |
| 146 | - -o-display: block; | |
| 147 | - justify-content: space-around; | |
| 146 | + display: block; | |
| 148 | 147 | } |
| 149 | 148 | |
| 150 | 149 | div.mainmenu a, div.submenu a { |
| 151 | 150 | color: #000; |
| 152 | 151 | padding: 0 0.75rem; |
| 153 | 152 | text-decoration: none; |
| 154 | - vertical-align: middle; | |
| 155 | 153 | } |
| 156 | 154 | |
| 157 | 155 | div.mainmenu a:hover, div.submenu a:hover { |
| 158 | 156 | color: #fff; |
| 159 | 157 | text-shadow: 0px 0px 6px #0f0; |
| 160 | 158 | } |
| 159 | + | |
| 160 | +div.submenu * { | |
| 161 | + margin: 0 0.5rem; | |
| 162 | + vertical-align: middle; | |
| 163 | +} | |
| 164 | + | |
| 165 | +div.submenu select, div.submenu input { | |
| 166 | + background-color: #222; | |
| 167 | + border: 1px inset #080; | |
| 168 | + color: #eee; | |
| 169 | + cursor: pointer; | |
| 170 | + font-size: 0.9rem; | |
| 171 | +} | |
| 161 | 172 | |
| 162 | 173 | div.submenu select { |
| 163 | - background-color: #090; | |
| 174 | + height: 1.75rem; | |
| 164 | 175 | } |
| 165 | 176 | |
| 166 | 177 | /************************************** |
| 167 | 178 | * Main Area: Content |
| 168 | 179 | */ |
| 169 | 180 |
| --- skins/xekri/css.txt | |
| +++ skins/xekri/css.txt | |
| @@ -66,11 +66,11 @@ | |
| 66 | */ |
| 67 | |
| 68 | div.header, div.mainmenu, div.submenu, div.content, div.footer { |
| 69 | clear: both; |
| 70 | margin: 0 auto; |
| 71 | max-width: 80%; |
| 72 | padding: 0.25rem 1rem; |
| 73 | } |
| 74 | |
| 75 | |
| 76 | /************************************** |
| @@ -134,35 +134,46 @@ | |
| 134 | font-size: 1.1rem; |
| 135 | text-align: center; |
| 136 | } |
| 137 | |
| 138 | div.mainmenu { |
| 139 | padding-bottom: 0.25rem; |
| 140 | } |
| 141 | |
| 142 | div.submenu { |
| 143 | border-top: 1px solid #0a0; |
| 144 | border-radius: 0; |
| 145 | display: flex; |
| 146 | -o-display: block; |
| 147 | justify-content: space-around; |
| 148 | } |
| 149 | |
| 150 | div.mainmenu a, div.submenu a { |
| 151 | color: #000; |
| 152 | padding: 0 0.75rem; |
| 153 | text-decoration: none; |
| 154 | vertical-align: middle; |
| 155 | } |
| 156 | |
| 157 | div.mainmenu a:hover, div.submenu a:hover { |
| 158 | color: #fff; |
| 159 | text-shadow: 0px 0px 6px #0f0; |
| 160 | } |
| 161 | |
| 162 | div.submenu select { |
| 163 | background-color: #090; |
| 164 | } |
| 165 | |
| 166 | /************************************** |
| 167 | * Main Area: Content |
| 168 | */ |
| 169 |
| --- skins/xekri/css.txt | |
| +++ skins/xekri/css.txt | |
| @@ -66,11 +66,11 @@ | |
| 66 | */ |
| 67 | |
| 68 | div.header, div.mainmenu, div.submenu, div.content, div.footer { |
| 69 | clear: both; |
| 70 | margin: 0 auto; |
| 71 | max-width: 90%; |
| 72 | padding: 0.25rem 1rem; |
| 73 | } |
| 74 | |
| 75 | |
| 76 | /************************************** |
| @@ -134,35 +134,46 @@ | |
| 134 | font-size: 1.1rem; |
| 135 | text-align: center; |
| 136 | } |
| 137 | |
| 138 | div.mainmenu { |
| 139 | padding-top: 0.33rem; |
| 140 | padding-bottom: 0.25rem; |
| 141 | } |
| 142 | |
| 143 | div.submenu { |
| 144 | border-top: 1px solid #0a0; |
| 145 | border-radius: 0; |
| 146 | display: block; |
| 147 | } |
| 148 | |
| 149 | div.mainmenu a, div.submenu a { |
| 150 | color: #000; |
| 151 | padding: 0 0.75rem; |
| 152 | text-decoration: none; |
| 153 | } |
| 154 | |
| 155 | div.mainmenu a:hover, div.submenu a:hover { |
| 156 | color: #fff; |
| 157 | text-shadow: 0px 0px 6px #0f0; |
| 158 | } |
| 159 | |
| 160 | div.submenu * { |
| 161 | margin: 0 0.5rem; |
| 162 | vertical-align: middle; |
| 163 | } |
| 164 | |
| 165 | div.submenu select, div.submenu input { |
| 166 | background-color: #222; |
| 167 | border: 1px inset #080; |
| 168 | color: #eee; |
| 169 | cursor: pointer; |
| 170 | font-size: 0.9rem; |
| 171 | } |
| 172 | |
| 173 | div.submenu select { |
| 174 | height: 1.75rem; |
| 175 | } |
| 176 | |
| 177 | /************************************** |
| 178 | * Main Area: Content |
| 179 | */ |
| 180 |