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