author | Lars Hjemli <hjemli@gmail.com> | 2007-11-03 13:05:12 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-11-03 13:05:12 (UTC) |
commit | 601c76eb15a298ac9529f4dded5dd4297b9c3768 (patch) (unidiff) | |
tree | cb81350b624cb7ef0cdf9cdd23804cc674b8b5d5 /cgit.css | |
parent | e36365c6841703e569fcaf20bfc415ee0489c76f (diff) | |
download | cgit-601c76eb15a298ac9529f4dded5dd4297b9c3768.zip cgit-601c76eb15a298ac9529f4dded5dd4297b9c3768.tar.gz cgit-601c76eb15a298ac9529f4dded5dd4297b9c3768.tar.bz2 |
Do not require javascript-enabled clients
A simple submit-button is all that's required to make the branch selector
drop-down work on any client, so lets add one.
Noticed-by: Olivier Ramonat <olivier@ramonat.fr>
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 12 |
1 files changed, 12 insertions, 0 deletions
@@ -41,192 +41,204 @@ a { | |||
41 | } | 41 | } |
42 | 42 | ||
43 | a:hover { | 43 | a:hover { |
44 | background-color: #ddd; | 44 | background-color: #ddd; |
45 | text-decoration: none; | 45 | text-decoration: none; |
46 | } | 46 | } |
47 | 47 | ||
48 | table.list { | 48 | table.list { |
49 | border: none; | 49 | border: none; |
50 | border-collapse: collapse; | 50 | border-collapse: collapse; |
51 | } | 51 | } |
52 | 52 | ||
53 | table.list tr { | 53 | table.list tr { |
54 | background: white; | 54 | background: white; |
55 | } | 55 | } |
56 | 56 | ||
57 | table.list tr:hover { | 57 | table.list tr:hover { |
58 | background: #f8f8f8; | 58 | background: #f8f8f8; |
59 | } | 59 | } |
60 | 60 | ||
61 | table.list tr.nohover:hover { | 61 | table.list tr.nohover:hover { |
62 | background: white; | 62 | background: white; |
63 | } | 63 | } |
64 | 64 | ||
65 | table.list th { | 65 | table.list th { |
66 | font-weight: bold; | 66 | font-weight: bold; |
67 | border-bottom: solid 1px #777; | 67 | border-bottom: solid 1px #777; |
68 | padding: 0.1em 0.5em 0.1em 0.5em; | 68 | padding: 0.1em 0.5em 0.1em 0.5em; |
69 | vertical-align: baseline; | 69 | vertical-align: baseline; |
70 | } | 70 | } |
71 | 71 | ||
72 | table.list td { | 72 | table.list td { |
73 | border: none; | 73 | border: none; |
74 | padding: 0.1em 0.5em 0.1em 0.5em; | 74 | padding: 0.1em 0.5em 0.1em 0.5em; |
75 | } | 75 | } |
76 | 76 | ||
77 | img { | 77 | img { |
78 | border: none; | 78 | border: none; |
79 | } | 79 | } |
80 | 80 | ||
81 | div#sidebar { | 81 | div#sidebar { |
82 | vertical-align: top; | 82 | vertical-align: top; |
83 | width: 162px; | 83 | width: 162px; |
84 | padding: 0px 0px 0px 0px; | 84 | padding: 0px 0px 0px 0px; |
85 | margin: 4px; | 85 | margin: 4px; |
86 | float: left; | 86 | float: left; |
87 | } | 87 | } |
88 | 88 | ||
89 | div#logo { | 89 | div#logo { |
90 | margin: 0px; | 90 | margin: 0px; |
91 | padding: 4px 0px 4px 0px; | 91 | padding: 4px 0px 4px 0px; |
92 | text-align: center; | 92 | text-align: center; |
93 | background-color: #ccc; | 93 | background-color: #ccc; |
94 | border-top: solid 1px #eee; | 94 | border-top: solid 1px #eee; |
95 | border-left: solid 1px #eee; | 95 | border-left: solid 1px #eee; |
96 | border-right: solid 1px #aaa; | 96 | border-right: solid 1px #aaa; |
97 | border-bottom: solid 1px #aaa; | 97 | border-bottom: solid 1px #aaa; |
98 | } | 98 | } |
99 | 99 | ||
100 | div#sidebar div.infobox { | 100 | div#sidebar div.infobox { |
101 | margin: 0px 0px 0px 0px; | 101 | margin: 0px 0px 0px 0px; |
102 | padding: 0.5em; | 102 | padding: 0.5em; |
103 | text-align: left; | 103 | text-align: left; |
104 | background-color: #ccc; | 104 | background-color: #ccc; |
105 | border-top: solid 1px #eee; | 105 | border-top: solid 1px #eee; |
106 | border-left: solid 1px #eee; | 106 | border-left: solid 1px #eee; |
107 | border-right: solid 1px #aaa; | 107 | border-right: solid 1px #aaa; |
108 | border-bottom: solid 1px #aaa; | 108 | border-bottom: solid 1px #aaa; |
109 | } | 109 | } |
110 | 110 | ||
111 | div#sidebar div.infobox h1 { | 111 | div#sidebar div.infobox h1 { |
112 | font-size: 11pt; | 112 | font-size: 11pt; |
113 | font-weight: bold; | 113 | font-weight: bold; |
114 | margin: 0px; | 114 | margin: 0px; |
115 | } | 115 | } |
116 | 116 | ||
117 | div#sidebar div.infobox a.menu { | 117 | div#sidebar div.infobox a.menu { |
118 | display: block; | 118 | display: block; |
119 | background-color: #ccc; | 119 | background-color: #ccc; |
120 | padding: 0.1em 0.5em; | 120 | padding: 0.1em 0.5em; |
121 | text-decoration: none; | 121 | text-decoration: none; |
122 | } | 122 | } |
123 | 123 | ||
124 | div#sidebar div.infobox a.menu:hover { | 124 | div#sidebar div.infobox a.menu:hover { |
125 | background-color: #bbb; | 125 | background-color: #bbb; |
126 | text-decoration: none; | 126 | text-decoration: none; |
127 | } | 127 | } |
128 | 128 | ||
129 | div#sidebar div.infobox select { | 129 | div#sidebar div.infobox select { |
130 | width: 100%; | 130 | width: 100%; |
131 | border: solid 1px #aaa; | 131 | border: solid 1px #aaa; |
132 | background-color: #bbb; | 132 | background-color: #bbb; |
133 | margin: 2px 0px 0px 0px; | 133 | margin: 2px 0px 0px 0px; |
134 | padding: 0px; | 134 | padding: 0px; |
135 | } | 135 | } |
136 | 136 | ||
137 | td#branch-dropdown-cell { | ||
138 | width: 99%; | ||
139 | } | ||
140 | |||
141 | input#switch-btn { | ||
142 | width: 20px; | ||
143 | border: solid 1px #aaa; | ||
144 | background-color: #bbb; | ||
145 | margin: 2px 0px 0px 0px; | ||
146 | padding: 0px; | ||
147 | } | ||
148 | |||
137 | div#sidebar div.infobox input.txt { | 149 | div#sidebar div.infobox input.txt { |
138 | width: 100%; | 150 | width: 100%; |
139 | border: solid 1px #aaa; | 151 | border: solid 1px #aaa; |
140 | background-color: #bbb; | 152 | background-color: #bbb; |
141 | margin: 2px 0px 0px 0px; | 153 | margin: 2px 0px 0px 0px; |
142 | padding: 0; | 154 | padding: 0; |
143 | } | 155 | } |
144 | 156 | ||
145 | table#grid { | 157 | table#grid { |
146 | margin: 0px; | 158 | margin: 0px; |
147 | } | 159 | } |
148 | 160 | ||
149 | td#content { | 161 | td#content { |
150 | vertical-align: top; | 162 | vertical-align: top; |
151 | padding: 1em 2em 1em 1em; | 163 | padding: 1em 2em 1em 1em; |
152 | border: none; | 164 | border: none; |
153 | } | 165 | } |
154 | 166 | ||
155 | div#summary { | 167 | div#summary { |
156 | vertical-align: top; | 168 | vertical-align: top; |
157 | margin-bottom: 1em; | 169 | margin-bottom: 1em; |
158 | } | 170 | } |
159 | 171 | ||
160 | table#downloads { | 172 | table#downloads { |
161 | float: right; | 173 | float: right; |
162 | border-collapse: collapse; | 174 | border-collapse: collapse; |
163 | border: solid 1px #777; | 175 | border: solid 1px #777; |
164 | margin-left: 0.5em; | 176 | margin-left: 0.5em; |
165 | margin-bottom: 0.5em; | 177 | margin-bottom: 0.5em; |
166 | } | 178 | } |
167 | 179 | ||
168 | table#downloads th { | 180 | table#downloads th { |
169 | background-color: #ccc; | 181 | background-color: #ccc; |
170 | } | 182 | } |
171 | 183 | ||
172 | div#blob { | 184 | div#blob { |
173 | border: solid 1px black; | 185 | border: solid 1px black; |
174 | } | 186 | } |
175 | 187 | ||
176 | div.error { | 188 | div.error { |
177 | color: red; | 189 | color: red; |
178 | font-weight: bold; | 190 | font-weight: bold; |
179 | margin: 1em 2em; | 191 | margin: 1em 2em; |
180 | } | 192 | } |
181 | 193 | ||
182 | a.ls-blob, a.ls-dir, a.ls-mod { | 194 | a.ls-blob, a.ls-dir, a.ls-mod { |
183 | font-family: monospace; | 195 | font-family: monospace; |
184 | } | 196 | } |
185 | 197 | ||
186 | td.ls-size { | 198 | td.ls-size { |
187 | text-align: right; | 199 | text-align: right; |
188 | } | 200 | } |
189 | 201 | ||
190 | td.ls-size { | 202 | td.ls-size { |
191 | font-family: monospace; | 203 | font-family: monospace; |
192 | } | 204 | } |
193 | 205 | ||
194 | td.ls-mode { | 206 | td.ls-mode { |
195 | font-family: monospace; | 207 | font-family: monospace; |
196 | } | 208 | } |
197 | 209 | ||
198 | table.blob { | 210 | table.blob { |
199 | margin-top: 0.5em; | 211 | margin-top: 0.5em; |
200 | border-top: solid 1px black; | 212 | border-top: solid 1px black; |
201 | } | 213 | } |
202 | 214 | ||
203 | table.blob td.no { | 215 | table.blob td.no { |
204 | border-right: solid 1px black; | 216 | border-right: solid 1px black; |
205 | color: black; | 217 | color: black; |
206 | background-color: #eee; | 218 | background-color: #eee; |
207 | text-align: right; | 219 | text-align: right; |
208 | } | 220 | } |
209 | 221 | ||
210 | table.blob td.no a { | 222 | table.blob td.no a { |
211 | color: black; | 223 | color: black; |
212 | } | 224 | } |
213 | 225 | ||
214 | table.blob td.no a:hover { | 226 | table.blob td.no a:hover { |
215 | color: black; | 227 | color: black; |
216 | text-decoration: none; | 228 | text-decoration: none; |
217 | } | 229 | } |
218 | 230 | ||
219 | table.blob td.txt { | 231 | table.blob td.txt { |
220 | white-space: pre; | 232 | white-space: pre; |
221 | font-family: monospace; | 233 | font-family: monospace; |
222 | padding-left: 0.5em; | 234 | padding-left: 0.5em; |
223 | } | 235 | } |
224 | 236 | ||
225 | table.nowrap td { | 237 | table.nowrap td { |
226 | white-space: nowrap; | 238 | white-space: nowrap; |
227 | } | 239 | } |
228 | 240 | ||
229 | table.commit-info { | 241 | table.commit-info { |
230 | border-collapse: collapse; | 242 | border-collapse: collapse; |
231 | margin-top: 1.5em; | 243 | margin-top: 1.5em; |
232 | } | 244 | } |