##// END OF EJS Templates
Added icon on external wiki links...
Jean-Philippe Lang -
r594:efbe29249c49
parent child
Show More
1 NO CONTENT: new file 100644, binary diff hidden
@@ -1,290 +1,290
1 1 # redMine - project management software
2 2 # Copyright (C) 2006-2007 Jean-Philippe Lang
3 3 #
4 4 # This program is free software; you can redistribute it and/or
5 5 # modify it under the terms of the GNU General Public License
6 6 # as published by the Free Software Foundation; either version 2
7 7 # of the License, or (at your option) any later version.
8 8 #
9 9 # This program is distributed in the hope that it will be useful,
10 10 # but WITHOUT ANY WARRANTY; without even the implied warranty of
11 11 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 12 # GNU General Public License for more details.
13 13 #
14 14 # You should have received a copy of the GNU General Public License
15 15 # along with this program; if not, write to the Free Software
16 16 # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
17 17
18 18 class RedCloth
19 19 # Patch for RedCloth. Fixed in RedCloth r128 but _why hasn't released it yet.
20 20 # <a href="http://code.whytheluckystiff.net/redcloth/changeset/128">http://code.whytheluckystiff.net/redcloth/changeset/128</a>
21 21 def hard_break( text )
22 22 text.gsub!( /(.)\n(?!\n|\Z| *([#*=]+(\s|$)|[{|]))/, "\\1<br />" ) if hard_breaks
23 23 end
24 24 end
25 25
26 26 module ApplicationHelper
27 27
28 28 # Return current logged in user or nil
29 29 def loggedin?
30 30 @logged_in_user
31 31 end
32 32
33 33 # Return true if user is logged in and is admin, otherwise false
34 34 def admin_loggedin?
35 35 @logged_in_user and @logged_in_user.admin?
36 36 end
37 37
38 38 # Return true if user is authorized for controller/action, otherwise false
39 39 def authorize_for(controller, action)
40 40 # check if action is allowed on public projects
41 41 if @project.is_public? and Permission.allowed_to_public "%s/%s" % [ controller, action ]
42 42 return true
43 43 end
44 44 # check if user is authorized
45 45 if @logged_in_user and (@logged_in_user.admin? or Permission.allowed_to_role( "%s/%s" % [ controller, action ], @logged_in_user.role_for_project(@project) ) )
46 46 return true
47 47 end
48 48 return false
49 49 end
50 50
51 51 # Display a link if user is authorized
52 52 def link_to_if_authorized(name, options = {}, html_options = nil, *parameters_for_method_reference)
53 53 link_to(name, options, html_options, *parameters_for_method_reference) if authorize_for(options[:controller], options[:action])
54 54 end
55 55
56 56 # Display a link to user's account page
57 57 def link_to_user(user)
58 58 link_to user.name, :controller => 'account', :action => 'show', :id => user
59 59 end
60 60
61 61 def link_to_issue(issue)
62 62 link_to "#{issue.tracker.name} ##{issue.id}", :controller => "issues", :action => "show", :id => issue
63 63 end
64 64
65 65 def toggle_link(name, id, options={})
66 66 onclick = "Element.toggle('#{id}'); "
67 67 onclick << (options[:focus] ? "Form.Element.focus('#{options[:focus]}'); " : "this.blur(); ")
68 68 onclick << "return false;"
69 69 link_to(name, "#", :onclick => onclick)
70 70 end
71 71
72 72 def image_to_function(name, function, html_options = {})
73 73 html_options.symbolize_keys!
74 74 tag(:input, html_options.merge({
75 75 :type => "image", :src => image_path(name),
76 76 :onclick => (html_options[:onclick] ? "#{html_options[:onclick]}; " : "") + "#{function};"
77 77 }))
78 78 end
79 79
80 80 def format_date(date)
81 81 return nil unless date
82 82 @date_format_setting ||= Setting.date_format.to_i
83 83 @date_format_setting == 0 ? l_date(date) : date.strftime("%Y-%m-%d")
84 84 end
85 85
86 86 def format_time(time)
87 87 return nil unless time
88 88 @date_format_setting ||= Setting.date_format.to_i
89 89 time = time.to_time if time.is_a?(String)
90 90 @date_format_setting == 0 ? l_datetime(time) : (time.strftime("%Y-%m-%d") + ' ' + l_time(time))
91 91 end
92 92
93 93 def day_name(day)
94 94 l(:general_day_names).split(',')[day-1]
95 95 end
96 96
97 97 def month_name(month)
98 98 l(:actionview_datehelper_select_month_names).split(',')[month-1]
99 99 end
100 100
101 101 def pagination_links_full(paginator, options={}, html_options={})
102 102 page_param = options.delete(:page_param) || :page
103 103
104 104 html = ''
105 105 html << link_to_remote(('&#171; ' + l(:label_previous)),
106 106 {:update => "content", :url => options.merge(page_param => paginator.current.previous)},
107 107 {:href => url_for(:params => options.merge(page_param => paginator.current.previous))}) + ' ' if paginator.current.previous
108 108
109 109 html << (pagination_links_each(paginator, options) do |n|
110 110 link_to_remote(n.to_s,
111 111 {:url => {:params => options.merge(page_param => n)}, :update => 'content'},
112 112 {:href => url_for(:params => options.merge(page_param => n))})
113 113 end || '')
114 114
115 115 html << ' ' + link_to_remote((l(:label_next) + ' &#187;'),
116 116 {:update => "content", :url => options.merge(page_param => paginator.current.next)},
117 117 {:href => url_for(:params => options.merge(page_param => paginator.current.next))}) if paginator.current.next
118 118 html
119 119 end
120 120
121 121 # textilize text according to system settings and RedCloth availability
122 122 def textilizable(text, options = {})
123 123 return "" if text.blank?
124 124
125 125 # different methods for formatting wiki links
126 126 case options[:wiki_links]
127 127 when :local
128 128 # used for local links to html files
129 129 format_wiki_link = Proc.new {|title| "#{title}.html" }
130 130 when :anchor
131 131 # used for single-file wiki export
132 132 format_wiki_link = Proc.new {|title| "##{title}" }
133 133 else
134 134 if @project
135 135 format_wiki_link = Proc.new {|title| url_for :controller => 'wiki', :action => 'index', :id => @project, :page => title }
136 136 else
137 137 format_wiki_link = Proc.new {|title| title }
138 138 end
139 139 end
140 140
141 141 # turn wiki links into textile links:
142 142 # example:
143 143 # [[link]] -> "link":link
144 144 # [[link|title]] -> "title":link
145 text = text.gsub(/\[\[([^\]\|]+)(\|([^\]\|]+))?\]\]/) {|m| "\"#{$3 || $1}\":" + format_wiki_link.call(Wiki.titleize($1)) }
145 text = text.gsub(/\[\[([^\]\|]+)(\|([^\]\|]+))?\]\]/) {|m| link_to(($3 || $1), format_wiki_link.call(Wiki.titleize($1)), :class => 'wiki-page') }
146 146
147 147 # turn issue ids into links
148 148 # example:
149 149 # #52 -> <a href="/issues/show/52">#52</a>
150 text = text.gsub(/#(\d+)(?=\b)/) {|m| link_to "##{$1}", :controller => 'issues', :action => 'show', :id => $1}
150 text = text.gsub(/#(\d+)(?=\b)/) {|m| link_to "##{$1}", {:controller => 'issues', :action => 'show', :id => $1}, :class => 'issue' }
151 151
152 152 # turn revision ids into links (@project needed)
153 153 # example:
154 154 # r52 -> <a href="/repositories/revision/6?rev=52">r52</a> (@project.id is 6)
155 text = text.gsub(/(?=\b)r(\d+)(?=\b)/) {|m| link_to "r#{$1}", :controller => 'repositories', :action => 'revision', :id => @project.id, :rev => $1} if @project
155 text = text.gsub(/(?=\b)r(\d+)(?=\b)/) {|m| link_to "r#{$1}", {:controller => 'repositories', :action => 'revision', :id => @project.id, :rev => $1}, :class => 'changeset' } if @project
156 156
157 157 # when using an image link, try to use an attachment, if possible
158 158 attachments = options[:attachments]
159 159 if attachments
160 160 text = text.gsub(/!([<>=]*)(\S+\.(gif|jpg|jpeg|png))!/) do |m|
161 161 align = $1
162 162 filename = $2
163 163 rf = Regexp.new(filename, Regexp::IGNORECASE)
164 164 # search for the picture in attachments
165 165 if found = attachments.detect { |att| att.filename =~ rf }
166 166 image_url = url_for :controller => 'attachments', :action => 'show', :id => found.id
167 167 "!#{align}#{image_url}!"
168 168 else
169 169 "!#{align}#{filename}!"
170 170 end
171 171 end
172 172 end
173 173
174 174 # finally textilize text
175 175 @do_textilize ||= (Setting.text_formatting == 'textile') && (ActionView::Helpers::TextHelper.method_defined? "textilize")
176 176 text = @do_textilize ? auto_link(RedCloth.new(text, [:hard_breaks]).to_html) : simple_format(auto_link(h(text)))
177 177 end
178 178
179 179 # Same as Rails' simple_format helper without using paragraphs
180 180 def simple_format_without_paragraph(text)
181 181 text.to_s.
182 182 gsub(/\r\n?/, "\n"). # \r\n and \r -> \n
183 183 gsub(/\n\n+/, "<br /><br />"). # 2+ newline -> 2 br
184 184 gsub(/([^\n]\n)(?=[^\n])/, '\1<br />') # 1 newline -> br
185 185 end
186 186
187 187 def error_messages_for(object_name, options = {})
188 188 options = options.symbolize_keys
189 189 object = instance_variable_get("@#{object_name}")
190 190 if object && !object.errors.empty?
191 191 # build full_messages here with controller current language
192 192 full_messages = []
193 193 object.errors.each do |attr, msg|
194 194 next if msg.nil?
195 195 msg = msg.first if msg.is_a? Array
196 196 if attr == "base"
197 197 full_messages << l(msg)
198 198 else
199 199 full_messages << "&#171; " + (l_has_string?("field_" + attr) ? l("field_" + attr) : object.class.human_attribute_name(attr)) + " &#187; " + l(msg) unless attr == "custom_values"
200 200 end
201 201 end
202 202 # retrieve custom values error messages
203 203 if object.errors[:custom_values]
204 204 object.custom_values.each do |v|
205 205 v.errors.each do |attr, msg|
206 206 next if msg.nil?
207 207 msg = msg.first if msg.is_a? Array
208 208 full_messages << "&#171; " + v.custom_field.name + " &#187; " + l(msg)
209 209 end
210 210 end
211 211 end
212 212 content_tag("div",
213 213 content_tag(
214 214 options[:header_tag] || "h2", lwr(:gui_validation_error, full_messages.length) + " :"
215 215 ) +
216 216 content_tag("ul", full_messages.collect { |msg| content_tag("li", msg) }),
217 217 "id" => options[:id] || "errorExplanation", "class" => options[:class] || "errorExplanation"
218 218 )
219 219 else
220 220 ""
221 221 end
222 222 end
223 223
224 224 def lang_options_for_select(blank=true)
225 225 (blank ? [["(auto)", ""]] : []) +
226 226 GLoc.valid_languages.collect{|lang| [ ll(lang.to_s, :general_lang_name), lang.to_s]}.sort{|x,y| x.first <=> y.first }
227 227 end
228 228
229 229 def label_tag_for(name, option_tags = nil, options = {})
230 230 label_text = l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym) + (options.delete(:required) ? @template.content_tag("span", " *", :class => "required"): "")
231 231 content_tag("label", label_text)
232 232 end
233 233
234 234 def labelled_tabular_form_for(name, object, options, &proc)
235 235 options[:html] ||= {}
236 236 options[:html].store :class, "tabular"
237 237 form_for(name, object, options.merge({ :builder => TabularFormBuilder, :lang => current_language}), &proc)
238 238 end
239 239
240 240 def check_all_links(form_name)
241 241 link_to_function(l(:button_check_all), "checkAll('#{form_name}', true)") +
242 242 " | " +
243 243 link_to_function(l(:button_uncheck_all), "checkAll('#{form_name}', false)")
244 244 end
245 245
246 246 def calendar_for(field_id)
247 247 image_tag("calendar.png", {:id => "#{field_id}_trigger",:class => "calendar-trigger"}) +
248 248 javascript_tag("Calendar.setup({inputField : '#{field_id}', ifFormat : '%Y-%m-%d', button : '#{field_id}_trigger' });")
249 249 end
250 250
251 251 def wikitoolbar_for(field_id)
252 252 return '' unless Setting.text_formatting == 'textile'
253 253 javascript_include_tag('jstoolbar') + javascript_tag("var toolbar = new jsToolBar($('#{field_id}')); toolbar.draw();")
254 254 end
255 255 end
256 256
257 257 class TabularFormBuilder < ActionView::Helpers::FormBuilder
258 258 include GLoc
259 259
260 260 def initialize(object_name, object, template, options, proc)
261 261 set_language_if_valid options.delete(:lang)
262 262 @object_name, @object, @template, @options, @proc = object_name, object, template, options, proc
263 263 end
264 264
265 265 (field_helpers - %w(radio_button hidden_field) + %w(date_select)).each do |selector|
266 266 src = <<-END_SRC
267 267 def #{selector}(field, options = {})
268 268 return super if options.delete :no_label
269 269 label_text = l(options[:label]) if options[:label]
270 270 label_text ||= l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym)
271 271 label_text << @template.content_tag("span", " *", :class => "required") if options.delete(:required)
272 272 label = @template.content_tag("label", label_text,
273 273 :class => (@object && @object.errors[field] ? "error" : nil),
274 274 :for => (@object_name.to_s + "_" + field.to_s))
275 275 label + super
276 276 end
277 277 END_SRC
278 278 class_eval src, __FILE__, __LINE__
279 279 end
280 280
281 281 def select(field, choices, options = {}, html_options = {})
282 282 label_text = l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym) + (options.delete(:required) ? @template.content_tag("span", " *", :class => "required"): "")
283 283 label = @template.content_tag("label", label_text,
284 284 :class => (@object && @object.errors[field] ? "error" : nil),
285 285 :for => (@object_name.to_s + "_" + field.to_s))
286 286 label + super
287 287 end
288 288
289 289 end
290 290
@@ -1,685 +1,697
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 165 .icon-reload { background-image: url(../images/reload.png); }
166 166 .icon-lock { background-image: url(../images/locked.png); }
167 167 .icon-unlock { background-image: url(../images/unlock.png); }
168 168
169 169 .icon22-projects { background-image: url(../images/22x22/projects.png); }
170 170 .icon22-users { background-image: url(../images/22x22/users.png); }
171 171 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
172 172 .icon22-role { background-image: url(../images/22x22/role.png); }
173 173 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
174 174 .icon22-options { background-image: url(../images/22x22/options.png); }
175 175 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
176 176 .icon22-authent { background-image: url(../images/22x22/authent.png); }
177 177 .icon22-info { background-image: url(../images/22x22/info.png); }
178 178 .icon22-comment { background-image: url(../images/22x22/comment.png); }
179 179 .icon22-package { background-image: url(../images/22x22/package.png); }
180 180 .icon22-settings { background-image: url(../images/22x22/settings.png); }
181 181
182 182 /**************** Content styles ****************/
183 183
184 184 html>body #content {
185 185 height: auto;
186 186 min-height: 500px;
187 187 }
188 188
189 189 #content{
190 190 width: auto;
191 191 height:500px;
192 192 font-size:0.9em;
193 193 padding:20px 10px 10px 20px;
194 194 margin-left: 120px;
195 195 border-left: 1px dashed #c0c0c0;
196 196
197 197 }
198 198
199 199 #content h2, #content div.wiki h1 {
200 200 display:block;
201 201 margin:0 0 16px 0;
202 202 font-size:1.7em;
203 203 font-weight:normal;
204 204 letter-spacing:-1px;
205 205 color:#606060;
206 206 background-color:inherit;
207 207 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
208 208 }
209 209
210 210 #content h2 a{font-weight:normal;}
211 211 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
212 212 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
213 213 #content a:hover,#subcontent a:hover{text-decoration:underline;}
214 214 #content ul,#content ol{margin:0 5px 16px 35px;}
215 215 #content dl{margin:0 5px 10px 25px;}
216 216 #content dt{font-weight:bold; margin-bottom:5px;}
217 217 #content dd{margin:0 0 10px 15px;}
218 218
219 219 #content .tabs{height: 2.6em;}
220 220 #content .tabs ul{margin:0;}
221 221 #content .tabs ul li{
222 222 float:left;
223 223 list-style-type:none;
224 224 white-space:nowrap;
225 225 margin-right:8px;
226 226 background:#fff;
227 227 }
228 228 #content .tabs ul li a{
229 229 display:block;
230 230 font-size: 0.9em;
231 231 text-decoration:none;
232 232 line-height:1em;
233 233 padding:4px;
234 234 border: 1px solid #c0c0c0;
235 235 }
236 236
237 237 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
238 238 background-color: #80b0da;
239 239 border: 1px solid #80b0da;
240 240 color: #fff;
241 241 text-decoration:none;
242 242 }
243 243
244 244 /***********************************************/
245 245
246 246 form {display: inline;}
247 247 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
248 248 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
249 249
250 250 input.button-small {font-size: 0.8em;}
251 251 textarea.wiki-edit { width: 99.5%; }
252 252 .select-small {font-size: 0.8em;}
253 253 label {font-weight: bold; font-size: 1em; color: #505050;}
254 254 fieldset {border:1px solid #c0c0c0; padding: 6px;}
255 255 legend {color: #505050;}
256 256 .required {color: #bb0000;}
257 257 .odd {background-color:#f6f7f8;}
258 258 .even {background-color: #fff;}
259 259 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
260 260 table p {margin:0; padding:0;}
261 261
262 262 .highlight { background-color: #FCFD8D;}
263 263
264 264 div.square {
265 265 border: 1px solid #999;
266 266 float: left;
267 267 margin: .4em .5em 0 0;
268 268 overflow: hidden;
269 269 width: .6em; height: .6em;
270 270 }
271 271
272 272 ul.documents {
273 273 list-style-type: none;
274 274 padding: 0;
275 275 margin: 0;
276 276 }
277 277
278 278 ul.documents li {
279 279 background-image: url(../images/32x32/file.png);
280 280 background-repeat: no-repeat;
281 281 background-position: 0 1px;
282 282 padding-left: 36px;
283 283 margin-bottom: 10px;
284 284 margin-left: -37px;
285 285 }
286 286
287 287 /********** Table used to display lists of things ***********/
288 288
289 289 table.list {
290 290 width:100%;
291 291 border-collapse: collapse;
292 292 border: 1px dotted #d0d0d0;
293 293 margin-bottom: 6px;
294 294 }
295 295
296 296 table.with-cells td {
297 297 border: 1px solid #d7d7d7;
298 298 }
299 299
300 300 table.list td {
301 301 padding:2px;
302 302 }
303 303
304 304 table.list thead th {
305 305 text-align: center;
306 306 background: #eee;
307 307 border: 1px solid #d7d7d7;
308 308 color: #777;
309 309 }
310 310
311 311 table.list tbody th {
312 312 font-weight: bold;
313 313 background: #eed;
314 314 border: 1px solid #d7d7d7;
315 315 color: #777;
316 316 }
317 317
318 318 /********** Validation error messages *************/
319 319 #errorExplanation {
320 320 width: 400px;
321 321 border: 0;
322 322 padding: 7px;
323 323 padding-bottom: 3px;
324 324 margin-bottom: 0px;
325 325 }
326 326
327 327 #errorExplanation h2 {
328 328 text-align: left;
329 329 font-weight: bold;
330 330 padding: 5px 5px 10px 26px;
331 331 font-size: 1em;
332 332 margin: -7px;
333 333 background: url(../images/alert.png) no-repeat 6px 6px;
334 334 }
335 335
336 336 #errorExplanation p {
337 337 color: #333;
338 338 margin-bottom: 0;
339 339 padding: 5px;
340 340 }
341 341
342 342 #errorExplanation ul li {
343 343 font-size: 1em;
344 344 list-style: none;
345 345 margin-left: -16px;
346 346 }
347 347
348 348 /*========== Drop down menu ==============*/
349 349 div.menu {
350 350 background-color: #FFFFFF;
351 351 border-style: solid;
352 352 border-width: 1px;
353 353 border-color: #7F9DB9;
354 354 position: absolute;
355 355 top: 0px;
356 356 left: 0px;
357 357 padding: 0;
358 358 visibility: hidden;
359 359 z-index: 101;
360 360 }
361 361
362 362 div.menu a.menuItem {
363 363 font-size: 10px;
364 364 font-weight: normal;
365 365 line-height: 2em;
366 366 color: #000000;
367 367 background-color: #FFFFFF;
368 368 cursor: default;
369 369 display: block;
370 370 padding: 0 1em;
371 371 margin: 0;
372 372 border: 0;
373 373 text-decoration: none;
374 374 white-space: nowrap;
375 375 }
376 376
377 377 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
378 378 background-color: #80b0da;
379 379 color: #ffffff;
380 380 }
381 381
382 382 div.menu a.menuItem span.menuItemText {}
383 383
384 384 div.menu a.menuItem span.menuItemArrow {
385 385 margin-right: -.75em;
386 386 }
387 387
388 388 /**************** Sidebar styles ****************/
389 389
390 390 #subcontent{
391 391 position: absolute;
392 392 left: 0px;
393 393 width:95px;
394 394 padding:20px 20px 10px 5px;
395 395 overflow: hidden;
396 396 }
397 397
398 398 #subcontent h2{
399 399 display:block;
400 400 margin:0 0 5px 0;
401 401 font-size:1.0em;
402 402 font-weight:bold;
403 403 text-align:left;
404 404 color:#606060;
405 405 background-color:inherit;
406 406 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
407 407 }
408 408
409 409 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
410 410
411 411 /**************** Menublock styles ****************/
412 412
413 413 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
414 414 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
415 415 .menublock li a{font-weight:bold; text-decoration:none;}
416 416 .menublock li a:hover{text-decoration:none;}
417 417 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
418 418 .menublock li ul li{margin-bottom:0;}
419 419 .menublock li ul a{font-weight:normal;}
420 420
421 421 /**************** Footer styles ****************/
422 422
423 423 #footer{
424 424 clear:both;
425 425 padding:5px 0;
426 426 margin:0;
427 427 font-size:0.9em;
428 428 color:#f0f0f0;
429 429 background:#467aa7;
430 430 }
431 431
432 432 #footer p{padding:0; margin:0; text-align:center;}
433 433 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
434 434 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
435 435
436 436 /**************** Misc classes and styles ****************/
437 437
438 438 .splitcontentleft{float:left; width:49%;}
439 439 .splitcontentright{float:right; width:49%;}
440 440 .clear{clear:both;}
441 441 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
442 442 .hide{display:none;}
443 443 .textcenter{text-align:center;}
444 444 .textright{text-align:right;}
445 445 .important{color:#f02025; background-color:inherit; font-weight:bold;}
446 446
447 447 .box{
448 448 margin:0 0 20px 0;
449 449 padding:10px;
450 450 border:1px solid #c0c0c0;
451 451 background-color:#fafbfc;
452 452 color:#505050;
453 453 line-height:1.5em;
454 454 }
455 455
456 456 a.close-icon {
457 457 display:block;
458 458 margin-top:3px;
459 459 overflow:hidden;
460 460 width:12px;
461 461 height:12px;
462 462 background-repeat: no-repeat;
463 463 cursor:pointer;
464 464 background-image:url('../images/close.png');
465 465 }
466 466
467 467 a.close-icon:hover {
468 468 background-image:url('../images/close_hl.png');
469 469 }
470 470
471 471 .rightbox{
472 472 background: #fafbfc;
473 473 border: 1px solid #c0c0c0;
474 474 float: right;
475 475 padding: 8px;
476 476 position: relative;
477 477 margin: 0 5px 5px;
478 478 }
479 479
480 480 div.attachments {padding-left: 6px; border-left: 2px solid #ccc; margin-bottom: 8px;}
481 481 div.attachments p {margin-bottom:2px;}
482 482
483 483 .overlay{
484 484 position: absolute;
485 485 margin-left:0;
486 486 z-index: 50;
487 487 }
488 488
489 489 .layout-active {
490 490 background: #ECF3E1;
491 491 }
492 492
493 493 .block-receiver {
494 494 border:1px dashed #c0c0c0;
495 495 margin-bottom: 20px;
496 496 padding: 15px 0 15px 0;
497 497 }
498 498
499 499 .mypage-box {
500 500 margin:0 0 20px 0;
501 501 color:#505050;
502 502 line-height:1.5em;
503 503 }
504 504
505 505 .handle {
506 506 cursor: move;
507 507 }
508 508
509 509 .login {
510 510 width: 50%;
511 511 text-align: left;
512 512 }
513 513
514 514 img.calendar-trigger {
515 515 cursor: pointer;
516 516 vertical-align: middle;
517 517 margin-left: 4px;
518 518 }
519 519
520 520 #history p {
521 521 margin-left: 34px;
522 522 }
523 523
524 524 .progress {
525 525 border: 1px solid #D7D7D7;
526 526 border-collapse: collapse;
527 527 border-spacing: 0pt;
528 528 empty-cells: show;
529 529 padding: 3px;
530 530 width: 40em;
531 531 text-align: center;
532 532 }
533 533
534 534 .progress td { height: 1em; }
535 535 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
536 536 .progress .open { background: #FFF none repeat scroll 0%; }
537 537
538 538 /***** Contextual links div *****/
539 539 .contextual {
540 540 float: right;
541 541 font-size: 0.8em;
542 542 line-height: 16px;
543 543 padding: 2px;
544 544 }
545 545
546 546 .contextual select, .contextual input {
547 547 font-size: 1em;
548 548 }
549 549
550 550 /***** Gantt chart *****/
551 551 .gantt_hdr {
552 552 position:absolute;
553 553 top:0;
554 554 height:16px;
555 555 border-top: 1px solid #c0c0c0;
556 556 border-bottom: 1px solid #c0c0c0;
557 557 border-right: 1px solid #c0c0c0;
558 558 text-align: center;
559 559 overflow: hidden;
560 560 }
561 561
562 562 .task {
563 563 position: absolute;
564 564 height:8px;
565 565 font-size:0.8em;
566 566 color:#888;
567 567 padding:0;
568 568 margin:0;
569 569 line-height:0.8em;
570 570 }
571 571
572 572 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
573 573 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
574 574 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
575 575 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
576 576
577 577 /***** Tooltips ******/
578 578 .tooltip{position:relative;z-index:24;}
579 579 .tooltip:hover{z-index:25;color:#000;}
580 580 .tooltip span.tip{display: none; text-align:left;}
581 581
582 582 div.tooltip:hover span.tip{
583 583 display:block;
584 584 position:absolute;
585 585 top:12px; left:24px; width:270px;
586 586 border:1px solid #555;
587 587 background-color:#fff;
588 588 padding: 4px;
589 589 font-size: 0.8em;
590 590 color:#505050;
591 591 }
592 592
593 593 /***** CSS FORM ******/
594 594 .tabular p{
595 595 margin: 0;
596 596 padding: 5px 0 8px 0;
597 597 padding-left: 180px; /*width of left column containing the label elements*/
598 598 height: 1%;
599 599 }
600 600
601 601 .tabular label{
602 602 font-weight: bold;
603 603 float: left;
604 604 margin-left: -180px; /*width of left column*/
605 605 width: 175px; /*width of labels. Should be smaller than left column to create some right
606 606 margin*/
607 607 }
608 608
609 609 .error {
610 610 color: #cc0000;
611 611 }
612 612
613 613 #settings .tabular p{ padding-left: 300px; }
614 614 #settings .tabular label{ margin-left: -300px; width: 295px; }
615 615
616 616 /*.threepxfix class below:
617 617 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
618 618 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
619 619 */
620 620
621 621 * html .threepxfix{
622 622 margin-left: 3px;
623 623 }
624 624
625 625 /***** Wiki sections ****/
626 626 #content div.wiki { font-size: 110%}
627 627
628 628 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
629 629 #content div.wiki h2 { font-size: 1.4em;}
630 630 #content div.wiki h3 { font-size: 1.2em;}
631 631
632 632 div.wiki table {
633 633 border: 1px solid #505050;
634 634 border-collapse: collapse;
635 635 }
636 636
637 637 div.wiki table, div.wiki td {
638 638 border: 1px solid #bbb;
639 639 padding: 4px;
640 640 }
641 641
642 div.wiki a {
643 background-position: 0% 60%;
644 background-repeat: no-repeat;
645 padding-left: 12px;
646 background-image: url(../images/external.png);
647 }
648
649 div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset {
650 padding-left: 0;
651 background-image: none;
652 }
653
642 654 div.wiki code {
643 655 font-size: 1.2em;
644 656 }
645 657
646 658 div.wiki img {
647 659 margin: 6px;
648 660 }
649 661
650 662 .diff_out{
651 663 background: #fcc;
652 664 }
653 665
654 666 .diff_in{
655 667 background: #cfc;
656 668 }
657 669
658 670 #preview .preview { background: #fafbfc url(../images/draft.png); }
659 671
660 672 #ajax-indicator {
661 673 position: absolute; /* fixed not supported by IE */
662 674 background-color:#eee;
663 675 border: 1px solid #bbb;
664 676 top:35%;
665 677 left:40%;
666 678 width:20%;
667 679 font-weight:bold;
668 680 text-align:center;
669 681 padding:0.6em;
670 682 z-index:100;
671 683 filter:alpha(opacity=50);
672 684 -moz-opacity:0.5;
673 685 opacity: 0.5;
674 686 -khtml-opacity: 0.5;
675 687 }
676 688
677 689 html>body #ajax-indicator { position: fixed; }
678 690
679 691 #ajax-indicator span {
680 692 background-position: 0% 40%;
681 693 background-repeat: no-repeat;
682 694 background-image: url(../images/loading.gif);
683 695 padding-left: 26px;
684 696 vertical-align: bottom;
685 697 }
General Comments 0
You need to be logged in to leave comments. Login now