##// END OF EJS Templates
jro_apps » redmine
RSS
misc GUI modifications...
Jean-Philippe Lang -
r114:a6c8feea214d
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,36 +1,36
1 1 <div class="contextual">
2 2 <%= link_to_if_authorized l(:button_edit), {:controller => 'documents', :action => 'edit', :id => @document}, :class => 'pic picEdit' %>
3 3 <%= link_to_if_authorized l(:button_delete), {:controller => 'documents', :action => 'destroy', :id => @document}, :confirm => l(:text_are_you_sure), :post => true, :class => 'pic picDelete' %>
4 4 </div>
5 5
6 6 <h2><%= @document.title %></h2>
7 7
8 8 <p><em><%= @document.category.name %><br />
9 9 <%= format_date @document.created_on %></em></p>
10 10 <%= textilizable @document.description %>
11 11 <br />
12 12
13 13 <h3><%= l(:label_attachment_plural) %></h3>
14 <ul>
14 <ul class="documents">
15 15 <% for attachment in @attachments %>
16 16 <li>
17 17 <div class="contextual">
18 18 <%= link_to_if_authorized l(:button_delete), {:controller => 'documents', :action => 'destroy_attachment', :id => @document, :attachment_id => attachment}, :confirm => l(:text_are_you_sure), :post => true, :class => 'pic picDelete' %>
19 19 </div>
20 20 <%= link_to attachment.filename, :action => 'download', :id => @document, :attachment_id => attachment %>
21 21 (<%= human_size attachment.filesize %>)<br />
22 22 <em><%= attachment.author.display_name %>, <%= format_date(attachment.created_on) %></em><br />
23 23 <%= lwr(:label_download, attachment.downloads) %>
24 24 </li>
25 25 <% end %>
26 26 </ul>
27 27 <br />
28 28
29 29
30 30 <% if authorize_for('documents', 'add_attachment') %>
31 31 <%= start_form_tag ({ :controller => 'documents', :action => 'add_attachment', :id => @document }, :multipart => true) %>
32 32 <label><%=l(:label_attachment_new)%></label>&nbsp;&nbsp;
33 33 <%= file_field 'attachment', 'file' %>
34 34 <%= submit_tag l(:button_add) %>
35 35 <%= end_form_tag %>
36 36 <% end %>
Show file before | Show file after | Hide comments
@@ -1,143 +1,143
1 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 3 <head>
4 4 <title><%= $RDM_HEADER_TITLE + (@html_title ? ": #{@html_title}" : "") %></title>
5 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6 6 <meta name="description" content="redMine" />
7 7 <meta name="keywords" content="issue,bug,tracker" />
8 8 <%= stylesheet_link_tag "application" %>
9 9 <%= stylesheet_link_tag "print", :media => "print" %>
10 10 <%= javascript_include_tag :defaults %>
11 11 <%= javascript_include_tag 'menu' %>
12 12 <%= javascript_include_tag 'calendar/calendar' %>
13 13 <%= javascript_include_tag "calendar/lang/calendar-#{current_language}.js" %>
14 14 <%= javascript_include_tag 'calendar/calendar-setup' %>
15 15 <%= stylesheet_link_tag 'calendar' %>
16 16 <%= stylesheet_link_tag 'jstoolbar' %>
17 17 </head>
18 18
19 19 <body>
20 20 <div id="container" >
21 21
22 22 <div id="header">
23 23 <div style="float: left;">
24 24 <h1><%= $RDM_HEADER_TITLE %></h1>
25 25 <h2><%= $RDM_HEADER_SUBTITLE %></h2>
26 26 </div>
27 27 <div style="float: right; padding-right: 1em; padding-top: 0.2em;">
28 28 <% if loggedin? %><small><%=l(:label_logged_as)%> <b><%= @logged_in_user.login %></b></small><% end %>
29 29 </div>
30 30 </div>
31 31
32 32 <div id="navigation">
33 33 <ul>
34 34 <li class="selected"><%= link_to l(:label_home), { :controller => '' }, :class => "picHome" %></li>
35 35 <li><%= link_to l(:label_my_page), { :controller => 'my', :action => 'page'}, :class => "picUserPage" %></li>
36 36 <li><%= link_to l(:label_project_plural), { :controller => 'projects' }, :class => "picProject" %></li>
37 37
38 38 <% unless @project.nil? || @project.id.nil? %>
39 <li><%= link_to @project.name, { :controller => 'projects', :action => 'show', :id => @project }, :class => "picProject", :onmouseover => "buttonMouseover(event, 'menuProject');" %></li>
39 <li class="submenu"><%= link_to @project.name, { :controller => 'projects', :action => 'show', :id => @project }, :class => "picProject", :onmouseover => "buttonMouseover(event, 'menuProject');" %></li>
40 40 <% end %>
41 41
42 42 <% if loggedin? %>
43 43 <li><%= link_to l(:label_my_account), { :controller => 'my', :action => 'account' }, :class => "picUser" %></li>
44 44 <% end %>
45 45
46 46 <% if admin_loggedin? %>
47 <li><%= link_to l(:label_administration), { :controller => 'admin' }, :class => "picAdmin", :onmouseover => "buttonMouseover(event, 'menuAdmin');" %></li>
47 <li class="submenu"><%= link_to l(:label_administration), { :controller => 'admin' }, :class => "picAdmin", :onmouseover => "buttonMouseover(event, 'menuAdmin');" %></li>
48 48 <% end %>
49 49
50 50 <li class="right"><%= link_to l(:label_help), { :controller => 'help', :ctrl => @params[:controller], :page => @params[:action] }, :target => "new", :class => "picHelp" %></li>
51 51
52 52 <% if loggedin? %>
53 53 <li class="right"><%= link_to l(:label_logout), { :controller => 'account', :action => 'logout' }, :class => "picUser" %></li>
54 54 <% else %>
55 55 <li class="right"><%= link_to l(:label_login), { :controller => 'account', :action => 'login' }, :class => "picUser" %></li>
56 56 <% end %>
57 57 </ul>
58 58 </div>
59 59
60 60 <% if admin_loggedin? %>
61 61 <div id="menuAdmin" class="menu" onmouseover="menuMouseover(event)">
62 62 <a class="menuItem" href="/admin/projects" onmouseover="menuItemMouseover(event,'menuProjects');"><span class="menuItemText"><%=l(:label_project_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
63 63 <a class="menuItem" href="/users" onmouseover="menuItemMouseover(event,'menuUsers');"><span class="menuItemText"><%=l(:label_user_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
64 64 <a class="menuItem" href="/roles"><%=l(:label_role_and_permissions)%></a>
65 65 <a class="menuItem" href="/trackers" onmouseover="menuItemMouseover(event,'menuTrackers');"><span class="menuItemText"><%=l(:label_tracker_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
66 66 <a class="menuItem" href="/custom_fields"><%=l(:label_custom_field_plural)%></a>
67 67 <a class="menuItem" href="/enumerations"><%=l(:label_enumerations)%></a>
68 68 <a class="menuItem" href="/admin/mail_options"><%=l(:field_mail_notification)%></a>
69 69 <a class="menuItem" href="/auth_sources"><%=l(:label_authentication)%></a>
70 70 <a class="menuItem" href="/admin/info"><%=l(:label_information_plural)%></a>
71 71 </div>
72 72 <div id="menuTrackers" class="menu">
73 73 <a class="menuItem" href="/issue_statuses"><%=l(:label_issue_status_plural)%></a>
74 74 <a class="menuItem" href="/roles/workflow"><%=l(:label_workflow)%></a>
75 75 </div>
76 76 <div id="menuProjects" class="menu"><a class="menuItem" href="/projects/add"><%=l(:label_new)%></a></div>
77 77 <div id="menuUsers" class="menu"><a class="menuItem" href="/users/add"><%=l(:label_new)%></a></div>
78 78 <% end %>
79 79
80 80 <% unless @project.nil? || @project.id.nil? %>
81 81 <div id="menuProject" class="menu" onmouseover="menuMouseover(event)">
82 82 <%= link_to l(:label_calendar), {:controller => 'projects', :action => 'calendar', :id => @project }, :class => "menuItem" %>
83 83 <%= link_to l(:label_gantt), {:controller => 'projects', :action => 'gantt', :id => @project }, :class => "menuItem" %>
84 84 <%= link_to l(:label_issue_plural), {:controller => 'projects', :action => 'list_issues', :id => @project }, :class => "menuItem" %>
85 85 <%= link_to l(:label_report_plural), {:controller => 'reports', :action => 'issue_report', :id => @project }, :class => "menuItem" %>
86 86 <%= link_to l(:label_activity), {:controller => 'projects', :action => 'activity', :id => @project }, :class => "menuItem" %>
87 87 <%= link_to l(:label_news_plural), {:controller => 'projects', :action => 'list_news', :id => @project }, :class => "menuItem" %>
88 88 <%= link_to l(:label_change_log), {:controller => 'projects', :action => 'changelog', :id => @project }, :class => "menuItem" %>
89 89 <%= link_to l(:label_document_plural), {:controller => 'projects', :action => 'list_documents', :id => @project }, :class => "menuItem" %>
90 90 <%= link_to l(:label_member_plural), {:controller => 'projects', :action => 'list_members', :id => @project }, :class => "menuItem" %>
91 91 <%= link_to l(:label_attachment_plural), {:controller => 'projects', :action => 'list_files', :id => @project }, :class => "menuItem" %>
92 92 <%= link_to l(:label_repository), {:controller => 'repositories', :action => 'show', :id => @project}, :class => "menuItem" if @project.repository and !@project.repository.new_record? %>
93 93 <%= link_to_if_authorized l(:label_settings), {:controller => 'projects', :action => 'settings', :id => @project }, :class => "menuItem" %>
94 94 </div>
95 95 <% end %>
96 96
97 97
98 98 <div id="subcontent">
99 99
100 100 <% unless @project.nil? || @project.id.nil? %>
101 101 <h2><%= @project.name %></h2>
102 102 <ul class="menublock">
103 103 <li><%= link_to l(:label_overview), :controller => 'projects', :action => 'show', :id => @project %></li>
104 104 <li><%= link_to l(:label_calendar), :controller => 'projects', :action => 'calendar', :id => @project %></li>
105 105 <li><%= link_to l(:label_gantt), :controller => 'projects', :action => 'gantt', :id => @project %></li>
106 106 <li><%= link_to l(:label_issue_plural), :controller => 'projects', :action => 'list_issues', :id => @project %></li>
107 107 <li><%= link_to l(:label_report_plural), :controller => 'reports', :action => 'issue_report', :id => @project %></li>
108 108 <li><%= link_to l(:label_activity), :controller => 'projects', :action => 'activity', :id => @project %></li>
109 109 <li><%= link_to l(:label_news_plural), :controller => 'projects', :action => 'list_news', :id => @project %></li>
110 110 <li><%= link_to l(:label_change_log), :controller => 'projects', :action => 'changelog', :id => @project %></li>
111 111 <li><%= link_to l(:label_document_plural), :controller => 'projects', :action => 'list_documents', :id => @project %></li>
112 112 <li><%= link_to l(:label_member_plural), :controller => 'projects', :action => 'list_members', :id => @project %></li>
113 113 <li><%= link_to l(:label_attachment_plural), :controller => 'projects', :action => 'list_files', :id => @project %></li>
114 114 <li><%= link_to l(:label_repository), :controller => 'repositories', :action => 'show', :id => @project if @project.repository and !@project.repository.new_record? %></li>
115 115 <li><%= link_to_if_authorized l(:label_settings), :controller => 'projects', :action => 'settings', :id => @project %></li>
116 116 </ul>
117 117 <% end %>
118 118
119 119 <% if loggedin? and @logged_in_user.memberships.length > 0 %>
120 120 <h2><%=l(:label_my_projects) %></h2>
121 121 <ul class="menublock">
122 122 <% for membership in @logged_in_user.memberships %>
123 123 <li><%= link_to membership.project.name, :controller => 'projects', :action => 'show', :id => membership.project %></li>
124 124 <% end %>
125 125 </ul>
126 126 <% end %>
127 127 </div>
128 128
129 129 <div id="content">
130 130 <% if flash[:notice] %><p style="color: green"><%= flash[:notice] %></p><% end %>
131 131 <%= @content_for_layout %>
132 132 </div>
133 133
134 134 <div id="footer">
135 135 <p>
136 136 <%= auto_link $RDM_FOOTER_SIG %> |
137 137 <a href="http://redmine.rubyforge.org/" target="_new"><%= RDM_APP_NAME %></a> <%= RDM_APP_VERSION %>
138 138 </p>
139 139 </div>
140 140
141 141 </div>
142 142 </body>
143 143 </html> No newline at end of file
Show file before | Show file after | Hide comments
@@ -1,242 +1,242
1 1 <div class="contextual">
2 2 <%= l(:label_export_to) %>
3 3 <%= link_to 'PDF', {:zoom => @zoom, :year => @year_from, :month => @month_from, :months => @months, :output => 'pdf'}, :class => 'pic picPdf' %>
4 4 </div>
5 5
6 6 <h2><%= l(:label_gantt) %></h2>
7 7
8 8 <table width="100%">
9 9 <tr>
10 10 <td align="left">
11 11 <%= start_form_tag %>
12 12 <input type="text" name="months" size="2" value="<%= @months %>">
13 13 <%= l(:label_months_from) %>
14 14 <%= select_month(@month_from, :prefix => "month", :discard_type => true) %>
15 15 <%= select_year(@year_from, :prefix => "year", :discard_type => true) %>
16 16 <%= hidden_field_tag 'zoom', @zoom %>
17 17 <%= submit_tag l(:button_submit), :class => "button-small" %>
18 18 <%= end_form_tag %>
19 19 </td>
20 20 <td align="right">
21 21 <%= if @zoom < 4
22 22 link_to image_tag('zoom_in'), {:zoom => (@zoom+1), :year => @year_from, :month => @month_from, :months => @months}
23 23 else
24 24 image_tag 'zoom_in_g'
25 25 end %>
26 26 <%= if @zoom > 1
27 27 link_to image_tag('zoom_out'), :zoom => (@zoom-1), :year => @year_from, :month => @month_from, :months => @months
28 28 else
29 29 image_tag 'zoom_out_g'
30 30 end %>
31 31 </td>
32 32 </tr>
33 33 </table>
34 34 <br />
35 35
36 36 <style>
37 37 .m_bg {
38 38 position:absolute;
39 39 top:0;
40 40 height:16px;
41 41 border-top: 1px solid #c0c0c0;
42 42 border-bottom: 1px solid #c0c0c0;
43 43 border-right: 1px solid #c0c0c0;
44 44 text-align: center;
45 45 overflow: hidden;
46 46 }
47 47
48 48 .task {
49 49 position: absolute;
50 50 height:8px;
51 51 font-size:0.8em;
52 52 color:#888;
53 53 background:#aaa;
54 54 padding:0;
55 55 margin:0;
56 56 line-height:0.8em;
57 57 }
58 58
59 59 .task_late {
60 60 background:#f66;
61 61 }
62 62
63 63 .task_done {
64 64 background:#66f;
65 65 }
66 66 </style>
67 67
68 68 <% zoom = 1
69 69 @zoom.times { zoom = zoom * 2 }
70 70
71 71 subject_width = 260
72 72 header_heigth = 18
73 73
74 74 headers_heigth = header_heigth
75 75 show_weeks = false
76 76 show_days = false
77 77
78 78 if @zoom >1
79 79 show_weeks = true
80 80 headers_heigth = 2*header_heigth
81 81 if @zoom > 2
82 82 show_days = true
83 83 headers_heigth = 3*header_heigth
84 84 end
85 85 end
86 86
87 87 g_width = (@date_to - @date_from + 1)*zoom
88 88 g_height = [(20 * @issues.length + 6), 206].max
89 89 t_height = g_height + headers_heigth
90 90 %>
91 91
92 92 <table width="100%" border=0 cellspacing=0 cellpading=0>
93 93 <tr>
94 94 <td width=260>
95 95
96 96 <div style="position:relative;height:<%= t_height + 24 %>px;width:<%= subject_width + 1 %>px;">
97 <div style="right:-2px;width:<%= subject_width %>px;height:<%= headers_heigth %>px;" class="m_bg"></div>
97 <div style="right:-2px;width:<%= subject_width %>px;height:<%= headers_heigth %>px;background: #eee;" class="m_bg"></div>
98 98 <div style="right:-2px;width:<%= subject_width %>px;height:<%= t_height %>px;border-left: 1px solid #c0c0c0;" class="m_bg"></div>
99 99 <%
100 100 #
101 101 # Tasks subjects
102 102 #
103 103 top = headers_heigth + 8
104 104 @issues.each do |i| %>
105 105 <div style="position: absolute;line-height:1em;height:16px;top:<%= top %>px;left:4px;width:<%= subject_width - 5 %>px;overflow:hidden;">
106 106 <small><%= link_to "#{i.tracker.name} ##{i.id}", { :controller => 'issues', :action => 'show', :id => i }, :title => "#{i.subject}" %>:
107 107 <%=h i.subject.sub(/^(.{30}[^\s]*\s).*$/, '\1 (...)') %></small>
108 108 </div>
109 109 <% top = top + 20
110 110 end %>
111 111 </div>
112 112 </td>
113 113 <td>
114 114
115 115 <div style="position:relative;height:<%= t_height + 24 %>px;width:<%= subject_width %>;overflow:auto;">
116 <div style="width:<%= g_width-1 %>px;height:<%= headers_heigth %>px;" class="m_bg">&nbsp;</div>
116 <div style="width:<%= g_width-1 %>px;height:<%= headers_heigth %>px;background: #eee;" class="m_bg">&nbsp;</div>
117 117 <%
118 118 #
119 119 # Months headers
120 120 #
121 121 month_f = @date_from
122 122 left = 0
123 123 height = (show_weeks ? header_heigth : header_heigth + g_height)
124 124 @months.times do
125 125 width = ((month_f >> 1) - month_f) * zoom - 1
126 126 %>
127 127 <div style="left:<%= left %>px;width:<%= width %>px;height:<%= height %>px;" class="m_bg">
128 <%= link_to "#{month_f.year}-#{month_f.month}", :year => month_f.year, :month => month_f.month, :zoom => @zoom, :months => @months %>
128 <%= link_to "#{month_f.year}-#{month_f.month}", { :year => month_f.year, :month => month_f.month, :zoom => @zoom, :months => @months }, :title => "#{month_name(month_f.month)} #{month_f.year}"%>
129 129 </div>
130 130 <%
131 131 left = left + width + 1
132 132 month_f = month_f >> 1
133 133 end %>
134 134
135 135 <%
136 136 #
137 137 # Weeks headers
138 138 #
139 139 if show_weeks
140 140 left = 0
141 141 height = (show_days ? header_heigth-1 : header_heigth-1 + g_height)
142 142 if @date_from.cwday == 1
143 143 # @date_from is monday
144 144 week_f = @date_from
145 145 else
146 146 # find next monday after @date_from
147 147 week_f = @date_from + (7 - @date_from.cwday + 1)
148 148 width = (7 - @date_from.cwday + 1) * zoom-1
149 149 %>
150 150 <div style="left:<%= left %>px;top:19px;width:<%= width %>px;height:<%= height %>px;" class="m_bg">&nbsp;</div>
151 151 <%
152 152 left = left + width+1
153 153 end %>
154 154 <%
155 155 while week_f <= @date_to
156 156 width = (week_f + 6 <= @date_to) ? 7 * zoom -1 : (@date_to - week_f + 1) * zoom-1
157 157 %>
158 158 <div style="left:<%= left %>px;top:19px;width:<%= width %>px;height:<%= height %>px;" class="m_bg">
159 159 <small><%= week_f.cweek if width >= 16 %></small>
160 160 </div>
161 161 <%
162 162 left = left + width+1
163 163 week_f = week_f+7
164 164 end
165 165 end %>
166 166
167 167 <%
168 168 #
169 169 # Days headers
170 170 #
171 171 if show_days
172 172 left = 0
173 173 height = g_height + header_heigth - 1
174 174 wday = @date_from.cwday
175 175 (@date_to - @date_from + 1).to_i.times do
176 176 width = zoom - 1
177 177 %>
178 178 <div style="left:<%= left %>px;top:37px;width:<%= width %>px;height:<%= height %>px;font-size:0.7em;<%= "background:#f1f1f1;" if wday > 5 %>" class="m_bg">
179 179 <%= day_name(wday)[0,1] %>
180 180 </div>
181 181 <%
182 182 left = left + width+1
183 183 wday = wday + 1
184 184 wday = 1 if wday > 7
185 185 end
186 186 end %>
187 187
188 188 <%
189 189 #
190 190 # Today red line
191 191 #
192 192 if Date.today >= @date_from and Date.today <= @date_to %>
193 193 <div style="position: absolute;height:<%= g_height %>px;top:<%= headers_heigth + 1 %>px;left:<%= ((Date.today-@date_from+1)*zoom).floor()-1 %>px;width:10px;border-left: 1px dashed red;">&nbsp;</div>
194 194 <% end %>
195 195
196 196 <%
197 197 #
198 198 # Tasks
199 199 #
200 200 top = headers_heigth + 12
201 201 @issues.each do |i| %>
202 202 <%
203 203 i_start_date = (i.start_date >= @date_from ? i.start_date : @date_from )
204 204 i_end_date = (i.due_date <= @date_to ? i.due_date : @date_to )
205 205
206 206 i_done_date = i.start_date + ((i.due_date - i.start_date+1)*i.done_ratio/100).floor
207 207 i_done_date = (i_done_date <= @date_from ? @date_from : i_done_date )
208 208 i_done_date = (i_done_date >= @date_to ? @date_to : i_done_date )
209 209
210 210 i_late_date = [i_end_date, Date.today].min if i_start_date < Date.today
211 211
212 212 i_left = ((i_start_date - @date_from)*zoom).floor
213 213 i_width = ((i_end_date - i_start_date + 1)*zoom).floor
214 214 d_width = ((i_done_date - i_start_date)*zoom).floor
215 215 l_width = ((i_late_date - i_start_date+1)*zoom).floor if i_late_date
216 216 l_width ||= 0
217 217 %>
218 218 <div style="top:<%= top %>px;left:<%= i_left %>px;width:<%= i_width %>px;" class="task">&nbsp;</div>
219 219 <% if l_width > 0 %>
220 220 <div style="top:<%= top %>px;left:<%= i_left %>px;width:<%= l_width %>px;" class="task task_late">&nbsp;</div>
221 221 <% end %>
222 222 <% if d_width > 0 %>
223 223 <div style="top:<%= top %>px;left:<%= i_left %>px;width:<%= d_width %>px;" class="task task_done">&nbsp;</div>
224 224 <% end %>
225 225 <div style="top:<%= top %>px;left:<%= i_left + i_width + 5 %>px;background:#fff;" class="task">
226 226 <%= i.status.name %>
227 227 <%= (i.done_ratio).to_i %>%
228 228 </div>
229 229 <% top = top + 20
230 230 end %>
231 231 </div>
232 232 </td>
233 233 </tr>
234 234 </table>
235 235
236 236 <table width="100%">
237 237 <tr>
238 238 <td align="left"><%= link_to ('&#171; ' + l(:label_previous)), :year => (@date_from << @months).year, :month => (@date_from << @months).month, :zoom => @zoom, :months => @months %></td>
239 239 <td>
240 240 <td align="right"><%= link_to (l(:label_next) + ' &#187;'), :year => (@date_from >> @months).year, :month => (@date_from >> @months).month, :zoom => @zoom, :months => @months %></td>
241 241 </tr>
242 242 </table> No newline at end of file
Show file before | Show file after | Hide comments
@@ -1,513 +1,536
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
6 6 #header * {margin:0; padding:0;}
7 7 p, ul, ol, li {margin:0; padding:0;}
8 8
9 9
10 10 body{
11 11 font:76% Verdana,Tahoma,Arial,sans-serif;
12 12 line-height:1.4em;
13 13 text-align:center;
14 14 color:#303030;
15 15 background:#e8eaec;
16 16 margin:0;
17 17 }
18 18
19 19
20 20 a{
21 21 color:#467aa7;
22 22 font-weight:bold;
23 23 text-decoration:none;
24 24 background-color:inherit;
25 25 }
26 26
27 27 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
28 28 a img{border:none;}
29 29
30 30 p{padding:0 0 1em 0;}
31 31 p form{margin-top:0; margin-bottom:20px;}
32 32
33 33 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
34 34 img.left{float:left; margin:0 12px 5px 0;}
35 35 img.center{display:block; margin:0 auto 5px auto;}
36 36 img.right{float:right; margin:0 0 5px 12px;}
37 37
38 38 /**************** Header and navigation styles ****************/
39 39
40 40 #container{
41 41 width:100%;
42 42 min-width: 800px;
43 43 margin:0;
44 44 padding:0;
45 45 text-align:left;
46 46 background:#ffffff;
47 47 color:#303030;
48 48 }
49 49
50 50 #header{
51 51 height:4.5em;
52 52 margin:0;
53 53 background:#467aa7;
54 54 color:#ffffff;
55 55 margin-bottom:1px;
56 56 }
57 57
58 58 #header h1{
59 59 padding:10px 0 0 20px;
60 60 font-size:2em;
61 61 background-color:inherit;
62 62 color:#fff;
63 63 letter-spacing:-1px;
64 64 font-weight:bold;
65 65 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
66 66 }
67 67
68 68 #header h2{
69 69 margin:3px 0 0 40px;
70 70 font-size:1.5em;
71 71 background-color:inherit;
72 72 color:#f0f2f4;
73 73 letter-spacing:-1px;
74 74 font-weight:normal;
75 75 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
76 76 }
77 77
78 78 #navigation{
79 79 height:2.2em;
80 80 line-height:2.2em;
81 81 margin:0;
82 82 background:#578bb8;
83 83 color:#ffffff;
84 84 }
85 85
86 86 #navigation li{
87 87 float:left;
88 88 list-style-type:none;
89 89 border-right:1px solid #ffffff;
90 90 white-space:nowrap;
91 91 }
92 92
93 93 #navigation li.right {
94 94 float:right;
95 95 list-style-type:none;
96 96 border-right:0;
97 97 border-left:1px solid #ffffff;
98 98 white-space:nowrap;
99 99 }
100 100
101 101 #navigation li a{
102 102 display:block;
103 103 padding:0px 10px 0px 22px;
104 104 font-size:0.8em;
105 105 font-weight:normal;
106 106 text-decoration:none;
107 107 background-color:inherit;
108 108 color: #ffffff;
109 109 }
110 110
111 #navigation li.submenu {
112 background:url(../images/arrow_down.png) 96% 80% no-repeat;
113 }
114
115 #navigation li.submenu a {
116 padding:0px 16px 0px 22px;
117 }
118
111 119 * html #navigation a {width:1%;}
112 120
113 121 #navigation .selected,#navigation a:hover{
114 122 color:#ffffff;
115 123 text-decoration:none;
116 124 background-color: #80b0da;
117 125 }
118 126
119 127 /**************** Icons links *******************/
120 128 .picHome { background: url(../images/home.png) no-repeat 4px 50%; }
121 129 .picUser { background: url(../images/user.png) no-repeat 4px 50%; }
122 130 .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; }
123 131 .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; }
124 132 .picProject { background: url(../images/projects.png) no-repeat 4px 50%; }
125 133 .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; }
126 134 .picHelp { background: url(../images/help.png) no-repeat 4px 50%; }
127 135
128 136 .picEdit { background: url(../images/edit.png) no-repeat 4px 50%; }
129 137 .picDelete { background: url(../images/delete.png) no-repeat 4px 50%; }
130 138 .picAdd { background: url(../images/add.png) no-repeat 4px 50%; }
131 139 .picMove { background: url(../images/move.png) no-repeat 4px 50%; }
132 140 .picCheck { background: url(../images/check.png) no-repeat 4px 70%; }
133 141 .picPdf { background: url(../images/pdf.png) no-repeat 4px 50%;}
134 142 .picCsv { background: url(../images/csv.png) no-repeat 4px 50%;}
135 143
136 144 .pic { padding-left: 18px; margin-left: 3px; }
137 145
138 146 .icon {
139 147 background-position: 0% 40%;
140 148 background-repeat: no-repeat;
141 149 padding-left: 20px;
142 150 }
143 151
144 152 .folder { background-image: url(../images/folder.png); }
145 153 .file { background-image: url(../images/file.png); }
146 154 .attachment { background-image: url(../images/attachment.png); }
147 155
148 156 /**************** Content styles ****************/
149 157
150 158 html>body #content {
151 159 height: auto;
152 160 min-height: 500px;
153 161 }
154 162
155 163 #content{
156 164 width: auto;
157 165 height:500px;
158 166 font-size:0.9em;
159 167 padding:20px 10px 10px 20px;
160 168 margin-left: 120px;
161 169 border-left: 1px dashed #c0c0c0;
162 170
163 171 }
164 172
165 173 #content h2{
166 174 display:block;
167 175 margin:0 0 16px 0;
168 176 font-size:1.7em;
169 177 font-weight:normal;
170 178 letter-spacing:-1px;
171 179 color:#606060;
172 180 background-color:inherit;
173 181 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
174 182 }
175 183
176 184 #content h2 a{font-weight:normal;}
177 185 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
178 186 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
179 187 #content a:hover,#subcontent a:hover{text-decoration:underline;}
180 188 #content ul,#content ol{margin:0 5px 16px 35px;}
181 189 #content dl{margin:0 5px 10px 25px;}
182 190 #content dt{font-weight:bold; margin-bottom:5px;}
183 191 #content dd{margin:0 0 10px 15px;}
184 192
185 193
186 194 /***********************************************/
187 195
188 196 form {
189 197 display: inline;
190 198 }
191 199
192 200 blockquote {
193 201 padding-left: 6px;
194 202 border-left: 2px solid #ccc;
195 203 }
196 204
197 205 input, select {
198 206 vertical-align: middle;
199 207 }
200 208
201 209 input.button-small
202 210 {
203 211 font-size: 0.8em;
204 212 }
205 213
206 214 .select-small
207 215 {
208 216 font-size: 0.8em;
209 217 }
210 218
211 219 label {
212 220 font-weight: bold;
213 221 font-size: 1em;
214 222 }
215 223
216 224 fieldset {
217 225 border:1px solid #c0c0c0;
218 226 padding: 6px;
219 227 }
220 228
221 229 legend {
222 230 color: #505050;
223 231
224 232 }
225 233
226 234 .required {
227 235 color: #bb0000;
228 236 }
229 237
230 238 .odd {
231 239 background-color:#f6f7f8;
232 240 }
233 241 .even {
234 242 background-color: #fff;
235 243 }
236 244
237 245 hr { border:none; border-bottom: dotted 1px #c0c0c0; }
238 246
239 247 div.square {
240 248 border: 1px solid #999;
241 249 float: left;
242 250 margin: .4em .5em 0 0;
243 251 overflow: hidden;
244 252 width: .6em; height: .6em;
245 253 }
246 254
247 255 table p {
248 256 margin:0;
249 257 padding:0;
250 258 }
251 259
260 ul.documents {
261 list-style-type: none;
262 padding: 0;
263 margin: 0;
264 }
265
266 ul.documents li {
267 background-image: url(../images/file.png);
268 background-repeat: no-repeat;
269 background-position: 0 .4em;
270 padding-left: 20px;
271 margin-bottom: 10px;
272 margin-left: -37px;
273 }
274
252 275 /********** Table used to display lists of things ***********/
253 276
254 277 table.list {
255 278 width:100%;
256 279 border-collapse: collapse;
257 280 border: 1px dotted #d0d0d0;
258 281 margin-bottom: 6px;
259 282 }
260 283
261 284 table.with-cells td {
262 285 border: 1px solid #d7d7d7;
263 286 }
264 287
265 288 table.list thead th {
266 289 text-align: center;
267 290 background: #eee;
268 291 border: 1px solid #d7d7d7;
269 292 color: #777;
270 293 }
271 294
272 295 table.list tbody th {
273 296 font-weight: normal;
274 297 background: #eed;
275 298 border: 1px solid #d7d7d7;
276 299 }
277 300
278 301 /********** Validation error messages *************/
279 302 #errorExplanation {
280 303 width: 400px;
281 304 border: 0;
282 305 padding: 7px;
283 306 padding-bottom: 3px;
284 307 margin-bottom: 0px;
285 308 }
286 309
287 310 #errorExplanation h2 {
288 311 text-align: left;
289 312 font-weight: bold;
290 313 padding: 5px 5px 10px 26px;
291 314 font-size: 1em;
292 315 margin: -7px;
293 316 background: url(../images/alert.png) no-repeat 6px 6px;
294 317 }
295 318
296 319 #errorExplanation p {
297 320 color: #333;
298 321 margin-bottom: 0;
299 322 padding: 5px;
300 323 }
301 324
302 325 #errorExplanation ul li {
303 326 font-size: 1em;
304 327 list-style: none;
305 328 margin-left: -16px;
306 329 }
307 330
308 331 /*========== Drop down menu ==============*/
309 332 div.menu {
310 333 background-color: #FFFFFF;
311 334 border-style: solid;
312 335 border-width: 1px;
313 336 border-color: #7F9DB9;
314 337 position: absolute;
315 338 top: 0px;
316 339 left: 0px;
317 340 padding: 0;
318 341 visibility: hidden;
319 342 z-index: 101;
320 343 }
321 344
322 345 div.menu a.menuItem {
323 346 font-size: 10px;
324 347 font-weight: normal;
325 348 line-height: 2em;
326 349 color: #000000;
327 350 background-color: #FFFFFF;
328 351 cursor: default;
329 352 display: block;
330 353 padding: 0 1em;
331 354 margin: 0;
332 355 border: 0;
333 356 text-decoration: none;
334 357 white-space: nowrap;
335 358 }
336 359
337 360 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
338 361 background-color: #80b0da;
339 362 color: #ffffff;
340 363 }
341 364
342 365 div.menu a.menuItem span.menuItemText {}
343 366
344 367 div.menu a.menuItem span.menuItemArrow {
345 368 margin-right: -.75em;
346 369 }
347 370
348 371 /**************** Sidebar styles ****************/
349 372
350 373 #subcontent{
351 374 position: absolute;
352 375 left: 0px;
353 376 width:110px;
354 377 padding:20px 20px 10px 5px;
355 378 }
356 379
357 380 #subcontent h2{
358 381 display:block;
359 382 margin:0 0 5px 0;
360 383 font-size:1.0em;
361 384 font-weight:bold;
362 385 text-align:left;
363 386 color:#606060;
364 387 background-color:inherit;
365 388 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
366 389 }
367 390
368 391 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
369 392
370 393 /**************** Menublock styles ****************/
371 394
372 395 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
373 396 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
374 397 .menublock li a{font-weight:bold; text-decoration:none;}
375 398 .menublock li a:hover{text-decoration:none;}
376 399 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
377 400 .menublock li ul li{margin-bottom:0;}
378 401 .menublock li ul a{font-weight:normal;}
379 402
380 403 /**************** Footer styles ****************/
381 404
382 405 #footer{
383 406 clear:both;
384 407 padding:5px 0;
385 408 margin:0;
386 409 font-size:0.9em;
387 410 color:#f0f0f0;
388 411 background:#467aa7;
389 412 }
390 413
391 414 #footer p{padding:0; margin:0; text-align:center;}
392 415 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
393 416 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
394 417
395 418 /**************** Misc classes and styles ****************/
396 419
397 420 .splitcontentleft{float:left; width:49%;}
398 421 .splitcontentright{float:right; width:49%;}
399 422 .clear{clear:both;}
400 423 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
401 424 .hide{display:none;}
402 425 .textcenter{text-align:center;}
403 426 .textright{text-align:right;}
404 427 .important{color:#f02025; background-color:inherit; font-weight:bold;}
405 428
406 429 .box{
407 430 margin:0 0 20px 0;
408 431 padding:10px;
409 432 border:1px solid #c0c0c0;
410 433 background-color:#fafbfc;
411 434 color:#505050;
412 435 line-height:1.5em;
413 436 }
414 437
415 438 a.close-icon {
416 439 display:block;
417 440 margin-top:3px;
418 441 overflow:hidden;
419 442 width:12px;
420 443 height:12px;
421 444 background-repeat: no-repeat;
422 445 cursor:pointer;
423 446 background-image:url('../images/close.png');
424 447 }
425 448
426 449 a.close-icon:hover {
427 450 background-image:url('../images/close_hl.png');
428 451 }
429 452
430 453 .rightbox{
431 454 background: #fafbfc;
432 455 border: 1px solid #c0c0c0;
433 456 float: right;
434 457 padding: 8px;
435 458 position: relative;
436 459 margin: 0 5px 5px;
437 460 }
438 461
439 462 .layout-active {
440 463 background: #ECF3E1;
441 464 }
442 465
443 466 .block-receiver {
444 467 border:1px dashed #c0c0c0;
445 468 margin-bottom: 20px;
446 469 padding: 15px 0 15px 0;
447 470 }
448 471
449 472 .mypage-box {
450 473 margin:0 0 20px 0;
451 474 color:#505050;
452 475 line-height:1.5em;
453 476 }
454 477
455 478 .handle {
456 479 cursor: move;
457 480 }
458 481
459 482 .login {
460 483 width: 50%;
461 484 text-align: left;
462 485 }
463 486
464 487 img.calendar-trigger {
465 488 cursor: pointer;
466 489 vertical-align: middle;
467 490 margin-left: 4px;
468 491 }
469 492
470 493 #history p {
471 494 margin-left: 34px;
472 495 }
473 496
474 497 /***** Contextual links div *****/
475 498 .contextual {
476 499 float: right;
477 500 font-size: 0.8em;
478 501 }
479 502
480 503 .contextual select, .contextual input {
481 504 font-size: 1em;
482 505 }
483 506
484 507
485 508 /***** CSS FORM ******/
486 509 .tabular p{
487 510 margin: 0;
488 511 padding: 5px 0 8px 0;
489 512 padding-left: 180px; /*width of left column containing the label elements*/
490 513 height: 1%;
491 514 }
492 515
493 516 .tabular label{
494 517 font-weight: bold;
495 518 float: left;
496 519 margin-left: -180px; /*width of left column*/
497 520 width: 175px; /*width of labels. Should be smaller than left column to create some right
498 521 margin*/
499 522 }
500 523
501 524 .error {
502 525 color: #cc0000;
503 526 }
504 527
505 528
506 529 /*.threepxfix class below:
507 530 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
508 531 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
509 532 */
510 533
511 534 * html .threepxfix{
512 535 margin-left: 3px;
513 536 } No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now