##// END OF EJS Templates
Style nested menus as drop downs on hover (#15880)....
Jean-Philippe Lang -
r15120:cf7ff1acc93c
parent child
Show More
@@ -1,1368 +1,1385
1 1 html {overflow-y:scroll;}
2 2 body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
3 3
4 4 h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
5 5 #content h1, h2, h3, h4 {color: #555;}
6 6 h2, .wiki h1 {font-size: 20px;}
7 7 h3, .wiki h2 {font-size: 16px;}
8 8 h4, .wiki h3 {font-size: 13px;}
9 9 h4 {border-bottom: 1px dotted #bbb;}
10 10 pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
11 11
12 12 /***** Layout *****/
13 13 #wrapper {background: white;overflow: hidden;}
14 14
15 15 #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
16 16 #top-menu ul {margin: 0; padding: 0;}
17 17 #top-menu li {
18 18 float:left;
19 19 list-style-type:none;
20 20 margin: 0px 0px 0px 0px;
21 21 padding: 0px 0px 0px 0px;
22 22 white-space:nowrap;
23 23 }
24 24 #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
25 25 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
26 26
27 27 #account {float:right;}
28 28
29 29 #header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
30 30 #header a {color:#f8f8f8;}
31 31 #header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
32 32 #header h1 .breadcrumbs { display:block; font-size: .6em; font-weight: normal; }
33 33 #quick-search {float:right;}
34 34
35 35 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px; width: 100%;}
36 36 #main-menu ul {margin: 0; padding: 0; width: 100%; white-space: nowrap;}
37 37 #main-menu li {
38 38 float:none;
39 39 list-style-type:none;
40 40 margin: 0px 2px 0px 0px;
41 41 padding: 0px 0px 0px 0px;
42 42 white-space:nowrap;
43 43 display:inline-block;
44 44 }
45 45 #main-menu li a {
46 46 display: block;
47 47 color: #fff;
48 48 text-decoration: none;
49 49 font-weight: bold;
50 50 margin: 0;
51 51 padding: 4px 10px 4px 10px;
52 52 }
53 53 #main-menu li a:hover {background:#759FCF; color:#fff;}
54 #main-menu li:hover ul.menu-children {display: block;}
54 55 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
56 #main-menu li a.new-object { background-color:#759FCF; }
57
58 #main-menu .menu-children {
59 display: none;
60 position:absolute;
61 width: inherit;
62 z-index:1;
63 background-color:#fff;
64 border-right: 1px solid #759FCF;
65 border-bottom: 1px solid #759FCF;
66 border-left: 1px solid #759FCF;
67 }
68 #main-menu .menu-children li {float:left; clear:both; width:100%;}
69 #main-menu .menu-children li a {color: #555; background-color:#fff; font-weight:normal;}
70 #main-menu .menu-children li a:hover {color: #fff; background-color: #759FCF;}
71
55 72 #main-menu .tabs-buttons {
56 73 right: 6px;
57 74 background-color: transparent;
58 75 border-bottom-color: transparent;
59 76 }
60 77
61 78 #admin-menu ul {margin: 0; padding: 0;}
62 79 #admin-menu li {margin: 0; padding: 0 0 6px 0; list-style-type:none;}
63 80
64 81 #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
65 82 #admin-menu a.projects { background-image: url(../images/projects.png); }
66 83 #admin-menu a.users { background-image: url(../images/user.png); }
67 84 #admin-menu a.groups { background-image: url(../images/group.png); }
68 85 #admin-menu a.roles { background-image: url(../images/database_key.png); }
69 86 #admin-menu a.trackers { background-image: url(../images/ticket.png); }
70 87 #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
71 88 #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
72 89 #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
73 90 #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
74 91 #admin-menu a.settings { background-image: url(../images/changeset.png); }
75 92 #admin-menu a.plugins { background-image: url(../images/plugin.png); }
76 93 #admin-menu a.info { background-image: url(../images/help.png); }
77 94 #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
78 95
79 96 #main {background-color:#EEEEEE;}
80 97
81 98 #sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
82 99 * html #sidebar{ width: 22%; }
83 100 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
84 101 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
85 102 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
86 103 #sidebar .contextual { margin-right: 1em; }
87 104 #sidebar ul, ul.flat {margin: 0; padding: 0;}
88 105 #sidebar ul li, ul.flat li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
89 106 #sidebar div.wiki h3 {font-size:13px; margin-top:0; color:#555;}
90 107 #sidebar div.wiki ul {margin:inherit; padding-left:40px;}
91 108 #sidebar div.wiki ul li {list-style-type:inherit;}
92 109
93 110 #content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
94 111 * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
95 112 html>body #content { min-height: 600px; }
96 113 * html body #content { height: 600px; } /* IE */
97 114
98 115 #main.nosidebar #sidebar{ display: none; }
99 116 #main.nosidebar #content{ width: auto; border-right: 0; }
100 117
101 118 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
102 119
103 120 #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
104 121 #login-form table td {padding: 6px;}
105 122 #login-form label {font-weight: bold;}
106 123 #login-form input#username, #login-form input#password { width: 300px; }
107 124
108 125 div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;}
109 126 div.modal h3.title {display:none;}
110 127 div.modal p.buttons {text-align:right; margin-bottom:0;}
111 128 div.modal .box p {margin: 0.3em 0;}
112 129
113 130 input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
114 131
115 132 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
116 133
117 134 .mobile-show {display: none;}
118 135
119 136 /***** Links *****/
120 137 a, a:link, a:visited{ color: #169; text-decoration: none; }
121 138 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
122 139 a img{ border: 0; }
123 140
124 141 a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
125 142 a.project.closed, a.project.closed:link, a.project.closed:visited { color: #999; }
126 143 a.user.locked, a.user.locked:link, a.user.locked:visited {color: #999;}
127 144
128 145 #sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
129 146 #sidebar a.selected:hover {text-decoration:none;}
130 147 #admin-menu a {line-height:1.7em;}
131 148 #admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;}
132 149
133 150 a.collapsible {padding-left: 12px; background: url(../images/arrow_expanded.png) no-repeat -3px 40%;}
134 151 a.collapsible.collapsed {background: url(../images/arrow_collapsed.png) no-repeat -5px 40%;}
135 152
136 153 a#toggle-completed-versions {color:#999;}
137 154
138 155 a.toggle-checkboxes { margin-left: 5px; padding-left: 12px; background: url(../images/toggle_check.png) no-repeat 0% 50%; }
139 156
140 157 /***** Tables *****/
141 158 table.list, .table-list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
142 159 table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
143 160 table.list td {text-align:center; vertical-align:top; padding-right:10px;}
144 161 table.list td.id { width: 2%; text-align: center;}
145 162 table.list td.name, table.list td.description, table.list td.subject, table.list td.comments, table.list td.roles {text-align: left;}
146 163 table.list td.tick {width:15%}
147 164 table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
148 165 table.list td.checkbox input {padding:0px;}
149 166 table.list td.buttons, div.buttons { width: 15%; white-space:nowrap; text-align: right; }
150 167 table.list td.buttons a, div.buttons a { margin-right: 0.6em; }
151 168 table.list td.buttons img, div.buttons img {vertical-align:middle;}
152 169 table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
153 170 table.list table.progress td {padding-right:0px;}
154 171 table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
155 172 #role-permissions-trackers table.list th {white-space:normal;}
156 173
157 174 .table-list-cell {display: table-cell; vertical-align: top; padding:2px; }
158 175
159 176 tr.project td.name a { white-space:nowrap; }
160 177 tr.project.closed, tr.project.archived { color: #aaa; }
161 178 tr.project.closed a, tr.project.archived a { color: #aaa; }
162 179
163 180 tr.project.idnt td.name span {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
164 181 tr.project.idnt-1 td.name {padding-left: 0.5em;}
165 182 tr.project.idnt-2 td.name {padding-left: 2em;}
166 183 tr.project.idnt-3 td.name {padding-left: 3.5em;}
167 184 tr.project.idnt-4 td.name {padding-left: 5em;}
168 185 tr.project.idnt-5 td.name {padding-left: 6.5em;}
169 186 tr.project.idnt-6 td.name {padding-left: 8em;}
170 187 tr.project.idnt-7 td.name {padding-left: 9.5em;}
171 188 tr.project.idnt-8 td.name {padding-left: 11em;}
172 189 tr.project.idnt-9 td.name {padding-left: 12.5em;}
173 190
174 191 tr.issue { text-align: center; white-space: nowrap; }
175 192 tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.list, tr.issue td.relations, tr.issue td.parent { white-space: normal; }
176 193 tr.issue td.relations { text-align: left; }
177 194 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
178 195 tr.issue td.relations span {white-space: nowrap;}
179 196 table.issues td.description {color:#777; font-size:90%; padding:4px 4px 4px 24px; text-align:left; white-space:normal;}
180 197 table.issues td.description pre {white-space:normal;}
181 198
182 199 tr.issue.idnt td.subject {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%;}
183 200 tr.issue.idnt-1 td.subject {padding-left: 24px; background-position: 8px 50%;}
184 201 tr.issue.idnt-2 td.subject {padding-left: 40px; background-position: 24px 50%;}
185 202 tr.issue.idnt-3 td.subject {padding-left: 56px; background-position: 40px 50%;}
186 203 tr.issue.idnt-4 td.subject {padding-left: 72px; background-position: 56px 50%;}
187 204 tr.issue.idnt-5 td.subject {padding-left: 88px; background-position: 72px 50%;}
188 205 tr.issue.idnt-6 td.subject {padding-left: 104px; background-position: 88px 50%;}
189 206 tr.issue.idnt-7 td.subject {padding-left: 120px; background-position: 104px 50%;}
190 207 tr.issue.idnt-8 td.subject {padding-left: 136px; background-position: 120px 50%;}
191 208 tr.issue.idnt-9 td.subject {padding-left: 152px; background-position: 136px 50%;}
192 209
193 210 table.issue-report {table-layout:fixed;}
194 211
195 212 tr.entry { border: 1px solid #f8f8f8; }
196 213 tr.entry td { white-space: nowrap; }
197 214 tr.entry td.filename {width:30%; text-align:left;}
198 215 tr.entry td.filename_no_report {width:70%; text-align:left;}
199 216 tr.entry td.size { text-align: right; font-size: 90%; }
200 217 tr.entry td.revision, tr.entry td.author { text-align: center; }
201 218 tr.entry td.age { text-align: right; }
202 219 tr.entry.file td.filename a { margin-left: 16px; }
203 220 tr.entry.file td.filename_no_report a { margin-left: 16px; }
204 221
205 222 tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
206 223 tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
207 224
208 225 tr.changeset { height: 20px }
209 226 tr.changeset ul, ol { margin-top: 0px; margin-bottom: 0px; }
210 227 tr.changeset td.revision_graph { width: 15%; background-color: #fffffb; }
211 228 tr.changeset td.author { text-align: center; width: 15%; white-space:nowrap;}
212 229 tr.changeset td.committed_on { text-align: center; width: 15%; white-space:nowrap;}
213 230
214 231 table.files tbody th {text-align:left;}
215 232 table.files tr.file td.filename { text-align: left; padding-left: 24px; }
216 233 table.files tr.file td.digest { font-size: 80%; }
217 234
218 235 table.members td.roles, table.memberships td.roles { width: 45%; }
219 236
220 237 tr.message { height: 2.6em; }
221 238 tr.message td.subject { padding-left: 20px; }
222 239 tr.message td.created_on { white-space: nowrap; }
223 240 tr.message td.last_message { font-size: 80%; white-space: nowrap; }
224 241 tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
225 242 tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
226 243
227 244 tr.version.closed, tr.version.closed a { color: #999; }
228 245 tr.version td.name { padding-left: 20px; }
229 246 tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
230 247 tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
231 248
232 249 tr.user td {width:13%;white-space: nowrap;}
233 250 td.username, td.firstname, td.lastname, td.email {text-align:left !important;}
234 251 tr.user td.email { width:18%; }
235 252 tr.user.locked, tr.user.registered { color: #aaa; }
236 253 tr.user.locked a, tr.user.registered a { color: #aaa; }
237 254
238 255 table.permissions td.role {color:#999;font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
239 256
240 257 tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
241 258
242 259 tr.time-entry { text-align: center; white-space: nowrap; }
243 260 tr.time-entry td.issue, tr.time-entry td.comments, tr.time-entry td.subject, tr.time-entry td.activity { text-align: left; white-space: normal; }
244 261 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
245 262 td.hours .hours-dec { font-size: 0.9em; }
246 263
247 264 table.plugins td { vertical-align: middle; }
248 265 table.plugins td.configure { text-align: right; padding-right: 1em; }
249 266 table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
250 267 table.plugins span.description { display: block; font-size: 0.9em; }
251 268 table.plugins span.url { display: block; font-size: 0.9em; }
252 269
253 270 tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; }
254 271 tr.group span.name {font-weight:bold;}
255 272 tr.group span.count {font-weight:bold; position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
256 273 tr.group span.totals {color: #aaa; font-size: 80%;}
257 274 tr.group span.totals .value {font-weight:bold; color:#777;}
258 275 tr.group a.toggle-all { color: #aaa; font-size: 80%; display:none; float:right; margin-right:4px;}
259 276 tr.group:hover a.toggle-all { display:inline;}
260 277 a.toggle-all:hover {text-decoration:none;}
261 278
262 279 table.list tbody tr:hover { background-color:#ffffdd; }
263 280 table.list tbody tr.group:hover { background-color:inherit; }
264 281 table td {padding:2px;}
265 282 table p {margin:0;}
266 283 .odd {background-color:#f6f7f8;}
267 284 .even {background-color: #fff;}
268 285
269 286 tr.builtin td.name {font-style:italic;}
270 287
271 288 a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
272 289 a.sort.asc { background-image: url(../images/sort_asc.png); }
273 290 a.sort.desc { background-image: url(../images/sort_desc.png); }
274 291
275 292 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
276 293 table.boards td.last-message {text-align:left;font-size:80%;}
277 294
278 295 div.table-list.boards .table-list-cell.name {width: 30%;}
279 296
280 297 table.messages td.last_message {text-align:left;}
281 298
282 299 #query_form_content {font-size:90%;}
283 300
284 301 .query_sort_criteria_count {
285 302 display: inline-block;
286 303 min-width: 1em;
287 304 }
288 305
289 306 table.query-columns {
290 307 border-collapse: collapse;
291 308 border: 0;
292 309 }
293 310
294 311 table.query-columns td.buttons {
295 312 vertical-align: middle;
296 313 text-align: center;
297 314 }
298 315 table.query-columns td.buttons input[type=button] {width:35px;}
299 316 .query-totals {text-align:right; margin-top:-2.3em;}
300 317 .query-totals>span {margin-left:0.6em;}
301 318 .query-totals .value {font-weight:bold;}
302 319
303 320 td.center {text-align:center;}
304 321
305 322 h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
306 323
307 324 div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
308 325 div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
309 326 div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
310 327 div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
311 328
312 329 #watchers select {width: 95%; display: block;}
313 330 #watchers a.delete {opacity: 0.4; margin-left: 5px;}
314 331 #watchers a.delete:hover {opacity: 1;}
315 332 #watchers img.gravatar {margin: 0 4px 2px 0;}
316 333
317 334 span#watchers_inputs {overflow:auto; display:block;}
318 335 span.search_for_watchers {display:block;}
319 336 span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
320 337 span.search_for_watchers a, span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
321 338
322 339
323 340 .highlight { background-color: #FCFD8D;}
324 341 .highlight.token-1 { background-color: #faa;}
325 342 .highlight.token-2 { background-color: #afa;}
326 343 .highlight.token-3 { background-color: #aaf;}
327 344
328 345 .box{
329 346 padding:6px;
330 347 margin-bottom: 10px;
331 348 background-color:#f6f6f6;
332 349 color:#505050;
333 350 line-height:1.5em;
334 351 border: 1px solid #e4e4e4;
335 352 word-wrap: break-word;
336 353 border-radius: 3px;
337 354 }
338 355 .pagination .per-page span.selected {
339 356 font-weight: bold;
340 357 }
341 358
342 359 div.square {
343 360 border: 1px solid #999;
344 361 float: left;
345 362 margin: .3em .4em 0 .4em;
346 363 overflow: hidden;
347 364 width: .6em; height: .6em;
348 365 }
349 366 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
350 367 .contextual input, .contextual select {font-size:0.9em;}
351 368 .message .contextual { margin-top: 0; }
352 369
353 370 .splitcontent {overflow:auto;}
354 371 .splitcontentleft{float:left; width:49%;}
355 372 .splitcontentright{float:right; width:49%;}
356 373 form {display: inline;}
357 374 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
358 375 fieldset {border: 1px solid #e4e4e4; margin:0;}
359 376 legend {color: #333;}
360 377 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
361 378 blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
362 379 blockquote blockquote { margin-left: 0;}
363 380 abbr, span.field-description[title] { border-bottom: 1px dotted #aaa; cursor: help; }
364 381 textarea.wiki-edit {width:99%; resize:vertical;}
365 382 li p {margin-top: 0;}
366 383 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px; border: 1px solid #d7d7d7; border-radius:3px;}
367 384 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
368 385 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
369 386 p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
370 387 .ltr {direction:ltr !important; unicode-bidi:bidi-override;}
371 388 .rtl {direction:rtl !important; unicode-bidi:bidi-override;}
372 389
373 390 div.issue div.subject div div { padding-left: 16px; }
374 391 div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
375 392 div.issue div.subject>div>p { margin-top: 0.5em; }
376 393 div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
377 394 div.issue span.private, div.journal span.private { position:relative; bottom: 2px; text-transform: uppercase; background: #d22; color: #fff; font-weight:bold; padding: 0px 2px 0px 2px; font-size: 60%; margin-right: 2px; border-radius: 2px;}
378 395 div.issue .next-prev-links {color:#999;}
379 396 div.issue .attributes {margin-top: 2em;}
380 397 div.issue .attribute {padding-left:180px; clear:left; min-height: 1.8em;}
381 398 div.issue .attribute .label {width: 170px; margin-left:-180px; font-weight:bold; float:left;}
382 399 div.issue.overdue .due-date .value { color: #c22; }
383 400
384 401 #issue_tree table.issues, #relations table.issues { border: 0; }
385 402 #issue_tree td.checkbox, #relations td.checkbox {display:none;}
386 403 #relations td.buttons {padding:0;}
387 404
388 405 fieldset.collapsible {border-width: 1px 0 0 0;}
389 406 fieldset.collapsible>legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
390 407 fieldset.collapsible.collapsed>legend { background-image: url(../images/arrow_collapsed.png); }
391 408
392 409 fieldset#date-range p { margin: 2px 0 2px 0; }
393 410 fieldset#filters table { border-collapse: collapse; }
394 411 fieldset#filters table td { padding: 0; vertical-align: middle; }
395 412 fieldset#filters tr.filter { height: 2.1em; }
396 413 fieldset#filters td.field { width:230px; }
397 414 fieldset#filters td.operator { width:180px; }
398 415 fieldset#filters td.operator select {max-width:170px;}
399 416 fieldset#filters td.values { white-space:nowrap; }
400 417 fieldset#filters td.values select {min-width:130px;}
401 418 fieldset#filters td.values input {height:1em;}
402 419
403 420 #filters-table {width:60%; float:left;}
404 421 .add-filter {width:35%; float:right; text-align: right; vertical-align: top;}
405 422
406 423 #issue_is_private_wrap {float:right; margin-right:1em;}
407 424 .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:16px; margin-left:0; margin-right:5px; cursor:pointer;}
408 425 .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
409 426
410 427 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
411 428 div#issue-changesets div.changeset { padding: 4px;}
412 429 div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
413 430 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
414 431
415 432 .journal ul.details img {margin:0 0 -3px 4px;}
416 433 div.journal {overflow:auto;}
417 434 div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
418 435 div.journal ul.details {color:#959595; margin-bottom: 1.5em;}
419 436 div.journal ul.details a {color:#70A7CD;}
420 437 div.journal ul.details a:hover {color:#D14848;}
421 438
422 439 div#activity dl, #search-results { margin-left: 2em; }
423 440 div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
424 441 div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
425 442 div#activity dt.me .time { border-bottom: 1px solid #999; }
426 443 div#activity dt .time { color: #777; font-size: 80%; }
427 444 div#activity dd .description, #search-results dd .description { font-style: italic; }
428 445 div#activity span.project:after, #search-results span.project:after { content: " -"; }
429 446 div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
430 447 div#activity dt.grouped {margin-left:5em;}
431 448 div#activity dd.grouped {margin-left:9em;}
432 449
433 450 #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
434 451
435 452 div#search-results-counts {float:right;}
436 453 div#search-results-counts ul { margin-top: 0.5em; }
437 454 div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }
438 455
439 456 dt.issue { background-image: url(../images/ticket.png); }
440 457 dt.issue-edit { background-image: url(../images/ticket_edit.png); }
441 458 dt.issue-closed { background-image: url(../images/ticket_checked.png); }
442 459 dt.issue-note { background-image: url(../images/ticket_note.png); }
443 460 dt.changeset { background-image: url(../images/changeset.png); }
444 461 dt.news { background-image: url(../images/news.png); }
445 462 dt.message { background-image: url(../images/message.png); }
446 463 dt.reply { background-image: url(../images/comments.png); }
447 464 dt.wiki-page { background-image: url(../images/wiki_edit.png); }
448 465 dt.attachment { background-image: url(../images/attachment.png); }
449 466 dt.document { background-image: url(../images/document.png); }
450 467 dt.project { background-image: url(../images/projects.png); }
451 468 dt.time-entry { background-image: url(../images/time.png); }
452 469
453 470 #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
454 471
455 472 div#roadmap .related-issues { margin-bottom: 1em; }
456 473 div#roadmap .related-issues td.checkbox { display: none; }
457 474 div#roadmap .wiki h1:first-child { display: none; }
458 475 div#roadmap .wiki h1 { font-size: 120%; }
459 476 div#roadmap .wiki h2 { font-size: 110%; }
460 477 body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
461 478
462 479 div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
463 480 div#version-summary fieldset { margin-bottom: 1em; }
464 481 div#version-summary fieldset.time-tracking table { width:100%; }
465 482 div#version-summary th, div#version-summary td.total-hours { text-align: right; }
466 483
467 484 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
468 485 table#time-report tbody tr.subtotal { font-style: italic; color:#777;}
469 486 table#time-report tbody tr.subtotal td.hours { color:#b0b0b0; }
470 487 table#time-report tbody tr.total { font-weight: bold; background-color:#EEEEEE; border-top:1px solid #e4e4e4;}
471 488 table#time-report .hours-dec { font-size: 0.9em; }
472 489
473 490 div.wiki-page .contextual a {opacity: 0.4}
474 491 div.wiki-page .contextual a:hover {opacity: 1}
475 492
476 493 form .attributes select { width: 60%; }
477 494 form .attributes select + a.icon-only { vertical-align: middle; margin-left: 4px; }
478 495 input#issue_subject, input#document_title { width: 99%; }
479 496 select#issue_done_ratio { width: 95px; }
480 497
481 498 ul.projects {margin:0; padding-left:1em;}
482 499 ul.projects ul {padding-left:1.6em;}
483 500 ul.projects.root {margin:0; padding:0;}
484 501 ul.projects li {list-style-type:none;}
485 502
486 503 #projects-index ul.projects ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
487 504 #projects-index ul.projects li.root {margin-bottom: 1em;}
488 505 #projects-index ul.projects li.child {margin-top: 1em;}
489 506 #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
490 507 .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
491 508
492 509 #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
493 510
494 511 #related-issues li img {vertical-align:middle;}
495 512
496 513 ul.properties {padding:0; font-size: 0.9em; color: #777;}
497 514 ul.properties li {list-style-type:none;}
498 515 ul.properties li span {font-style:italic;}
499 516
500 517 .total-hours { font-size: 110%; font-weight: bold; }
501 518 .total-hours span.hours-int { font-size: 120%; }
502 519
503 520 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em; position: relative;}
504 521 #user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url { width: 90%; }
505 522
506 523 #workflow_copy_form select { width: 200px; }
507 524 table.transitions td.enabled {background: #bfb;}
508 525 #workflow_form table select {font-size:90%; max-width:100px;}
509 526 table.fields_permissions td.readonly {background:#ddd;}
510 527 table.fields_permissions td.required {background:#d88;}
511 528
512 529 select.expandable {vertical-align:top;}
513 530
514 531 textarea#custom_field_possible_values {width: 95%; resize:vertical}
515 532 textarea#custom_field_default_value {width: 95%; resize:vertical}
516 533 .sort-handle {display:inline-block; vertical-align:middle;}
517 534
518 535 input#content_comments {width: 99%}
519 536
520 537 span.pagination {margin-left:3px; color:#888;}
521 538 .pagination ul.pages {
522 539 margin: 0 5px 0 0;
523 540 padding: 0;
524 541 display: inline;
525 542 }
526 543 .pagination ul.pages li {
527 544 display: inline-block;
528 545 padding: 0;
529 546 border: 1px solid #ccc;
530 547 margin-left: -1px;
531 548 line-height: 2em;
532 549 margin-bottom: 1em;
533 550 white-space: nowrap;
534 551 text-align: center;
535 552 }
536 553 .pagination ul.pages li a,
537 554 .pagination ul.pages li span {
538 555 padding: 3px 8px;
539 556 }
540 557 .pagination ul.pages li:first-child {
541 558 border-top-left-radius: 4px;
542 559 border-bottom-left-radius: 4px;
543 560 }
544 561 .pagination ul.pages li:last-child {
545 562 border-top-right-radius: 4px;
546 563 border-bottom-right-radius: 4px;
547 564 }
548 565 .pagination ul.pages li.current {
549 566 color: white;
550 567 background-color: #628DB6;
551 568 border-color: #628DB6;
552 569 }
553 570 .pagination ul.pages li.page:hover {
554 571 background-color: #EEE;
555 572 }
556 573 .pagination ul.pages li.page a:hover,
557 574 .pagination ul.pages li.page a:active {
558 575 color: inherit;
559 576 text-decoration: inherit;
560 577 }
561 578 span.pagination>span {white-space:nowrap;}
562 579
563 580 #search-form fieldset p {margin:0.2em 0;}
564 581
565 582 /***** Tabular forms ******/
566 583 .tabular p{
567 584 margin: 0;
568 585 padding: 3px 0 3px 0;
569 586 padding-left: 180px; /* width of left column containing the label elements */
570 587 min-height: 1.8em;
571 588 clear:left;
572 589 }
573 590
574 591 html>body .tabular p {overflow:hidden;}
575 592
576 593 .tabular input, .tabular select {max-width:95%}
577 594 .tabular textarea {width:95%; resize:vertical;}
578 595
579 596 .tabular label{
580 597 font-weight: bold;
581 598 float: left;
582 599 text-align: right;
583 600 /* width of left column */
584 601 margin-left: -180px;
585 602 /* width of labels. Should be smaller than left column to create some right margin */
586 603 width: 175px;
587 604 }
588 605
589 606 .tabular label.floating{
590 607 font-weight: normal;
591 608 margin-left: 0px;
592 609 text-align: left;
593 610 width: 270px;
594 611 }
595 612
596 613 .tabular label.block{
597 614 font-weight: normal;
598 615 margin-left: 0px !important;
599 616 text-align: left;
600 617 float: none;
601 618 display: block;
602 619 width: auto !important;
603 620 }
604 621
605 622 .tabular label.inline{
606 623 font-weight: normal;
607 624 float:none;
608 625 margin-left: 5px !important;
609 626 width: auto;
610 627 }
611 628
612 629 label.no-css {
613 630 font-weight: inherit;
614 631 float:none;
615 632 text-align:left;
616 633 margin-left:0px;
617 634 width:auto;
618 635 }
619 636 input#time_entry_comments { width: 90%;}
620 637
621 638 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
622 639
623 640 .tabular.settings p{ padding-left: 300px; }
624 641 .tabular.settings label{ margin-left: -300px; width: 295px; }
625 642 .tabular.settings textarea { width: 99%; }
626 643
627 644 .settings.enabled_scm table {width:100%}
628 645 .settings.enabled_scm td.scm_name{ font-weight: bold; }
629 646
630 647 fieldset.settings label { display: block; }
631 648 fieldset#notified_events .parent { padding-left: 20px; }
632 649
633 650 span.required {color: #bb0000;}
634 651 .summary {font-style: italic;}
635 652
636 653 .check_box_group {
637 654 display:block;
638 655 width:95%;
639 656 max-height:300px;
640 657 overflow-y:auto;
641 658 padding:2px 4px 4px 2px;
642 659 background:#fff;
643 660 border:1px solid #9EB1C2;
644 661 border-radius:2px
645 662 }
646 663 .check_box_group label {
647 664 font-weight: normal;
648 665 margin-left: 0px !important;
649 666 text-align: left;
650 667 float: none;
651 668 display: block;
652 669 width: auto;
653 670 }
654 671 .check_box_group.bool_cf {border:0; background:inherit;}
655 672 .check_box_group.bool_cf label {display: inline;}
656 673
657 674 #attachments_fields input.description {margin-left:4px; width:340px;}
658 675 #attachments_fields span {display:block; white-space:nowrap;}
659 676 #attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../images/attachment.png) no-repeat 1px 50%; padding-left:18px;}
660 677 #attachments_fields .ajax-waiting input.filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
661 678 #attachments_fields .ajax-loading input.filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
662 679 #attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
663 680 a.remove-upload {background: url(../images/delete.png) no-repeat 1px 50%; width:1px; display:inline-block; padding-left:16px;}
664 681 a.remove-upload:hover {text-decoration:none !important;}
665 682
666 683 div.fileover { background-color: lavender; }
667 684
668 685 div.attachments { margin-top: 12px; }
669 686 div.attachments p { margin:4px 0 2px 0; }
670 687 div.attachments img { vertical-align: middle; }
671 688 div.attachments span.author { font-size: 0.9em; color: #888; }
672 689
673 690 div.thumbnails {margin-top:0.6em;}
674 691 div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
675 692 div.thumbnails img {margin: 3px; vertical-align: middle;}
676 693 #history div.thumbnails {margin-left: 2em;}
677 694
678 695 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
679 696 .other-formats span + span:before { content: "| "; }
680 697
681 698 a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
682 699
683 700 em.info {font-style:normal;font-size:90%;color:#888;display:block;}
684 701 em.info.error {padding-left:20px; background:url(../images/exclamation.png) no-repeat 0 50%;}
685 702
686 703 textarea.text_cf {width:95%; resize:vertical;}
687 704 input.string_cf, input.link_cf {width:95%;}
688 705 select.bool_cf {width:auto !important;}
689 706
690 707 #tab-content-modules fieldset p {margin:3px 0 4px 0;}
691 708
692 709 #tab-content-users .splitcontentleft {width: 64%;}
693 710 #tab-content-users .splitcontentright {width: 34%;}
694 711 #tab-content-users fieldset {padding:1em; margin-bottom: 1em;}
695 712 #tab-content-users fieldset legend {font-weight: bold;}
696 713 #tab-content-users fieldset label {display: block;}
697 714 #tab-content-users #principals {max-height: 400px; overflow: auto;}
698 715
699 716 #users_for_watcher {height: 200px; overflow:auto;}
700 717 #users_for_watcher label {display: block;}
701 718
702 719 table.members td.name {padding-left: 20px;}
703 720 table.members td.group, table.members td.groupnonmember, table.members td.groupanonymous {background: url(../images/group.png) no-repeat 0% 1px;}
704 721
705 722 input#principal_search, input#user_search {width:90%}
706 723 .roles-selection label {display:inline-block; width:210px;}
707 724
708 725 input.autocomplete {
709 726 background: #fff url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px !important;
710 727 border:1px solid #9EB1C2; border-radius:2px; height:1.5em;
711 728 }
712 729 input.autocomplete.ajax-loading {
713 730 background-image: url(../images/loading.gif);
714 731 }
715 732
716 733 .role-visibility {padding-left:2em;}
717 734
718 735 .objects-selection {
719 736 height: 300px;
720 737 overflow: auto;
721 738 margin-bottom: 1em;
722 739 }
723 740
724 741 .objects-selection label {
725 742 display: block;
726 743 }
727 744
728 745 .objects-selection>div {
729 746 column-count: auto;
730 747 column-width: 200px;
731 748 -webkit-column-count: auto;
732 749 -webkit-column-width: 200px;
733 750 -webkit-column-gap : 0.5rem;
734 751 -webkit-column-rule: 1px solid #ccc;
735 752 -moz-column-count: auto;
736 753 -moz-column-width: 200px;
737 754 -moz-column-gap : 0.5rem;
738 755 -moz-column-rule: 1px solid #ccc;
739 756 }
740 757
741 758 /***** Flash & error messages ****/
742 759 #errorExplanation, div.flash, .nodata, .warning, .conflict {
743 760 padding: 4px 4px 4px 30px;
744 761 margin-bottom: 12px;
745 762 font-size: 1.1em;
746 763 border: 2px solid;
747 764 border-radius: 3px;
748 765 }
749 766
750 767 div.flash {margin-top: 8px;}
751 768
752 769 div.flash.error, #errorExplanation {
753 770 background: url(../images/exclamation.png) 8px 50% no-repeat;
754 771 background-color: #ffe3e3;
755 772 border-color: #dd0000;
756 773 color: #880000;
757 774 }
758 775
759 776 div.flash.notice {
760 777 background: url(../images/true.png) 8px 5px no-repeat;
761 778 background-color: #dfffdf;
762 779 border-color: #9fcf9f;
763 780 color: #005f00;
764 781 }
765 782
766 783 div.flash.warning, .conflict {
767 784 background: url(../images/warning.png) 8px 5px no-repeat;
768 785 background-color: #FFEBC1;
769 786 border-color: #FDBF3B;
770 787 color: #A6750C;
771 788 text-align: left;
772 789 }
773 790
774 791 .nodata, .warning {
775 792 text-align: center;
776 793 background-color: #FFEBC1;
777 794 border-color: #FDBF3B;
778 795 color: #A6750C;
779 796 }
780 797
781 798 #errorExplanation ul { font-size: 0.9em;}
782 799 #errorExplanation h2, #errorExplanation p { display: none; }
783 800
784 801 .conflict-details {font-size:80%;}
785 802
786 803 /***** Ajax indicator ******/
787 804 #ajax-indicator {
788 805 position: absolute; /* fixed not supported by IE */
789 806 background-color:#eee;
790 807 border: 1px solid #bbb;
791 808 top:35%;
792 809 left:40%;
793 810 width:20%;
794 811 font-weight:bold;
795 812 text-align:center;
796 813 padding:0.6em;
797 814 z-index:100;
798 815 opacity: 0.5;
799 816 }
800 817
801 818 html>body #ajax-indicator { position: fixed; }
802 819
803 820 #ajax-indicator span {
804 821 background-position: 0% 40%;
805 822 background-repeat: no-repeat;
806 823 background-image: url(../images/loading.gif);
807 824 padding-left: 26px;
808 825 vertical-align: bottom;
809 826 }
810 827
811 828 /***** Calendar *****/
812 829 table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
813 830 table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
814 831 table.cal thead th.week-number {width: auto;}
815 832 table.cal tbody tr {height: 100px;}
816 833 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
817 834 table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
818 835 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
819 836 table.cal td.odd p.day-num {color: #bbb;}
820 837 table.cal td.today {background:#ffffdd;}
821 838 table.cal td.today p.day-num {font-weight: bold;}
822 839 table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
823 840 table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
824 841 table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
825 842 p.cal.legend span {display:block;}
826 843
827 844 /***** Tooltips ******/
828 845 .tooltip{position:relative;z-index:24;}
829 846 .tooltip:hover{z-index:25;color:#000;}
830 847 .tooltip span.tip{display: none; text-align:left;}
831 848
832 849 div.tooltip:hover span.tip{
833 850 display:block;
834 851 position:absolute;
835 852 top:12px; width:270px;
836 853 border:1px solid #555;
837 854 background-color:#fff;
838 855 padding: 4px;
839 856 font-size: 0.8em;
840 857 color:#505050;
841 858 }
842 859
843 860 img.ui-datepicker-trigger {
844 861 cursor: pointer;
845 862 vertical-align: middle;
846 863 margin-left: 4px;
847 864 }
848 865
849 866 /***** Progress bar *****/
850 867 table.progress {
851 868 border-collapse: collapse;
852 869 border-spacing: 0pt;
853 870 empty-cells: show;
854 871 text-align: center;
855 872 float:left;
856 873 margin: 1px 6px 1px 0px;
857 874 }
858 875
859 876 table.progress {width:80px;}
860 877 table.progress td { height: 1em; }
861 878 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
862 879 table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
863 880 table.progress td.todo { background: #eee none repeat scroll 0%; }
864 881 p.percent {font-size: 80%; margin:0;}
865 882 p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
866 883
867 884 .version-overview table.progress {width:40em;}
868 885 .version-overview table.progress td { height: 1.2em; }
869 886
870 887 /***** Tabs *****/
871 888 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
872 889 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
873 890 #content .tabs ul li {
874 891 float:left;
875 892 list-style-type:none;
876 893 white-space:nowrap;
877 894 margin-right:4px;
878 895 background:#fff;
879 896 position:relative;
880 897 margin-bottom:-1px;
881 898 }
882 899 #content .tabs ul li a{
883 900 display:block;
884 901 font-size: 0.9em;
885 902 text-decoration:none;
886 903 line-height:1.3em;
887 904 padding:4px 6px 4px 6px;
888 905 border: 1px solid #ccc;
889 906 border-bottom: 1px solid #bbbbbb;
890 907 background-color: #f6f6f6;
891 908 color:#999;
892 909 font-weight:bold;
893 910 border-top-left-radius:3px;
894 911 border-top-right-radius:3px;
895 912 }
896 913
897 914 #content .tabs ul li a:hover {
898 915 background-color: #ffffdd;
899 916 text-decoration:none;
900 917 }
901 918
902 919 #content .tabs ul li a.selected {
903 920 background-color: #fff;
904 921 border: 1px solid #bbbbbb;
905 922 border-bottom: 1px solid #fff;
906 923 color:#444;
907 924 }
908 925
909 926 #content .tabs ul li a.selected:hover {background-color: #fff;}
910 927
911 928 div.tabs-buttons { position:absolute; right: 0; width: 54px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
912 929
913 930 button.tab-left, button.tab-right {
914 931 font-size: 0.9em;
915 932 cursor: pointer;
916 933 height:24px;
917 934 border: 1px solid #ccc;
918 935 border-bottom: 1px solid #bbbbbb;
919 936 position:absolute;
920 937 padding:4px;
921 938 width: 20px;
922 939 bottom: -1px;
923 940 }
924 941 button.tab-left:hover, button.tab-right:hover {
925 942 background-color: #f5f5f5;
926 943 }
927 944 button.tab-left:focus, button.tab-right:focus {
928 945 outline: 0;
929 946 }
930 947
931 948 button.tab-left {
932 949 right: 20px;
933 950 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
934 951 border-top-left-radius:3px;
935 952 }
936 953
937 954 button.tab-right {
938 955 right: 0;
939 956 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
940 957 border-top-right-radius:3px;
941 958 }
942 959
943 960 button.tab-left.disabled, button.tab-right.disabled {
944 961 background-color: #ccc;
945 962 cursor: unset;
946 963 }
947 964
948 965 /***** Diff *****/
949 966 .diff_out { background: #fcc; }
950 967 .diff_out span { background: #faa; }
951 968 .diff_in { background: #cfc; }
952 969 .diff_in span { background: #afa; }
953 970
954 971 .text-diff {
955 972 padding: 1em;
956 973 background-color:#f6f6f6;
957 974 color:#505050;
958 975 border: 1px solid #e4e4e4;
959 976 }
960 977
961 978 /***** Wiki *****/
962 979 div.wiki table {
963 980 border-collapse: collapse;
964 981 margin-bottom: 1em;
965 982 }
966 983
967 984 div.wiki table, div.wiki td, div.wiki th {
968 985 border: 1px solid #bbb;
969 986 padding: 4px;
970 987 }
971 988
972 989 div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
973 990
974 991 div.wiki .external {
975 992 background-position: 0% 60%;
976 993 background-repeat: no-repeat;
977 994 padding-left: 12px;
978 995 background-image: url(../images/external.png);
979 996 }
980 997
981 998 div.wiki a {word-wrap: break-word;}
982 999 div.wiki a.new {color: #b73535;}
983 1000
984 1001 div.wiki ul, div.wiki ol {margin-bottom:1em;}
985 1002 div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
986 1003
987 1004 div.wiki pre {
988 1005 margin: 1em 1em 1em 1.6em;
989 1006 padding: 8px;
990 1007 background-color: #fafafa;
991 1008 border: 1px solid #e2e2e2;
992 1009 border-radius: 3px;
993 1010 width:auto;
994 1011 overflow-x: auto;
995 1012 overflow-y: hidden;
996 1013 }
997 1014
998 1015 div.wiki ul.toc {
999 1016 background-color: #ffffdd;
1000 1017 border: 1px solid #e4e4e4;
1001 1018 padding: 4px;
1002 1019 line-height: 1.2em;
1003 1020 margin-bottom: 12px;
1004 1021 margin-right: 12px;
1005 1022 margin-left: 0;
1006 1023 display: table
1007 1024 }
1008 1025 * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
1009 1026
1010 1027 div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
1011 1028 div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
1012 1029 div.wiki ul.toc ul { margin: 0; padding: 0; }
1013 1030 div.wiki ul.toc li {list-style-type:none; margin: 0; font-size:12px;}
1014 1031 div.wiki ul.toc li li {margin-left: 1.5em; font-size:10px;}
1015 1032 div.wiki ul.toc a {
1016 1033 font-size: 0.9em;
1017 1034 font-weight: normal;
1018 1035 text-decoration: none;
1019 1036 color: #606060;
1020 1037 }
1021 1038 div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
1022 1039
1023 1040 a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
1024 1041 a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
1025 1042 h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
1026 1043
1027 1044 div.wiki img {vertical-align:middle; max-width:100%;}
1028 1045
1029 1046 /***** My page layout *****/
1030 1047 .block-receiver {
1031 1048 border:1px dashed #c0c0c0;
1032 1049 margin-bottom: 20px;
1033 1050 padding: 15px 0 15px 0;
1034 1051 }
1035 1052
1036 1053 .mypage-box {
1037 1054 margin:0 0 20px 0;
1038 1055 color:#505050;
1039 1056 line-height:1.5em;
1040 1057 }
1041 1058
1042 1059 .handle {cursor: move;}
1043 1060
1044 1061 a.close-icon {
1045 1062 display:block;
1046 1063 margin-top:3px;
1047 1064 overflow:hidden;
1048 1065 width:12px;
1049 1066 height:12px;
1050 1067 background-repeat: no-repeat;
1051 1068 cursor:pointer;
1052 1069 background-image:url('../images/close.png');
1053 1070 }
1054 1071 a.close-icon:hover {background-image:url('../images/close_hl.png');}
1055 1072
1056 1073 /***** Gantt chart *****/
1057 1074 .gantt_hdr {
1058 1075 position:absolute;
1059 1076 top:0;
1060 1077 height:16px;
1061 1078 border-top: 1px solid #c0c0c0;
1062 1079 border-bottom: 1px solid #c0c0c0;
1063 1080 border-right: 1px solid #c0c0c0;
1064 1081 text-align: center;
1065 1082 overflow: hidden;
1066 1083 }
1067 1084
1068 1085 .gantt_hdr.nwday {background-color:#f1f1f1; color:#999;}
1069 1086
1070 1087 .gantt_subjects { font-size: 0.8em; }
1071 1088 .gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
1072 1089
1073 1090 .task {
1074 1091 position: absolute;
1075 1092 height:8px;
1076 1093 font-size:0.8em;
1077 1094 color:#888;
1078 1095 padding:0;
1079 1096 margin:0;
1080 1097 line-height:16px;
1081 1098 white-space:nowrap;
1082 1099 }
1083 1100
1084 1101 .task.label {width:100%;}
1085 1102 .task.label.project, .task.label.version { font-weight: bold; }
1086 1103
1087 1104 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
1088 1105 .task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
1089 1106 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
1090 1107
1091 1108 .task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
1092 1109 .task_late.parent, .task_done.parent { height: 3px;}
1093 1110 .task.parent.marker.starting { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
1094 1111 .task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
1095 1112
1096 1113 .version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
1097 1114 .version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
1098 1115 .version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
1099 1116 .version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
1100 1117
1101 1118 .project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
1102 1119 .project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
1103 1120 .project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
1104 1121 .project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
1105 1122
1106 1123 .version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
1107 1124 .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
1108 1125
1109 1126 /***** Icons *****/
1110 1127 .icon {
1111 1128 background-position: 0% 50%;
1112 1129 background-repeat: no-repeat;
1113 1130 padding-left: 20px;
1114 1131 padding-top: 2px;
1115 1132 padding-bottom: 3px;
1116 1133 }
1117 1134 .icon-only {
1118 1135 background-position: 0% 50%;
1119 1136 background-repeat: no-repeat;
1120 1137 padding-left: 16px;
1121 1138 }
1122 1139 a.icon-only {
1123 1140 display: inline-block;
1124 1141 width: 0;
1125 1142 height: 16px;
1126 1143 overflow: hidden;
1127 1144 padding-top: 0;
1128 1145 padding-bottom: 0;
1129 1146 font-size: 8px;
1130 1147 vertical-align: text-bottom;
1131 1148 }
1132 1149 a.icon-only::after {
1133 1150 content: " ";
1134 1151 }
1135 1152
1136 1153 .icon-add { background-image: url(../images/add.png); }
1137 1154 .icon-edit { background-image: url(../images/edit.png); }
1138 1155 .icon-copy { background-image: url(../images/copy.png); }
1139 1156 .icon-duplicate { background-image: url(../images/duplicate.png); }
1140 1157 .icon-del { background-image: url(../images/delete.png); }
1141 1158 .icon-move { background-image: url(../images/move.png); }
1142 1159 .icon-save { background-image: url(../images/save.png); }
1143 1160 .icon-cancel { background-image: url(../images/cancel.png); }
1144 1161 .icon-multiple { background-image: url(../images/table_multiple.png); }
1145 1162 .icon-folder { background-image: url(../images/folder.png); }
1146 1163 .open .icon-folder { background-image: url(../images/folder_open.png); }
1147 1164 .icon-package { background-image: url(../images/package.png); }
1148 1165 .icon-user { background-image: url(../images/user.png); }
1149 1166 .icon-projects { background-image: url(../images/projects.png); }
1150 1167 .icon-help { background-image: url(../images/help.png); }
1151 1168 .icon-attachment { background-image: url(../images/attachment.png); }
1152 1169 .icon-history { background-image: url(../images/history.png); }
1153 1170 .icon-time { background-image: url(../images/time.png); }
1154 1171 .icon-time-add { background-image: url(../images/time_add.png); }
1155 1172 .icon-stats { background-image: url(../images/stats.png); }
1156 1173 .icon-warning { background-image: url(../images/warning.png); }
1157 1174 .icon-error { background-image: url(../images/exclamation.png); }
1158 1175 .icon-fav { background-image: url(../images/fav.png); }
1159 1176 .icon-fav-off { background-image: url(../images/fav_off.png); }
1160 1177 .icon-reload { background-image: url(../images/reload.png); }
1161 1178 .icon-lock { background-image: url(../images/locked.png); }
1162 1179 .icon-unlock { background-image: url(../images/unlock.png); }
1163 1180 .icon-checked { background-image: url(../images/toggle_check.png); }
1164 1181 .icon-details { background-image: url(../images/zoom_in.png); }
1165 1182 .icon-report { background-image: url(../images/report.png); }
1166 1183 .icon-comment { background-image: url(../images/comment.png); }
1167 1184 .icon-summary { background-image: url(../images/lightning.png); }
1168 1185 .icon-server-authentication { background-image: url(../images/server_key.png); }
1169 1186 .icon-issue { background-image: url(../images/ticket.png); }
1170 1187 .icon-zoom-in { background-image: url(../images/zoom_in.png); }
1171 1188 .icon-zoom-out { background-image: url(../images/zoom_out.png); }
1172 1189 .icon-magnifier { background-image: url(../images/magnifier.png); }
1173 1190 .icon-passwd { background-image: url(../images/textfield_key.png); }
1174 1191 .icon-test { background-image: url(../images/bullet_go.png); }
1175 1192 .icon-email { background-image: url(../images/email.png); }
1176 1193 .icon-email-disabled { background-image: url(../images/email_disabled.png); }
1177 1194 .icon-email-add { background-image: url(../images/email_add.png); }
1178 1195 .icon-move-up { background-image: url(../images/1uparrow.png); }
1179 1196 .icon-move-top { background-image: url(../images/2uparrow.png); }
1180 1197 .icon-move-down { background-image: url(../images/1downarrow.png); }
1181 1198 .icon-move-bottom { background-image: url(../images/2downarrow.png); }
1182 1199 .icon-ok { background-image: url(../images/true.png); }
1183 1200 .icon-not-ok { background-image: url(../images/false.png); }
1184 1201 .icon-link-break { background-image: url(../images/link_break.png); }
1185 1202 .icon-list { background-image: url(../images/text_list_bullets.png); }
1186 1203
1187 1204 .icon-file { background-image: url(../images/files/default.png); }
1188 1205 .icon-file.text-plain { background-image: url(../images/files/text.png); }
1189 1206 .icon-file.text-x-c { background-image: url(../images/files/c.png); }
1190 1207 .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
1191 1208 .icon-file.text-x-java { background-image: url(../images/files/java.png); }
1192 1209 .icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
1193 1210 .icon-file.text-x-php { background-image: url(../images/files/php.png); }
1194 1211 .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
1195 1212 .icon-file.text-xml { background-image: url(../images/files/xml.png); }
1196 1213 .icon-file.text-css { background-image: url(../images/files/css.png); }
1197 1214 .icon-file.text-html { background-image: url(../images/files/html.png); }
1198 1215 .icon-file.image-gif { background-image: url(../images/files/image.png); }
1199 1216 .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
1200 1217 .icon-file.image-png { background-image: url(../images/files/image.png); }
1201 1218 .icon-file.image-tiff { background-image: url(../images/files/image.png); }
1202 1219 .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
1203 1220 .icon-file.application-zip { background-image: url(../images/files/zip.png); }
1204 1221 .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
1205 1222
1206 1223 .sort-handle { width:16px; height:16px; background:url(../images/reorder.png) no-repeat 0 50%; cursor:move; }
1207 1224 .sort-handle.ajax-loading { background-image: url(../images/loading.gif); }
1208 1225 tr.ui-sortable-helper { border:1px solid #e4e4e4; }
1209 1226
1210 1227 .contextual>.icon:not(:first-child), .buttons>.icon:not(:first-child) { margin-left: 5px; }
1211 1228
1212 1229 img.gravatar {
1213 1230 vertical-align: middle;
1214 1231 border-radius: 20%;
1215 1232 }
1216 1233
1217 1234 div.issue img.gravatar {
1218 1235 float: left;
1219 1236 margin: 0 6px 0 0;
1220 1237 }
1221 1238
1222 1239 h2 img.gravatar {margin: -2px 4px -4px 0;}
1223 1240 h3 img.gravatar {margin: -4px 4px -4px 0;}
1224 1241 h4 img.gravatar {margin: -6px 4px -4px 0;}
1225 1242 td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
1226 1243 #activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
1227 1244 /* Used on 12px Gravatar img tags without the icon background */
1228 1245 .icon-gravatar {float: left; margin-right: 4px;}
1229 1246
1230 1247 #activity dt, .journal {clear: left;}
1231 1248
1232 1249 .journal-link {float: right;}
1233 1250
1234 1251 h2 img { vertical-align:middle; }
1235 1252
1236 1253 .hascontextmenu { cursor: context-menu; }
1237 1254
1238 1255 .sample-data {border:1px solid #ccc; border-collapse:collapse; background-color:#fff; margin:0.5em;}
1239 1256 .sample-data td {border:1px solid #ccc; padding: 2px 4px; font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
1240 1257 .sample-data tr:first-child td {font-weight:bold; text-align:center;}
1241 1258
1242 1259 .ui-progressbar {position: relative;}
1243 1260 #progress-label {
1244 1261 position: absolute; left: 50%; top: 4px;
1245 1262 font-weight: bold;
1246 1263 color: #555; text-shadow: 1px 1px 0 #fff;
1247 1264 }
1248 1265
1249 1266 /* Custom JQuery styles */
1250 1267 .ui-datepicker-title select {width:70px !important; margin-top:-2px !important; margin-right:4px !important;}
1251 1268
1252 1269
1253 1270 /************* CodeRay styles *************/
1254 1271 .syntaxhl div {display: inline;}
1255 1272 .syntaxhl .code pre { overflow: auto }
1256 1273
1257 1274 .syntaxhl .annotation { color:#007 }
1258 1275 .syntaxhl .attribute-name { color:#b48 }
1259 1276 .syntaxhl .attribute-value { color:#700 }
1260 1277 .syntaxhl .binary { color:#549 }
1261 1278 .syntaxhl .binary .char { color:#325 }
1262 1279 .syntaxhl .binary .delimiter { color:#325 }
1263 1280 .syntaxhl .char { color:#D20 }
1264 1281 .syntaxhl .char .content { color:#D20 }
1265 1282 .syntaxhl .char .delimiter { color:#710 }
1266 1283 .syntaxhl .class { color:#258; font-weight:bold }
1267 1284 .syntaxhl .class-variable { color:#369 }
1268 1285 .syntaxhl .color { color:#0A0 }
1269 1286 .syntaxhl .comment { color:#385 }
1270 1287 .syntaxhl .comment .char { color:#385 }
1271 1288 .syntaxhl .comment .delimiter { color:#385 }
1272 1289 .syntaxhl .constant { color:#258; font-weight:bold }
1273 1290 .syntaxhl .decorator { color:#B0B }
1274 1291 .syntaxhl .definition { color:#099; font-weight:bold }
1275 1292 .syntaxhl .delimiter { color:black }
1276 1293 .syntaxhl .directive { color:#088; font-weight:bold }
1277 1294 .syntaxhl .docstring { color:#D42; }
1278 1295 .syntaxhl .doctype { color:#34b }
1279 1296 .syntaxhl .done { text-decoration: line-through; color: gray }
1280 1297 .syntaxhl .entity { color:#800; font-weight:bold }
1281 1298 .syntaxhl .error { color:#F00; background-color:#FAA }
1282 1299 .syntaxhl .escape { color:#666 }
1283 1300 .syntaxhl .exception { color:#C00; font-weight:bold }
1284 1301 .syntaxhl .float { color:#06D }
1285 1302 .syntaxhl .function { color:#06B; font-weight:bold }
1286 1303 .syntaxhl .function .delimiter { color:#024; font-weight:bold }
1287 1304 .syntaxhl .global-variable { color:#d70 }
1288 1305 .syntaxhl .hex { color:#02b }
1289 1306 .syntaxhl .id { color:#33D; font-weight:bold }
1290 1307 .syntaxhl .include { color:#B44; font-weight:bold }
1291 1308 .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
1292 1309 .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
1293 1310 .syntaxhl .instance-variable { color:#33B }
1294 1311 .syntaxhl .integer { color:#06D }
1295 1312 .syntaxhl .imaginary { color:#f00 }
1296 1313 .syntaxhl .important { color:#D00 }
1297 1314 .syntaxhl .key { color: #606 }
1298 1315 .syntaxhl .key .char { color: #60f }
1299 1316 .syntaxhl .key .delimiter { color: #404 }
1300 1317 .syntaxhl .keyword { color:#939; font-weight:bold }
1301 1318 .syntaxhl .label { color:#970; font-weight:bold }
1302 1319 .syntaxhl .local-variable { color:#950 }
1303 1320 .syntaxhl .map .content { color:#808 }
1304 1321 .syntaxhl .map .delimiter { color:#40A}
1305 1322 .syntaxhl .map { background-color:hsla(200,100%,50%,0.06); }
1306 1323 .syntaxhl .namespace { color:#707; font-weight:bold }
1307 1324 .syntaxhl .octal { color:#40E }
1308 1325 .syntaxhl .operator { }
1309 1326 .syntaxhl .predefined { color:#369; font-weight:bold }
1310 1327 .syntaxhl .predefined-constant { color:#069 }
1311 1328 .syntaxhl .predefined-type { color:#0a8; font-weight:bold }
1312 1329 .syntaxhl .preprocessor { color:#579 }
1313 1330 .syntaxhl .pseudo-class { color:#00C; font-weight:bold }
1314 1331 .syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
1315 1332 .syntaxhl .regexp .content { color:#808 }
1316 1333 .syntaxhl .regexp .delimiter { color:#404 }
1317 1334 .syntaxhl .regexp .modifier { color:#C2C }
1318 1335 .syntaxhl .reserved { color:#080; font-weight:bold }
1319 1336 .syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
1320 1337 .syntaxhl .shell .content { color:#2B2 }
1321 1338 .syntaxhl .shell .delimiter { color:#161 }
1322 1339 .syntaxhl .string .char { color: #46a }
1323 1340 .syntaxhl .string .content { color: #46a }
1324 1341 .syntaxhl .string .delimiter { color: #46a }
1325 1342 .syntaxhl .string .modifier { color: #46a }
1326 1343 .syntaxhl .symbol { color:#d33 }
1327 1344 .syntaxhl .symbol .content { color:#d33 }
1328 1345 .syntaxhl .symbol .delimiter { color:#d33 }
1329 1346 .syntaxhl .tag { color:#070; font-weight:bold }
1330 1347 .syntaxhl .type { color:#339; font-weight:bold }
1331 1348 .syntaxhl .value { color: #088 }
1332 1349 .syntaxhl .variable { color:#037 }
1333 1350
1334 1351 .syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
1335 1352 .syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
1336 1353 .syntaxhl .change { color: #bbf; background: #007 }
1337 1354 .syntaxhl .head { color: #f8f; background: #505 }
1338 1355 .syntaxhl .head .filename { color: white; }
1339 1356
1340 1357 .syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
1341 1358 .syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
1342 1359
1343 1360 .syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
1344 1361 .syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
1345 1362 .syntaxhl .change .change { color: #88f }
1346 1363 .syntaxhl .head .head { color: #f4f }
1347 1364
1348 1365 /***** Media print specific styles *****/
1349 1366 @media print {
1350 1367 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
1351 1368 #main { background: #fff; }
1352 1369 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
1353 1370 #wiki_add_attachment { display:none; }
1354 1371 .hide-when-print { display: none; }
1355 1372 .autoscroll {overflow-x: visible;}
1356 1373 table.list {margin-top:0.5em;}
1357 1374 table.list th, table.list td {border: 1px solid #aaa;}
1358 1375 }
1359 1376
1360 1377 /* Accessibility specific styles */
1361 1378 .hidden-for-sighted {
1362 1379 position:absolute;
1363 1380 left:-10000px;
1364 1381 top:auto;
1365 1382 width:1px;
1366 1383 height:1px;
1367 1384 overflow:hidden;
1368 1385 }
@@ -1,70 +1,79
1 1 @import url(../../../stylesheets/application.css);
2 2
3 3 body, #wrapper { background-color:#EEEEEE; }
4 4 #header, #top-menu { margin: 0px 10px 0px 11px; }
5 5 #main { background: #EEEEEE; margin: 8px 10px 0px 10px; }
6 6 #content, #main.nosidebar #content { background: #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
7 7 #footer { background-color:#EEEEEE; border: 0px; }
8 8
9 9 /* Headers */
10 10 h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 {border-bottom: 0px;}
11 11
12 12 /* Menu */
13 13 #main-menu li a { background-color: #507AAA; font-weight: bold;}
14 14 #main-menu li a:hover { background: #507AAA; text-decoration: underline; }
15 15 #main-menu li a.selected, #main-menu li a.selected:hover { background-color:#EEEEEE; }
16 #main-menu li a.new-object { background-color:#507AAA; text-decoration: none; }
17
18 #main-menu .menu-children {
19 border-right: 1px solid #507AAA;
20 border-bottom: 1px solid #507AAA;
21 border-left: 1px solid #507AAA;
22 }
23 #main-menu .menu-children li a:hover { background-color: #507AAA;}
24
16 25
17 26 /* Tables */
18 27 table.list tbody td, table.list tbody tr:hover td { border: solid 1px #d7d7d7; }
19 28 table.list thead th {
20 29 border-width: 1px;
21 30 border-style: solid;
22 31 border-top-color: #d7d7d7;
23 32 border-right-color: #d7d7d7;
24 33 border-left-color: #d7d7d7;
25 34 border-bottom-color: #999999;
26 35 }
27 36
28 37 /* Issues grid styles by priorities (provided by Wynn Netherland) */
29 38 table.list tr.issue a { color: #666; }
30 39
31 40 tr.odd.priority-highest, table.list tbody tr.odd.priority-highest:hover { color: #900; font-weight: bold; }
32 41 tr.odd.priority-highest { background: #ffc4c4; }
33 42 tr.even.priority-highest, table.list tbody tr.even.priority-highest:hover { color: #900; font-weight: bold; }
34 43 tr.even.priority-highest { background: #ffd4d4; }
35 44 tr.priority-highest a, tr.priority-5:hover a { color: #900; }
36 45 tr.odd.priority-highest td, tr.even.priority-highest td { border-color: #ffb4b4; }
37 46
38 47 tr.odd.priority-high2, table.list tbody tr.odd.priority-high4:hover { color: #900; }
39 48 tr.odd.priority-high2 { background: #ffc4c4; }
40 49 tr.even.priority-high2, table.list tbody tr.even.priority-high4:hover { color: #900; }
41 50 tr.even.priority-high2 { background: #ffd4d4; }
42 51 tr.priority-high2 a { color: #900; }
43 52 tr.odd.priority-high2 td, tr.even.priority-high4 td { border-color: #ffb4b4; }
44 53
45 54 tr.odd.priority-high3, table.list tbody tr.odd.priority-high3:hover { color: #900; }
46 55 tr.odd.priority-high3 { background: #fee; }
47 56 tr.even.priority-high3, table.list tbody tr.even.priority-high3:hover { color: #900; }
48 57 tr.even.priority-high3 { background: #fff2f2; }
49 58 tr.priority-high3 a { color: #900; }
50 59 tr.odd.priority-high3 td, tr.even.priority-high3 td { border-color: #fcc; }
51 60
52 61 tr.odd.priority-lowest, table.list tbody tr.odd.priority-lowest:hover { color: #559; }
53 62 tr.odd.priority-lowest { background: #eaf7ff; }
54 63 tr.even.priority-lowest, table.list tbody tr.even.priority-lowest:hover { color: #559; }
55 64 tr.even.priority-lowest { background: #f2faff; }
56 65 tr.priority-lowest a { color: #559; }
57 66 tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #add7f3; }
58 67
59 68 /* Buttons */
60 69 input[type="button"], input[type="submit"], input[type="reset"] { background-color: #f2f2f2; color: #222222; border: 1px outset #cccccc; }
61 70 input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { background-color: #ccccbb; }
62 71
63 72 /* Fields */
64 73 input[type="text"], input[type="password"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
65 74 input[type="text"], input[type="password"] { padding: 3px; }
66 75 input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
67 76 option { border-bottom: 1px dotted #d7d7d7; }
68 77
69 78 /* Misc */
70 79 .box { background-color: #fcfcfc; }
@@ -1,41 +1,50
1 1 @import url(../../../stylesheets/application.css);
2 2
3 3 body{ color:#303030; background:#e8eaec; }
4 4
5 5 #top-menu { font-size: 80%; height: 2em; padding-top: 0.5em; background-color: #578bb8; }
6 6 #top-menu a { font-weight: bold; }
7 7 #header { background: #467aa7; height:5.8em; padding: 10px 0 0 0; }
8 8 #header h1 { margin-left: 6px; }
9 9 #quick-search { margin-right: 6px; }
10 10 #main-menu { background-color: #578bb8; left: 0; border-top: 1px solid #fff; width: 100%; }
11 11 #main-menu li { margin: 0; padding: 0; }
12 12 #main-menu li a { background-color: #578bb8; border-right: 1px solid #fff; font-size: 90%; padding: 4px 8px 4px 8px; font-weight: bold; }
13 13 #main-menu li a:hover { background-color: #80b0da; color: #ffffff; }
14 14 #main-menu li a.selected, #main-menu li a.selected:hover { background-color: #80b0da; color: #ffffff; }
15 #main-menu li a.new-object { background-color:#80b0da; }
16
17 #main-menu .menu-children {
18 border-right: 1px solid #80b0da;
19 border-bottom: 1px solid #80b0da;
20 border-left: 1px solid #80b0da;
21 }
22 #main-menu .menu-children li a { border-right: none; }
23 #main-menu .menu-children li a:hover { background-color: #80b0da }
15 24
16 25 #footer { background-color: #578bb8; border: 0; color: #fff;}
17 26 #footer a { color: #fff; font-weight: bold; }
18 27
19 28 #main { font:90% Verdana,Tahoma,Arial,sans-serif; background: #e8eaec; }
20 29 #main a { font-weight: bold; color: #467aa7;}
21 30 #main a:hover { color: #2a5a8a; text-decoration: underline; }
22 31 #content { background: #fff; }
23 32 #content .tabs ul { bottom:-1px; }
24 33
25 34 h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; color:#606060; font-family: Trebuchet MS,Georgia,"Times New Roman",serif; }
26 35 h2, .wiki h1 { letter-spacing:-1px; }
27 36 h4 { border-bottom: dotted 1px #c0c0c0; }
28 37
29 38 #top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help {
30 39 background-position: 0% 40%;
31 40 background-repeat: no-repeat;
32 41 padding-left: 20px;
33 42 padding-top: 2px;
34 43 padding-bottom: 3px;
35 44 }
36 45
37 46 #top-menu a.home { background-image: url(../images/home.png); }
38 47 #top-menu a.my-page { background-image: url(../../../images/user.png); }
39 48 #top-menu a.projects { background-image: url(../../../images/projects.png); }
40 49 #top-menu a.administration { background-image: url(../images/wrench.png); }
41 50 #top-menu a.help { background-image: url(../../../images/help.png); }
General Comments 0
You need to be logged in to leave comments. Login now