##// END OF EJS Templates
Added a "clear" link when displaying a saved query. It clears the query filter to show all issues....
Jean-Philippe Lang -
r510:56513a8c6643
parent child
Show More
1 NO CONTENT: new file 100644, binary diff hidden
@@ -1,87 +1,88
1 1 <% if @query.new_record? %>
2 2 <div class="contextual">
3 3 <%= render :partial => 'issues/add_shortcut', :locals => {:trackers => @trackers } %>
4 4 </div>
5 5 <h2><%=l(:label_issue_plural)%></h2>
6 6
7 7 <% form_tag({:action => 'list_issues'}, :id => 'query_form') do %>
8 8 <%= render :partial => 'queries/filters', :locals => {:query => @query} %>
9 9 <% end %>
10 10 <div class="contextual">
11 11 <%= link_to_remote l(:button_apply),
12 12 { :url => { :controller => 'projects', :action => 'list_issues', :id => @project, :set_filter => 1 },
13 13 :update => "content",
14 14 :with => "Form.serialize('query_form')"
15 15 }, :class => 'icon icon-edit' %>
16 16
17 17 <%= link_to_remote l(:button_clear),
18 18 { :url => {:controller => 'projects', :action => 'list_issues', :id => @project, :set_filter => 1},
19 19 :update => "content",
20 }, :class => 'icon icon-del' %>
20 }, :class => 'icon icon-reload' %>
21 21
22 22 <% if authorize_for('projects', 'add_query') %>
23 23 <%= link_to_remote l(:button_save),
24 24 { :url => { :controller => 'projects', :action => "add_query", :id => @project },
25 25 :method => 'get',
26 26 :update => "content",
27 27 :with => "Form.serialize('query_form')"
28 28 }, :class => 'icon icon-save' %>
29 29 <% end %>
30 30 </div>
31 31 <br />
32 32 <% else %>
33 33 <div class="contextual">
34 34 <%= render :partial => 'issues/add_shortcut', :locals => {:trackers => @trackers } %>
35 <%= link_to l(:button_clear), {:controller => 'projects', :action => 'list_issues', :id => @project, :set_filter => 1}, :class => 'icon icon-reload' %>
35 36 <% if authorize_for('projects', 'add_query') %>
36 37 <%= link_to l(:button_edit), {:controller => 'queries', :action => 'edit', :id => @query}, :class => 'icon icon-edit' %>
37 38 <%= link_to l(:button_delete), {:controller => 'queries', :action => 'destroy', :id => @query}, :confirm => l(:text_are_you_sure), :method => :post, :class => 'icon icon-del' %>
38 <% end %>
39 <% end %>
39 40 </div>
40 41 <h2><%= @query.name %></h2>
41 42 <% end %>
42 43 <%= error_messages_for 'query' %>
43 44 <% if @query.valid? %>
44 45 <% if @issues.empty? %>
45 46 <p><i><%= l(:label_no_data) %></i></p>
46 47 <% else %>
47 48 &nbsp;
48 49 <% form_tag({:controller => 'projects', :action => 'move_issues', :id => @project}, :id => 'issues_form' ) do %>
49 50 <table class="list">
50 51 <thead><tr>
51 52 <th></th>
52 53 <%= sort_header_tag("#{Issue.table_name}.id", :caption => '#') %>
53 54 <%= sort_header_tag("#{Issue.table_name}.tracker_id", :caption => l(:field_tracker)) %>
54 55 <%= sort_header_tag("#{IssueStatus.table_name}.name", :caption => l(:field_status)) %>
55 56 <%= sort_header_tag("#{Issue.table_name}.priority_id", :caption => l(:field_priority)) %>
56 57 <th><%=l(:field_subject)%></th>
57 58 <%= sort_header_tag("#{User.table_name}.lastname", :caption => l(:field_assigned_to)) %>
58 59 <%= sort_header_tag("#{Issue.table_name}.updated_on", :caption => l(:field_updated_on)) %>
59 60 </tr></thead>
60 61 <tbody>
61 62 <% for issue in @issues %>
62 63 <tr class="<%= cycle("odd", "even") %>">
63 64 <th style="width:15px;"><%= check_box_tag "issue_ids[]", issue.id, false, :id => "issue_#{issue.id}" %></th>
64 65 <td align="center"><%= link_to issue.id, :controller => 'issues', :action => 'show', :id => issue %></td>
65 66 <td align="center"><%= issue.tracker.name %></td>
66 67 <td><div class="square" style="background:#<%= issue.status.html_color %>;"></div> <%= issue.status.name %></td>
67 68 <td align="center"><%= issue.priority.name %></td>
68 69 <td><%= "#{issue.project.name} - " unless @project && @project == issue.project %><%= link_to h(issue.subject), :controller => 'issues', :action => 'show', :id => issue %></td>
69 70 <td align="center"><%= issue.assigned_to.name if issue.assigned_to %></td>
70 71 <td align="center"><%= format_time(issue.updated_on) %></td>
71 72 </tr>
72 73 <% end %>
73 74 </tbody>
74 75 </table>
75 76 <div class="contextual">
76 77 <%= l(:label_export_to) %>
77 78 <%= link_to 'CSV', {:action => 'export_issues_csv', :id => @project}, :class => 'icon icon-csv' %>,
78 79 <%= link_to 'PDF', {:action => 'export_issues_pdf', :id => @project}, :class => 'icon icon-pdf' %>
79 80 </div>
80 81 <p><%= submit_tag l(:button_move), :class => "button-small" %>
81 82 &nbsp;
82 83 <%= pagination_links_full @issue_pages %>
83 84 [ <%= @issue_pages.current.first_item %> - <%= @issue_pages.current.last_item %> / <%= @issue_count %> ]
84 85 </p>
85 86 <% end %>
86 87 <% end %>
87 88 <% end %> No newline at end of file
@@ -1,667 +1,668
1 1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
2 2 /* Edited by Jean-Philippe Lang *>
3 3 /**************** Body and tag styles ****************/
4 4
5 5 #header * {margin:0; padding:0;}
6 6 p, ul, ol, li {margin:0; padding:0;}
7 7
8 8 body{
9 9 font:76% Verdana,Tahoma,Arial,sans-serif;
10 10 line-height:1.4em;
11 11 text-align:center;
12 12 color:#303030;
13 13 background:#e8eaec;
14 14 margin:0;
15 15 }
16 16
17 17 a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}
18 18 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
19 19 a img{border:none;}
20 20
21 21 p{margin:0 0 1em 0;}
22 22 p form{margin-top:0; margin-bottom:20px;}
23 23
24 24 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
25 25 img.left{float:left; margin:0 12px 5px 0;}
26 26 img.center{display:block; margin:0 auto 5px auto;}
27 27 img.right{float:right; margin:0 0 5px 12px;}
28 28
29 29 /**************** Header and navigation styles ****************/
30 30
31 31 #container{
32 32 width:100%;
33 33 min-width: 800px;
34 34 margin:0;
35 35 padding:0;
36 36 text-align:left;
37 37 background:#ffffff;
38 38 color:#303030;
39 39 }
40 40
41 41 #header{
42 42 height:4.5em;
43 43 margin:0;
44 44 background:#467aa7;
45 45 color:#ffffff;
46 46 margin-bottom:1px;
47 47 }
48 48
49 49 #header h1{
50 50 padding:10px 0 0 20px;
51 51 font-size:2em;
52 52 background-color:inherit;
53 53 color:#fff;
54 54 letter-spacing:-1px;
55 55 font-weight:bold;
56 56 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
57 57 }
58 58
59 59 #header h2{
60 60 margin:3px 0 0 40px;
61 61 font-size:1.5em;
62 62 background-color:inherit;
63 63 color:#f0f2f4;
64 64 letter-spacing:-1px;
65 65 font-weight:normal;
66 66 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
67 67 }
68 68
69 69 #header a {color:#fff;}
70 70
71 71 #navigation{
72 72 height:2.2em;
73 73 line-height:2.2em;
74 74 margin:0;
75 75 background:#578bb8;
76 76 color:#ffffff;
77 77 }
78 78
79 79 #navigation li{
80 80 float:left;
81 81 list-style-type:none;
82 82 border-right:1px solid #ffffff;
83 83 white-space:nowrap;
84 84 }
85 85
86 86 #navigation li.right {
87 87 float:right;
88 88 list-style-type:none;
89 89 border-right:0;
90 90 border-left:1px solid #ffffff;
91 91 white-space:nowrap;
92 92 }
93 93
94 94 #navigation li a{
95 95 display:block;
96 96 padding:0px 10px 0px 22px;
97 97 font-size:0.8em;
98 98 font-weight:normal;
99 99 text-decoration:none;
100 100 background-color:inherit;
101 101 color: #ffffff;
102 102 }
103 103
104 104 #navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
105 105 #navigation li.submenu a {padding:0px 16px 0px 22px;}
106 106 * html #navigation a {width:1%;}
107 107
108 108 #navigation .selected,#navigation a:hover{
109 109 color:#ffffff;
110 110 text-decoration:none;
111 111 background-color: #80b0da;
112 112 }
113 113
114 114 /**************** Icons *******************/
115 115 .icon {
116 116 background-position: 0% 40%;
117 117 background-repeat: no-repeat;
118 118 padding-left: 20px;
119 119 padding-top: 2px;
120 120 padding-bottom: 3px;
121 121 vertical-align: middle;
122 122 }
123 123
124 124 #navigation .icon {
125 125 background-position: 4px 50%;
126 126 }
127 127
128 128 .icon22 {
129 129 background-position: 0% 40%;
130 130 background-repeat: no-repeat;
131 131 padding-left: 26px;
132 132 line-height: 22px;
133 133 vertical-align: middle;
134 134 }
135 135
136 136 .icon-add { background-image: url(../images/add.png); }
137 137 .icon-edit { background-image: url(../images/edit.png); }
138 138 .icon-del { background-image: url(../images/delete.png); }
139 139 .icon-move { background-image: url(../images/move.png); }
140 140 .icon-save { background-image: url(../images/save.png); }
141 141 .icon-cancel { background-image: url(../images/cancel.png); }
142 142 .icon-pdf { background-image: url(../images/pdf.png); }
143 143 .icon-csv { background-image: url(../images/csv.png); }
144 144 .icon-html { background-image: url(../images/html.png); }
145 145 .icon-txt { background-image: url(../images/txt.png); }
146 146 .icon-file { background-image: url(../images/file.png); }
147 147 .icon-folder { background-image: url(../images/folder.png); }
148 148 .icon-package { background-image: url(../images/package.png); }
149 149 .icon-home { background-image: url(../images/home.png); }
150 150 .icon-user { background-image: url(../images/user.png); }
151 151 .icon-mypage { background-image: url(../images/user_page.png); }
152 152 .icon-admin { background-image: url(../images/admin.png); }
153 153 .icon-projects { background-image: url(../images/projects.png); }
154 154 .icon-logout { background-image: url(../images/logout.png); }
155 155 .icon-help { background-image: url(../images/help.png); }
156 156 .icon-attachment { background-image: url(../images/attachment.png); }
157 157 .icon-index { background-image: url(../images/index.png); }
158 158 .icon-history { background-image: url(../images/history.png); }
159 159 .icon-feed { background-image: url(../images/feed.png); }
160 160 .icon-time { background-image: url(../images/time.png); }
161 161 .icon-stats { background-image: url(../images/stats.png); }
162 162 .icon-warning { background-image: url(../images/warning.png); }
163 163 .icon-fav { background-image: url(../images/fav.png); }
164 164 .icon-fav-off { background-image: url(../images/fav_off.png); }
165 .icon-reload { background-image: url(../images/reload.png); }
165 166
166 167 .icon22-projects { background-image: url(../images/22x22/projects.png); }
167 168 .icon22-users { background-image: url(../images/22x22/users.png); }
168 169 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
169 170 .icon22-role { background-image: url(../images/22x22/role.png); }
170 171 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
171 172 .icon22-options { background-image: url(../images/22x22/options.png); }
172 173 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
173 174 .icon22-authent { background-image: url(../images/22x22/authent.png); }
174 175 .icon22-info { background-image: url(../images/22x22/info.png); }
175 176 .icon22-comment { background-image: url(../images/22x22/comment.png); }
176 177 .icon22-package { background-image: url(../images/22x22/package.png); }
177 178 .icon22-settings { background-image: url(../images/22x22/settings.png); }
178 179
179 180 /**************** Content styles ****************/
180 181
181 182 html>body #content {
182 183 height: auto;
183 184 min-height: 500px;
184 185 }
185 186
186 187 #content{
187 188 width: auto;
188 189 height:500px;
189 190 font-size:0.9em;
190 191 padding:20px 10px 10px 20px;
191 192 margin-left: 120px;
192 193 border-left: 1px dashed #c0c0c0;
193 194
194 195 }
195 196
196 197 #content h2, #content div.wiki h1 {
197 198 display:block;
198 199 margin:0 0 16px 0;
199 200 font-size:1.7em;
200 201 font-weight:normal;
201 202 letter-spacing:-1px;
202 203 color:#606060;
203 204 background-color:inherit;
204 205 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
205 206 }
206 207
207 208 #content h2 a{font-weight:normal;}
208 209 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
209 210 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
210 211 #content a:hover,#subcontent a:hover{text-decoration:underline;}
211 212 #content ul,#content ol{margin:0 5px 16px 35px;}
212 213 #content dl{margin:0 5px 10px 25px;}
213 214 #content dt{font-weight:bold; margin-bottom:5px;}
214 215 #content dd{margin:0 0 10px 15px;}
215 216
216 217 #content .tabs{height: 2.6em;}
217 218 #content .tabs ul{margin:0;}
218 219 #content .tabs ul li{
219 220 float:left;
220 221 list-style-type:none;
221 222 white-space:nowrap;
222 223 margin-right:8px;
223 224 background:#fff;
224 225 }
225 226 #content .tabs ul li a{
226 227 display:block;
227 228 font-size: 0.9em;
228 229 text-decoration:none;
229 230 line-height:1em;
230 231 padding:4px;
231 232 border: 1px solid #c0c0c0;
232 233 }
233 234
234 235 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
235 236 background-color: #80b0da;
236 237 border: 1px solid #80b0da;
237 238 color: #fff;
238 239 text-decoration:none;
239 240 }
240 241
241 242 /***********************************************/
242 243
243 244 form {display: inline;}
244 245 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
245 246 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
246 247
247 248 input.button-small {font-size: 0.8em;}
248 249 textarea.wiki-edit { width: 99.5%; }
249 250 .select-small {font-size: 0.8em;}
250 251 label {font-weight: bold; font-size: 1em; color: #505050;}
251 252 fieldset {border:1px solid #c0c0c0; padding: 6px;}
252 253 legend {color: #505050;}
253 254 .required {color: #bb0000;}
254 255 .odd {background-color:#f6f7f8;}
255 256 .even {background-color: #fff;}
256 257 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
257 258 table p {margin:0; padding:0;}
258 259
259 260 .highlight { background-color: #FCFD8D;}
260 261
261 262 div.square {
262 263 border: 1px solid #999;
263 264 float: left;
264 265 margin: .4em .5em 0 0;
265 266 overflow: hidden;
266 267 width: .6em; height: .6em;
267 268 }
268 269
269 270 ul.documents {
270 271 list-style-type: none;
271 272 padding: 0;
272 273 margin: 0;
273 274 }
274 275
275 276 ul.documents li {
276 277 background-image: url(../images/32x32/file.png);
277 278 background-repeat: no-repeat;
278 279 background-position: 0 1px;
279 280 padding-left: 36px;
280 281 margin-bottom: 10px;
281 282 margin-left: -37px;
282 283 }
283 284
284 285 /********** Table used to display lists of things ***********/
285 286
286 287 table.list {
287 288 width:100%;
288 289 border-collapse: collapse;
289 290 border: 1px dotted #d0d0d0;
290 291 margin-bottom: 6px;
291 292 }
292 293
293 294 table.with-cells td {
294 295 border: 1px solid #d7d7d7;
295 296 }
296 297
297 298 table.list td {
298 299 padding:2px;
299 300 }
300 301
301 302 table.list thead th {
302 303 text-align: center;
303 304 background: #eee;
304 305 border: 1px solid #d7d7d7;
305 306 color: #777;
306 307 }
307 308
308 309 table.list tbody th {
309 310 font-weight: bold;
310 311 background: #eed;
311 312 border: 1px solid #d7d7d7;
312 313 color: #777;
313 314 }
314 315
315 316 /********** Validation error messages *************/
316 317 #errorExplanation {
317 318 width: 400px;
318 319 border: 0;
319 320 padding: 7px;
320 321 padding-bottom: 3px;
321 322 margin-bottom: 0px;
322 323 }
323 324
324 325 #errorExplanation h2 {
325 326 text-align: left;
326 327 font-weight: bold;
327 328 padding: 5px 5px 10px 26px;
328 329 font-size: 1em;
329 330 margin: -7px;
330 331 background: url(../images/alert.png) no-repeat 6px 6px;
331 332 }
332 333
333 334 #errorExplanation p {
334 335 color: #333;
335 336 margin-bottom: 0;
336 337 padding: 5px;
337 338 }
338 339
339 340 #errorExplanation ul li {
340 341 font-size: 1em;
341 342 list-style: none;
342 343 margin-left: -16px;
343 344 }
344 345
345 346 /*========== Drop down menu ==============*/
346 347 div.menu {
347 348 background-color: #FFFFFF;
348 349 border-style: solid;
349 350 border-width: 1px;
350 351 border-color: #7F9DB9;
351 352 position: absolute;
352 353 top: 0px;
353 354 left: 0px;
354 355 padding: 0;
355 356 visibility: hidden;
356 357 z-index: 101;
357 358 }
358 359
359 360 div.menu a.menuItem {
360 361 font-size: 10px;
361 362 font-weight: normal;
362 363 line-height: 2em;
363 364 color: #000000;
364 365 background-color: #FFFFFF;
365 366 cursor: default;
366 367 display: block;
367 368 padding: 0 1em;
368 369 margin: 0;
369 370 border: 0;
370 371 text-decoration: none;
371 372 white-space: nowrap;
372 373 }
373 374
374 375 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
375 376 background-color: #80b0da;
376 377 color: #ffffff;
377 378 }
378 379
379 380 div.menu a.menuItem span.menuItemText {}
380 381
381 382 div.menu a.menuItem span.menuItemArrow {
382 383 margin-right: -.75em;
383 384 }
384 385
385 386 /**************** Sidebar styles ****************/
386 387
387 388 #subcontent{
388 389 position: absolute;
389 390 left: 0px;
390 391 width:95px;
391 392 padding:20px 20px 10px 5px;
392 393 overflow: hidden;
393 394 }
394 395
395 396 #subcontent h2{
396 397 display:block;
397 398 margin:0 0 5px 0;
398 399 font-size:1.0em;
399 400 font-weight:bold;
400 401 text-align:left;
401 402 color:#606060;
402 403 background-color:inherit;
403 404 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
404 405 }
405 406
406 407 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
407 408
408 409 /**************** Menublock styles ****************/
409 410
410 411 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
411 412 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
412 413 .menublock li a{font-weight:bold; text-decoration:none;}
413 414 .menublock li a:hover{text-decoration:none;}
414 415 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
415 416 .menublock li ul li{margin-bottom:0;}
416 417 .menublock li ul a{font-weight:normal;}
417 418
418 419 /**************** Footer styles ****************/
419 420
420 421 #footer{
421 422 clear:both;
422 423 padding:5px 0;
423 424 margin:0;
424 425 font-size:0.9em;
425 426 color:#f0f0f0;
426 427 background:#467aa7;
427 428 }
428 429
429 430 #footer p{padding:0; margin:0; text-align:center;}
430 431 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
431 432 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
432 433
433 434 /**************** Misc classes and styles ****************/
434 435
435 436 .splitcontentleft{float:left; width:49%;}
436 437 .splitcontentright{float:right; width:49%;}
437 438 .clear{clear:both;}
438 439 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
439 440 .hide{display:none;}
440 441 .textcenter{text-align:center;}
441 442 .textright{text-align:right;}
442 443 .important{color:#f02025; background-color:inherit; font-weight:bold;}
443 444
444 445 .box{
445 446 margin:0 0 20px 0;
446 447 padding:10px;
447 448 border:1px solid #c0c0c0;
448 449 background-color:#fafbfc;
449 450 color:#505050;
450 451 line-height:1.5em;
451 452 }
452 453
453 454 a.close-icon {
454 455 display:block;
455 456 margin-top:3px;
456 457 overflow:hidden;
457 458 width:12px;
458 459 height:12px;
459 460 background-repeat: no-repeat;
460 461 cursor:pointer;
461 462 background-image:url('../images/close.png');
462 463 }
463 464
464 465 a.close-icon:hover {
465 466 background-image:url('../images/close_hl.png');
466 467 }
467 468
468 469 .rightbox{
469 470 background: #fafbfc;
470 471 border: 1px solid #c0c0c0;
471 472 float: right;
472 473 padding: 8px;
473 474 position: relative;
474 475 margin: 0 5px 5px;
475 476 }
476 477
477 478 .overlay{
478 479 position: absolute;
479 480 margin-left:0;
480 481 z-index: 50;
481 482 }
482 483
483 484 .layout-active {
484 485 background: #ECF3E1;
485 486 }
486 487
487 488 .block-receiver {
488 489 border:1px dashed #c0c0c0;
489 490 margin-bottom: 20px;
490 491 padding: 15px 0 15px 0;
491 492 }
492 493
493 494 .mypage-box {
494 495 margin:0 0 20px 0;
495 496 color:#505050;
496 497 line-height:1.5em;
497 498 }
498 499
499 500 .handle {
500 501 cursor: move;
501 502 }
502 503
503 504 .login {
504 505 width: 50%;
505 506 text-align: left;
506 507 }
507 508
508 509 img.calendar-trigger {
509 510 cursor: pointer;
510 511 vertical-align: middle;
511 512 margin-left: 4px;
512 513 }
513 514
514 515 #history p {
515 516 margin-left: 34px;
516 517 }
517 518
518 519 .progress {
519 520 border: 1px solid #D7D7D7;
520 521 border-collapse: collapse;
521 522 border-spacing: 0pt;
522 523 empty-cells: show;
523 524 padding: 3px;
524 525 width: 40em;
525 526 text-align: center;
526 527 }
527 528
528 529 .progress td { height: 1em; }
529 530 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
530 531 .progress .open { background: #FFF none repeat scroll 0%; }
531 532
532 533 /***** Contextual links div *****/
533 534 .contextual {
534 535 float: right;
535 536 font-size: 0.8em;
536 537 line-height: 16px;
537 538 padding: 2px;
538 539 }
539 540
540 541 .contextual select, .contextual input {
541 542 font-size: 1em;
542 543 }
543 544
544 545 /***** Gantt chart *****/
545 546 .gantt_hdr {
546 547 position:absolute;
547 548 top:0;
548 549 height:16px;
549 550 border-top: 1px solid #c0c0c0;
550 551 border-bottom: 1px solid #c0c0c0;
551 552 border-right: 1px solid #c0c0c0;
552 553 text-align: center;
553 554 overflow: hidden;
554 555 }
555 556
556 557 .task {
557 558 position: absolute;
558 559 height:8px;
559 560 font-size:0.8em;
560 561 color:#888;
561 562 padding:0;
562 563 margin:0;
563 564 line-height:0.8em;
564 565 }
565 566
566 567 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
567 568 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
568 569 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
569 570 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
570 571
571 572 /***** Tooltips ******/
572 573 .tooltip{position:relative;z-index:24;}
573 574 .tooltip:hover{z-index:25;color:#000;}
574 575 .tooltip span.tip{display: none; text-align:left;}
575 576
576 577 div.tooltip:hover span.tip{
577 578 display:block;
578 579 position:absolute;
579 580 top:12px; left:24px; width:270px;
580 581 border:1px solid #555;
581 582 background-color:#fff;
582 583 padding: 4px;
583 584 font-size: 0.8em;
584 585 color:#505050;
585 586 }
586 587
587 588 /***** CSS FORM ******/
588 589 .tabular p{
589 590 margin: 0;
590 591 padding: 5px 0 8px 0;
591 592 padding-left: 180px; /*width of left column containing the label elements*/
592 593 height: 1%;
593 594 }
594 595
595 596 .tabular label{
596 597 font-weight: bold;
597 598 float: left;
598 599 margin-left: -180px; /*width of left column*/
599 600 width: 175px; /*width of labels. Should be smaller than left column to create some right
600 601 margin*/
601 602 }
602 603
603 604 .error {
604 605 color: #cc0000;
605 606 }
606 607
607 608 #settings .tabular p{ padding-left: 300px; }
608 609 #settings .tabular label{ margin-left: -300px; width: 295px; }
609 610
610 611 /*.threepxfix class below:
611 612 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
612 613 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
613 614 */
614 615
615 616 * html .threepxfix{
616 617 margin-left: 3px;
617 618 }
618 619
619 620 /***** Wiki sections ****/
620 621 #content div.wiki { font-size: 110%}
621 622
622 623 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
623 624 #content div.wiki h2 { font-size: 1.4em;}
624 625 #content div.wiki h3 { font-size: 1.2em;}
625 626
626 627 div.wiki table {
627 628 border: 1px solid #505050;
628 629 border-collapse: collapse;
629 630 }
630 631
631 632 div.wiki table, div.wiki td {
632 633 border: 1px solid #bbb;
633 634 padding: 4px;
634 635 }
635 636
636 637 div.wiki code {
637 638 font-size: 1.2em;
638 639 }
639 640
640 641 #preview .preview { background: #fafbfc url(../images/draft.png); }
641 642
642 643 #ajax-indicator {
643 644 position: absolute; /* fixed not supported by IE */
644 645 background-color:#eee;
645 646 border: 1px solid #bbb;
646 647 top:35%;
647 648 left:40%;
648 649 width:20%;
649 650 font-weight:bold;
650 651 text-align:center;
651 652 padding:0.6em;
652 653 z-index:100;
653 654 filter:alpha(opacity=50);
654 655 -moz-opacity:0.5;
655 656 opacity: 0.5;
656 657 -khtml-opacity: 0.5;
657 658 }
658 659
659 660 html>body #ajax-indicator { position: fixed; }
660 661
661 662 #ajax-indicator span {
662 663 background-position: 0% 40%;
663 664 background-repeat: no-repeat;
664 665 background-image: url(../images/loading.gif);
665 666 padding-left: 26px;
666 667 vertical-align: bottom;
667 668 }
General Comments 0
You need to be logged in to leave comments. Login now