##// END OF EJS Templates
jro_apps » redmine
RSS
Added automatic table of content support on wiki pages, based on h1., h2. and h3. headings....
Jean-Philippe Lang -
r707:f3364b9dce6f
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,95 +1,122
1 require 'redcloth'
1 require 'redcloth'
2 require 'coderay'
2 require 'coderay'
3
3
4 module Redmine
4 module Redmine
5 module WikiFormatting
5 module WikiFormatting
6
6
7 private
7 private
8
8
9 class TextileFormatter < RedCloth
9 class TextileFormatter < RedCloth
10 RULES = [:inline_auto_link, :inline_auto_mailto, :textile ]
10 RULES = [:inline_auto_link, :inline_auto_mailto, :textile, :inline_toc]
11
11
12 def initialize(*args)
12 def initialize(*args)
13 super
13 super
14 self.hard_breaks=true
14 self.hard_breaks=true
15 end
15 end
16
16
17 def to_html
17 def to_html
18 @toc = []
18 super(*RULES).to_s
19 super(*RULES).to_s
19 end
20 end
20
21
21 private
22 private
22
23
23 # Patch for RedCloth. Fixed in RedCloth r128 but _why hasn't released it yet.
24 # Patch for RedCloth. Fixed in RedCloth r128 but _why hasn't released it yet.
24 # <a href="http://code.whytheluckystiff.net/redcloth/changeset/128">http://code.whytheluckystiff.net/redcloth/changeset/128</a>
25 # <a href="http://code.whytheluckystiff.net/redcloth/changeset/128">http://code.whytheluckystiff.net/redcloth/changeset/128</a>
25 def hard_break( text )
26 def hard_break( text )
26 text.gsub!( /(.)\n(?!\n|\Z| *([#*=]+(\s|$)|[{|]))/, "\\1<br />" ) if hard_breaks
27 text.gsub!( /(.)\n(?!\n|\Z| *([#*=]+(\s|$)|[{|]))/, "\\1<br />" ) if hard_breaks
27 end
28 end
28
29
29 # Patch to add code highlighting support to RedCloth
30 # Patch to add code highlighting support to RedCloth
30 def smooth_offtags( text )
31 def smooth_offtags( text )
31 unless @pre_list.empty?
32 unless @pre_list.empty?
32 ## replace <pre> content
33 ## replace <pre> content
33 text.gsub!(/<redpre#(\d+)>/) do
34 text.gsub!(/<redpre#(\d+)>/) do
34 content = @pre_list[$1.to_i]
35 content = @pre_list[$1.to_i]
35 if content.match(/<code\s+class="(\w+)">\s?(.+)/m)
36 if content.match(/<code\s+class="(\w+)">\s?(.+)/m)
36 content = "<code class=\"#{$1} CodeRay\">" +
37 content = "<code class=\"#{$1} CodeRay\">" +
37 CodeRay.scan($2, $1).html(:escape => false, :line_numbers => :inline)
38 CodeRay.scan($2, $1).html(:escape => false, :line_numbers => :inline)
38 end
39 end
39 content
40 content
40 end
41 end
41 end
42 end
42 end
43 end
43
44
45 # Patch to add 'table of content' support to RedCloth
46 def textile_p_withtoc(tag, atts, cite, content)
47 if tag =~ /^h(\d)$/
48 @toc << [$1.to_i, content]
49 end
50 content = "<a name=\"#{@toc.length}-#{content}\" class=\"wiki-page\"></a>" + content
51 textile_p(tag, atts, cite, content)
52 end
53
54 alias :textile_h1 :textile_p_withtoc
55 alias :textile_h2 :textile_p_withtoc
56 alias :textile_h3 :textile_p_withtoc
57
58 def inline_toc(text)
59 text.gsub!(/<p>\{\{(<>?)toc\}\}<\/p>/i) do
60 div_class = 'toc'
61 div_class << ' right' if $1 == '>'
62 out = "<div class=\"#{div_class}\">"
63 @toc.each_with_index do |heading, index|
64 out << "<a href=\"##{index+1}-#{heading.last}\" class=\"heading#{heading.first}\">#{heading.last}</a>"
65 end
66 out << '</div>'
67 out
68 end
69 end
70
44 AUTO_LINK_RE = %r{
71 AUTO_LINK_RE = %r{
45 ( # leading text
72 ( # leading text
46 <\w+.*?>| # leading HTML tag, or
73 <\w+.*?>| # leading HTML tag, or
47 [^=<>!:'"/]| # leading punctuation, or
74 [^=<>!:'"/]| # leading punctuation, or
48 ^ # beginning of line
75 ^ # beginning of line
49 )
76 )
50 (
77 (
51 (?:https?://)| # protocol spec, or
78 (?:https?://)| # protocol spec, or
52 (?:www\.) # www.*
79 (?:www\.) # www.*
53 )
80 )
54 (
81 (
55 [-\w]+ # subdomain or domain
82 [-\w]+ # subdomain or domain
56 (?:\.[-\w]+)* # remaining subdomains or domain
83 (?:\.[-\w]+)* # remaining subdomains or domain
57 (?::\d+)? # port
84 (?::\d+)? # port
58 (?:/(?:(?:[~\w\+%-]|(?:[,.;:][^\s$]))+)?)* # path
85 (?:/(?:(?:[~\w\+%-]|(?:[,.;:][^\s$]))+)?)* # path
59 (?:\?[\w\+%&=.;-]+)? # query string
86 (?:\?[\w\+%&=.;-]+)? # query string
60 (?:\#[\w\-]*)? # trailing anchor
87 (?:\#[\w\-]*)? # trailing anchor
61 )
88 )
62 ([[:punct:]]|\s|<|$) # trailing text
89 ([[:punct:]]|\s|<|$) # trailing text
63 }x unless const_defined?(:AUTO_LINK_RE)
90 }x unless const_defined?(:AUTO_LINK_RE)
64
91
65 # Turns all urls into clickable links (code from Rails).
92 # Turns all urls into clickable links (code from Rails).
66 def inline_auto_link(text)
93 def inline_auto_link(text)
67 text.gsub!(AUTO_LINK_RE) do
94 text.gsub!(AUTO_LINK_RE) do
68 all, a, b, c, d = $&, $1, $2, $3, $4
95 all, a, b, c, d = $&, $1, $2, $3, $4
69 if a =~ /<a\s/i || a =~ /![<>=]?/
96 if a =~ /<a\s/i || a =~ /![<>=]?/
70 # don't replace URL's that are already linked
97 # don't replace URL's that are already linked
71 # and URL's prefixed with ! !> !< != (textile images)
98 # and URL's prefixed with ! !> !< != (textile images)
72 all
99 all
73 else
100 else
74 text = b + c
101 text = b + c
75 %(#{a}<a href="#{b=="www."?"http://www.":b}#{c}">#{text}</a>#{d})
102 %(#{a}<a href="#{b=="www."?"http://www.":b}#{c}">#{text}</a>#{d})
76 end
103 end
77 end
104 end
78 end
105 end
79
106
80 # Turns all email addresses into clickable links (code from Rails).
107 # Turns all email addresses into clickable links (code from Rails).
81 def inline_auto_mailto(text)
108 def inline_auto_mailto(text)
82 text.gsub!(/([\w\.!#\$%\-+.]+@[A-Za-z0-9\-]+(\.[A-Za-z0-9\-]+)+)/) do
109 text.gsub!(/([\w\.!#\$%\-+.]+@[A-Za-z0-9\-]+(\.[A-Za-z0-9\-]+)+)/) do
83 text = $1
110 text = $1
84 %{<a href="mailto:#{$1}" class="email">#{text}</a>}
111 %{<a href="mailto:#{$1}" class="email">#{text}</a>}
85 end
112 end
86 end
113 end
87 end
114 end
88
115
89 public
116 public
90
117
91 def self.to_html(text, options = {})
118 def self.to_html(text, options = {})
92 TextileFormatter.new(text).to_html
119 TextileFormatter.new(text).to_html
93 end
120 end
94 end
121 end
95 end
122 end
Show file before | Show file after | Hide comments
@@ -1,706 +1,734
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-image { background-image: url(../images/image.png); }
145 .icon-image { background-image: url(../images/image.png); }
146 .icon-txt { background-image: url(../images/txt.png); }
146 .icon-txt { background-image: url(../images/txt.png); }
147 .icon-file { background-image: url(../images/file.png); }
147 .icon-file { background-image: url(../images/file.png); }
148 .icon-folder { background-image: url(../images/folder.png); }
148 .icon-folder { background-image: url(../images/folder.png); }
149 .icon-package { background-image: url(../images/package.png); }
149 .icon-package { background-image: url(../images/package.png); }
150 .icon-home { background-image: url(../images/home.png); }
150 .icon-home { background-image: url(../images/home.png); }
151 .icon-user { background-image: url(../images/user.png); }
151 .icon-user { background-image: url(../images/user.png); }
152 .icon-mypage { background-image: url(../images/user_page.png); }
152 .icon-mypage { background-image: url(../images/user_page.png); }
153 .icon-admin { background-image: url(../images/admin.png); }
153 .icon-admin { background-image: url(../images/admin.png); }
154 .icon-projects { background-image: url(../images/projects.png); }
154 .icon-projects { background-image: url(../images/projects.png); }
155 .icon-logout { background-image: url(../images/logout.png); }
155 .icon-logout { background-image: url(../images/logout.png); }
156 .icon-help { background-image: url(../images/help.png); }
156 .icon-help { background-image: url(../images/help.png); }
157 .icon-attachment { background-image: url(../images/attachment.png); }
157 .icon-attachment { background-image: url(../images/attachment.png); }
158 .icon-index { background-image: url(../images/index.png); }
158 .icon-index { background-image: url(../images/index.png); }
159 .icon-history { background-image: url(../images/history.png); }
159 .icon-history { background-image: url(../images/history.png); }
160 .icon-feed { background-image: url(../images/feed.png); }
160 .icon-feed { background-image: url(../images/feed.png); }
161 .icon-time { background-image: url(../images/time.png); }
161 .icon-time { background-image: url(../images/time.png); }
162 .icon-stats { background-image: url(../images/stats.png); }
162 .icon-stats { background-image: url(../images/stats.png); }
163 .icon-warning { background-image: url(../images/warning.png); }
163 .icon-warning { background-image: url(../images/warning.png); }
164 .icon-fav { background-image: url(../images/fav.png); }
164 .icon-fav { background-image: url(../images/fav.png); }
165 .icon-fav-off { background-image: url(../images/fav_off.png); }
165 .icon-fav-off { background-image: url(../images/fav_off.png); }
166 .icon-reload { background-image: url(../images/reload.png); }
166 .icon-reload { background-image: url(../images/reload.png); }
167 .icon-lock { background-image: url(../images/locked.png); }
167 .icon-lock { background-image: url(../images/locked.png); }
168 .icon-unlock { background-image: url(../images/unlock.png); }
168 .icon-unlock { background-image: url(../images/unlock.png); }
169
169
170 .icon22-projects { background-image: url(../images/22x22/projects.png); }
170 .icon22-projects { background-image: url(../images/22x22/projects.png); }
171 .icon22-users { background-image: url(../images/22x22/users.png); }
171 .icon22-users { background-image: url(../images/22x22/users.png); }
172 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
172 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
173 .icon22-role { background-image: url(../images/22x22/role.png); }
173 .icon22-role { background-image: url(../images/22x22/role.png); }
174 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
174 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
175 .icon22-options { background-image: url(../images/22x22/options.png); }
175 .icon22-options { background-image: url(../images/22x22/options.png); }
176 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
176 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
177 .icon22-authent { background-image: url(../images/22x22/authent.png); }
177 .icon22-authent { background-image: url(../images/22x22/authent.png); }
178 .icon22-info { background-image: url(../images/22x22/info.png); }
178 .icon22-info { background-image: url(../images/22x22/info.png); }
179 .icon22-comment { background-image: url(../images/22x22/comment.png); }
179 .icon22-comment { background-image: url(../images/22x22/comment.png); }
180 .icon22-package { background-image: url(../images/22x22/package.png); }
180 .icon22-package { background-image: url(../images/22x22/package.png); }
181 .icon22-settings { background-image: url(../images/22x22/settings.png); }
181 .icon22-settings { background-image: url(../images/22x22/settings.png); }
182
182
183 /**************** Content styles ****************/
183 /**************** Content styles ****************/
184
184
185 html>body #content {
185 html>body #content {
186 height: auto;
186 height: auto;
187 min-height: 500px;
187 min-height: 500px;
188 }
188 }
189
189
190 #content{
190 #content{
191 width: auto;
191 width: auto;
192 height:500px;
192 height:500px;
193 font-size:0.9em;
193 font-size:0.9em;
194 padding:20px 10px 10px 20px;
194 padding:20px 10px 10px 20px;
195 margin-left: 120px;
195 margin-left: 120px;
196 border-left: 1px dashed #c0c0c0;
196 border-left: 1px dashed #c0c0c0;
197
197
198 }
198 }
199
199
200 #content h2, #content div.wiki h1 {
200 #content h2, #content div.wiki h1 {
201 display:block;
201 display:block;
202 margin:0 0 16px 0;
202 margin:0 0 16px 0;
203 font-size:1.7em;
203 font-size:1.7em;
204 font-weight:normal;
204 font-weight:normal;
205 letter-spacing:-1px;
205 letter-spacing:-1px;
206 color:#606060;
206 color:#606060;
207 background-color:inherit;
207 background-color:inherit;
208 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
208 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
209 }
209 }
210
210
211 #content h2 a{font-weight:normal;}
211 #content h2 a{font-weight:normal;}
212 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
212 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
213 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
213 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
214 #content a:hover,#subcontent a:hover{text-decoration:underline;}
214 #content a:hover,#subcontent a:hover{text-decoration:underline;}
215 #content ul,#content ol{margin:0 5px 16px 35px;}
215 #content ul,#content ol{margin:0 5px 16px 35px;}
216 #content dl{margin:0 5px 10px 25px;}
216 #content dl{margin:0 5px 10px 25px;}
217 #content dt{font-weight:bold; margin-bottom:5px;}
217 #content dt{font-weight:bold; margin-bottom:5px;}
218 #content dd{margin:0 0 10px 15px;}
218 #content dd{margin:0 0 10px 15px;}
219
219
220 #content .tabs{height: 2.6em;}
220 #content .tabs{height: 2.6em;}
221 #content .tabs ul{margin:0;}
221 #content .tabs ul{margin:0;}
222 #content .tabs ul li{
222 #content .tabs ul li{
223 float:left;
223 float:left;
224 list-style-type:none;
224 list-style-type:none;
225 white-space:nowrap;
225 white-space:nowrap;
226 margin-right:8px;
226 margin-right:8px;
227 background:#fff;
227 background:#fff;
228 }
228 }
229 #content .tabs ul li a{
229 #content .tabs ul li a{
230 display:block;
230 display:block;
231 font-size: 0.9em;
231 font-size: 0.9em;
232 text-decoration:none;
232 text-decoration:none;
233 line-height:1em;
233 line-height:1em;
234 padding:4px;
234 padding:4px;
235 border: 1px solid #c0c0c0;
235 border: 1px solid #c0c0c0;
236 }
236 }
237
237
238 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
238 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
239 background-color: #80b0da;
239 background-color: #80b0da;
240 border: 1px solid #80b0da;
240 border: 1px solid #80b0da;
241 color: #fff;
241 color: #fff;
242 text-decoration:none;
242 text-decoration:none;
243 }
243 }
244
244
245 /***********************************************/
245 /***********************************************/
246
246
247 form {display: inline;}
247 form {display: inline;}
248 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
248 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
249 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
249 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
250
250
251 input.button-small {font-size: 0.8em;}
251 input.button-small {font-size: 0.8em;}
252 textarea.wiki-edit { width: 99.5%; }
252 textarea.wiki-edit { width: 99.5%; }
253 .select-small {font-size: 0.8em;}
253 .select-small {font-size: 0.8em;}
254 label {font-weight: bold; font-size: 1em; color: #505050;}
254 label {font-weight: bold; font-size: 1em; color: #505050;}
255 fieldset {border:1px solid #c0c0c0; padding: 6px;}
255 fieldset {border:1px solid #c0c0c0; padding: 6px;}
256 legend {color: #505050;}
256 legend {color: #505050;}
257 .required {color: #bb0000;}
257 .required {color: #bb0000;}
258 .odd {background-color:#f6f7f8;}
258 .odd {background-color:#f6f7f8;}
259 .even {background-color: #fff;}
259 .even {background-color: #fff;}
260 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
260 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
261 table p {margin:0; padding:0;}
261 table p {margin:0; padding:0;}
262
262
263 .highlight { background-color: #FCFD8D;}
263 .highlight { background-color: #FCFD8D;}
264
264
265 div.square {
265 div.square {
266 border: 1px solid #999;
266 border: 1px solid #999;
267 float: left;
267 float: left;
268 margin: .4em .5em 0 0;
268 margin: .4em .5em 0 0;
269 overflow: hidden;
269 overflow: hidden;
270 width: .6em; height: .6em;
270 width: .6em; height: .6em;
271 }
271 }
272
272
273 ul.documents {
273 ul.documents {
274 list-style-type: none;
274 list-style-type: none;
275 padding: 0;
275 padding: 0;
276 margin: 0;
276 margin: 0;
277 }
277 }
278
278
279 ul.documents li {
279 ul.documents li {
280 background-image: url(../images/32x32/file.png);
280 background-image: url(../images/32x32/file.png);
281 background-repeat: no-repeat;
281 background-repeat: no-repeat;
282 background-position: 0 1px;
282 background-position: 0 1px;
283 padding-left: 36px;
283 padding-left: 36px;
284 margin-bottom: 10px;
284 margin-bottom: 10px;
285 margin-left: -37px;
285 margin-left: -37px;
286 }
286 }
287
287
288 /********** Table used to display lists of things ***********/
288 /********** Table used to display lists of things ***********/
289
289
290 table.list {
290 table.list {
291 width:100%;
291 width:100%;
292 border-collapse: collapse;
292 border-collapse: collapse;
293 border: 1px dotted #d0d0d0;
293 border: 1px dotted #d0d0d0;
294 margin-bottom: 6px;
294 margin-bottom: 6px;
295 }
295 }
296
296
297 table.with-cells td {
297 table.with-cells td {
298 border: 1px solid #d7d7d7;
298 border: 1px solid #d7d7d7;
299 }
299 }
300
300
301 table.list td {
301 table.list td {
302 padding:2px;
302 padding:2px;
303 }
303 }
304
304
305 table.list thead th {
305 table.list thead th {
306 text-align: center;
306 text-align: center;
307 background: #eee;
307 background: #eee;
308 border: 1px solid #d7d7d7;
308 border: 1px solid #d7d7d7;
309 color: #777;
309 color: #777;
310 }
310 }
311
311
312 table.list tbody th {
312 table.list tbody th {
313 font-weight: bold;
313 font-weight: bold;
314 background: #eed;
314 background: #eed;
315 border: 1px solid #d7d7d7;
315 border: 1px solid #d7d7d7;
316 color: #777;
316 color: #777;
317 }
317 }
318
318
319 /*========== Drop down menu ==============*/
319 /*========== Drop down menu ==============*/
320 div.menu {
320 div.menu {
321 background-color: #FFFFFF;
321 background-color: #FFFFFF;
322 border-style: solid;
322 border-style: solid;
323 border-width: 1px;
323 border-width: 1px;
324 border-color: #7F9DB9;
324 border-color: #7F9DB9;
325 position: absolute;
325 position: absolute;
326 top: 0px;
326 top: 0px;
327 left: 0px;
327 left: 0px;
328 padding: 0;
328 padding: 0;
329 visibility: hidden;
329 visibility: hidden;
330 z-index: 101;
330 z-index: 101;
331 }
331 }
332
332
333 div.menu a.menuItem {
333 div.menu a.menuItem {
334 font-size: 10px;
334 font-size: 10px;
335 font-weight: normal;
335 font-weight: normal;
336 line-height: 2em;
336 line-height: 2em;
337 color: #000000;
337 color: #000000;
338 background-color: #FFFFFF;
338 background-color: #FFFFFF;
339 cursor: default;
339 cursor: default;
340 display: block;
340 display: block;
341 padding: 0 1em;
341 padding: 0 1em;
342 margin: 0;
342 margin: 0;
343 border: 0;
343 border: 0;
344 text-decoration: none;
344 text-decoration: none;
345 white-space: nowrap;
345 white-space: nowrap;
346 }
346 }
347
347
348 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
348 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
349 background-color: #80b0da;
349 background-color: #80b0da;
350 color: #ffffff;
350 color: #ffffff;
351 }
351 }
352
352
353 div.menu a.menuItem span.menuItemText {}
353 div.menu a.menuItem span.menuItemText {}
354
354
355 div.menu a.menuItem span.menuItemArrow {
355 div.menu a.menuItem span.menuItemArrow {
356 margin-right: -.75em;
356 margin-right: -.75em;
357 }
357 }
358
358
359 /**************** Sidebar styles ****************/
359 /**************** Sidebar styles ****************/
360
360
361 #subcontent{
361 #subcontent{
362 position: absolute;
362 position: absolute;
363 left: 0px;
363 left: 0px;
364 width:95px;
364 width:95px;
365 padding:20px 20px 10px 5px;
365 padding:20px 20px 10px 5px;
366 overflow: hidden;
366 overflow: hidden;
367 }
367 }
368
368
369 #subcontent h2{
369 #subcontent h2{
370 display:block;
370 display:block;
371 margin:0 0 5px 0;
371 margin:0 0 5px 0;
372 font-size:1.0em;
372 font-size:1.0em;
373 font-weight:bold;
373 font-weight:bold;
374 text-align:left;
374 text-align:left;
375 color:#606060;
375 color:#606060;
376 background-color:inherit;
376 background-color:inherit;
377 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
377 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
378 }
378 }
379
379
380 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
380 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
381
381
382 /**************** Menublock styles ****************/
382 /**************** Menublock styles ****************/
383
383
384 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
384 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
385 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
385 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
386 .menublock li a{font-weight:bold; text-decoration:none;}
386 .menublock li a{font-weight:bold; text-decoration:none;}
387 .menublock li a:hover{text-decoration:none;}
387 .menublock li a:hover{text-decoration:none;}
388 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
388 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
389 .menublock li ul li{margin-bottom:0;}
389 .menublock li ul li{margin-bottom:0;}
390 .menublock li ul a{font-weight:normal;}
390 .menublock li ul a{font-weight:normal;}
391
391
392 /**************** Footer styles ****************/
392 /**************** Footer styles ****************/
393
393
394 #footer{
394 #footer{
395 clear:both;
395 clear:both;
396 padding:5px 0;
396 padding:5px 0;
397 margin:0;
397 margin:0;
398 font-size:0.9em;
398 font-size:0.9em;
399 color:#f0f0f0;
399 color:#f0f0f0;
400 background:#467aa7;
400 background:#467aa7;
401 }
401 }
402
402
403 #footer p{padding:0; margin:0; text-align:center;}
403 #footer p{padding:0; margin:0; text-align:center;}
404 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
404 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
405 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
405 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
406
406
407 /**************** Misc classes and styles ****************/
407 /**************** Misc classes and styles ****************/
408
408
409 .splitcontentleft{float:left; width:49%;}
409 .splitcontentleft{float:left; width:49%;}
410 .splitcontentright{float:right; width:49%;}
410 .splitcontentright{float:right; width:49%;}
411 .clear{clear:both;}
411 .clear{clear:both;}
412 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
412 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
413 .hide{display:none;}
413 .hide{display:none;}
414 .textcenter{text-align:center;}
414 .textcenter{text-align:center;}
415 .textright{text-align:right;}
415 .textright{text-align:right;}
416 .important{color:#f02025; background-color:inherit; font-weight:bold;}
416 .important{color:#f02025; background-color:inherit; font-weight:bold;}
417
417
418 .box{
418 .box{
419 margin:0 0 20px 0;
419 margin:0 0 20px 0;
420 padding:10px;
420 padding:10px;
421 border:1px solid #c0c0c0;
421 border:1px solid #c0c0c0;
422 background-color:#fafbfc;
422 background-color:#fafbfc;
423 color:#505050;
423 color:#505050;
424 line-height:1.5em;
424 line-height:1.5em;
425 }
425 }
426
426
427 a.close-icon {
427 a.close-icon {
428 display:block;
428 display:block;
429 margin-top:3px;
429 margin-top:3px;
430 overflow:hidden;
430 overflow:hidden;
431 width:12px;
431 width:12px;
432 height:12px;
432 height:12px;
433 background-repeat: no-repeat;
433 background-repeat: no-repeat;
434 cursor:pointer;
434 cursor:pointer;
435 background-image:url('../images/close.png');
435 background-image:url('../images/close.png');
436 }
436 }
437
437
438 a.close-icon:hover {
438 a.close-icon:hover {
439 background-image:url('../images/close_hl.png');
439 background-image:url('../images/close_hl.png');
440 }
440 }
441
441
442 .rightbox{
442 .rightbox{
443 background: #fafbfc;
443 background: #fafbfc;
444 border: 1px solid #c0c0c0;
444 border: 1px solid #c0c0c0;
445 float: right;
445 float: right;
446 padding: 8px;
446 padding: 8px;
447 position: relative;
447 position: relative;
448 margin: 0 5px 5px;
448 margin: 0 5px 5px;
449 }
449 }
450
450
451 div.attachments {padding-left: 6px; border-left: 2px solid #ccc; margin-bottom: 8px;}
451 div.attachments {padding-left: 6px; border-left: 2px solid #ccc; margin-bottom: 8px;}
452 div.attachments p {margin-bottom:2px;}
452 div.attachments p {margin-bottom:2px;}
453
453
454 .overlay{
454 .overlay{
455 position: absolute;
455 position: absolute;
456 margin-left:0;
456 margin-left:0;
457 z-index: 50;
457 z-index: 50;
458 }
458 }
459
459
460 .layout-active {
460 .layout-active {
461 background: #ECF3E1;
461 background: #ECF3E1;
462 }
462 }
463
463
464 .block-receiver {
464 .block-receiver {
465 border:1px dashed #c0c0c0;
465 border:1px dashed #c0c0c0;
466 margin-bottom: 20px;
466 margin-bottom: 20px;
467 padding: 15px 0 15px 0;
467 padding: 15px 0 15px 0;
468 }
468 }
469
469
470 .mypage-box {
470 .mypage-box {
471 margin:0 0 20px 0;
471 margin:0 0 20px 0;
472 color:#505050;
472 color:#505050;
473 line-height:1.5em;
473 line-height:1.5em;
474 }
474 }
475
475
476 .handle {
476 .handle {
477 cursor: move;
477 cursor: move;
478 }
478 }
479
479
480 .login {
480 .login {
481 width: 50%;
481 width: 50%;
482 text-align: left;
482 text-align: left;
483 }
483 }
484
484
485 img.calendar-trigger {
485 img.calendar-trigger {
486 cursor: pointer;
486 cursor: pointer;
487 vertical-align: middle;
487 vertical-align: middle;
488 margin-left: 4px;
488 margin-left: 4px;
489 }
489 }
490
490
491 #history p {
491 #history p {
492 margin-left: 34px;
492 margin-left: 34px;
493 }
493 }
494
494
495 .progress {
495 .progress {
496 border: 1px solid #D7D7D7;
496 border: 1px solid #D7D7D7;
497 border-collapse: collapse;
497 border-collapse: collapse;
498 border-spacing: 0pt;
498 border-spacing: 0pt;
499 empty-cells: show;
499 empty-cells: show;
500 padding: 3px;
500 padding: 3px;
501 width: 40em;
501 width: 40em;
502 text-align: center;
502 text-align: center;
503 }
503 }
504
504
505 .progress td { height: 1em; }
505 .progress td { height: 1em; }
506 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
506 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
507 .progress .open { background: #FFF none repeat scroll 0%; }
507 .progress .open { background: #FFF none repeat scroll 0%; }
508
508
509 /***** Contextual links div *****/
509 /***** Contextual links div *****/
510 .contextual {
510 .contextual {
511 float: right;
511 float: right;
512 font-size: 0.8em;
512 font-size: 0.8em;
513 line-height: 16px;
513 line-height: 16px;
514 padding: 2px;
514 padding: 2px;
515 }
515 }
516
516
517 .contextual select, .contextual input {
517 .contextual select, .contextual input {
518 font-size: 1em;
518 font-size: 1em;
519 }
519 }
520
520
521 /***** Gantt chart *****/
521 /***** Gantt chart *****/
522 .gantt_hdr {
522 .gantt_hdr {
523 position:absolute;
523 position:absolute;
524 top:0;
524 top:0;
525 height:16px;
525 height:16px;
526 border-top: 1px solid #c0c0c0;
526 border-top: 1px solid #c0c0c0;
527 border-bottom: 1px solid #c0c0c0;
527 border-bottom: 1px solid #c0c0c0;
528 border-right: 1px solid #c0c0c0;
528 border-right: 1px solid #c0c0c0;
529 text-align: center;
529 text-align: center;
530 overflow: hidden;
530 overflow: hidden;
531 }
531 }
532
532
533 .task {
533 .task {
534 position: absolute;
534 position: absolute;
535 height:8px;
535 height:8px;
536 font-size:0.8em;
536 font-size:0.8em;
537 color:#888;
537 color:#888;
538 padding:0;
538 padding:0;
539 margin:0;
539 margin:0;
540 line-height:0.8em;
540 line-height:0.8em;
541 }
541 }
542
542
543 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
543 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
544 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
544 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
545 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
545 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
546 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
546 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
547
547
548 /***** Tooltips ******/
548 /***** Tooltips ******/
549 .tooltip{position:relative;z-index:24;}
549 .tooltip{position:relative;z-index:24;}
550 .tooltip:hover{z-index:25;color:#000;}
550 .tooltip:hover{z-index:25;color:#000;}
551 .tooltip span.tip{display: none; text-align:left;}
551 .tooltip span.tip{display: none; text-align:left;}
552
552
553 div.tooltip:hover span.tip{
553 div.tooltip:hover span.tip{
554 display:block;
554 display:block;
555 position:absolute;
555 position:absolute;
556 top:12px; left:24px; width:270px;
556 top:12px; left:24px; width:270px;
557 border:1px solid #555;
557 border:1px solid #555;
558 background-color:#fff;
558 background-color:#fff;
559 padding: 4px;
559 padding: 4px;
560 font-size: 0.8em;
560 font-size: 0.8em;
561 color:#505050;
561 color:#505050;
562 }
562 }
563
563
564 /***** CSS FORM ******/
564 /***** CSS FORM ******/
565 .tabular p{
565 .tabular p{
566 margin: 0;
566 margin: 0;
567 padding: 5px 0 8px 0;
567 padding: 5px 0 8px 0;
568 padding-left: 180px; /*width of left column containing the label elements*/
568 padding-left: 180px; /*width of left column containing the label elements*/
569 height: 1%;
569 height: 1%;
570 clear:both;
570 clear:both;
571 }
571 }
572
572
573 .tabular label{
573 .tabular label{
574 font-weight: bold;
574 font-weight: bold;
575 float: left;
575 float: left;
576 margin-left: -180px; /*width of left column*/
576 margin-left: -180px; /*width of left column*/
577 margin-bottom: 10px;
577 margin-bottom: 10px;
578 width: 175px; /*width of labels. Should be smaller than left column to create some right
578 width: 175px; /*width of labels. Should be smaller than left column to create some right
579 margin*/
579 margin*/
580 }
580 }
581
581
582 .error {
582 .error {
583 color: #cc0000;
583 color: #cc0000;
584 }
584 }
585
585
586 #settings .tabular p{ padding-left: 300px; }
586 #settings .tabular p{ padding-left: 300px; }
587 #settings .tabular label{ margin-left: -300px; width: 295px; }
587 #settings .tabular label{ margin-left: -300px; width: 295px; }
588
588
589 /*.threepxfix class below:
589 /*.threepxfix class below:
590 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
590 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
591 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
591 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
592 */
592 */
593
593
594 * html .threepxfix{
594 * html .threepxfix{
595 margin-left: 3px;
595 margin-left: 3px;
596 }
596 }
597
597
598 /***** Wiki sections ****/
598 /***** Wiki sections ****/
599 #content div.wiki { font-size: 110%}
599 #content div.wiki { font-size: 110%}
600
600
601 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
601 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
602 #content div.wiki h2 { font-size: 1.4em;}
602 #content div.wiki h2 { font-size: 1.4em;}
603 #content div.wiki h3 { font-size: 1.2em;}
603 #content div.wiki h3 { font-size: 1.2em;}
604
604
605 div.wiki table {
605 div.wiki table {
606 border: 1px solid #505050;
606 border: 1px solid #505050;
607 border-collapse: collapse;
607 border-collapse: collapse;
608 }
608 }
609
609
610 div.wiki table, div.wiki td, div.wiki th {
610 div.wiki table, div.wiki td, div.wiki th {
611 border: 1px solid #bbb;
611 border: 1px solid #bbb;
612 padding: 4px;
612 padding: 4px;
613 }
613 }
614
614
615 div.wiki a {
615 div.wiki a {
616 background-position: 0% 60%;
616 background-position: 0% 60%;
617 background-repeat: no-repeat;
617 background-repeat: no-repeat;
618 padding-left: 12px;
618 padding-left: 12px;
619 background-image: url(../images/external.png);
619 background-image: url(../images/external.png);
620 }
620 }
621
621
622 div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset, div.wiki a.email {
622 div.wiki a.wiki-page, div.wiki a.issue, div.wiki a.changeset, div.wiki a.email, div.wiki div.toc a {
623 padding-left: 0;
623 padding-left: 0;
624 background-image: none;
624 background-image: none;
625 }
625 }
626
626
627 div.wiki a.new {
627 div.wiki a.new {
628 color: #b73535;
628 color: #b73535;
629 }
629 }
630
630
631 div.wiki code {
631 div.wiki code {
632 font-size: 1.2em;
632 font-size: 1.2em;
633 }
633 }
634
634
635 div.wiki img {
635 div.wiki img {
636 margin: 6px;
636 margin: 6px;
637 }
637 }
638
638
639 div.wiki pre {
639 div.wiki pre {
640 margin: 1em 1em 1em 1.6em;
640 margin: 1em 1em 1em 1.6em;
641 padding: 2px;
641 padding: 2px;
642 background-color: #fafafa;
642 background-color: #fafafa;
643 border: 1px solid #dadada;
643 border: 1px solid #dadada;
644 }
644 }
645
645
646 div.wiki div.toc {
647 background-color: #fdfed0;
648 border: 1px solid #dadada;
649 padding: 4px;
650 line-height: 1.1em;
651 margin-bottom: 12px;
652 float: left;
653 margin-right: 12px;
654 }
655
656 div.wiki div.toc.right {
657 float: right;
658 margin-left: 12px;
659 margin-right: 0;
660 }
661
662 div.wiki div.toc a {
663 display: block;
664 font-size: 0.9em;
665 font-weight: normal;
666 color: #606060;
667 }
668
669 div.wiki div.toc a.heading2 { margin-left: 6px; }
670 div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }
671
672 div.wiki
673
646 .diff_out{
674 .diff_out{
647 background: #fcc;
675 background: #fcc;
648 }
676 }
649
677
650 .diff_in{
678 .diff_in{
651 background: #cfc;
679 background: #cfc;
652 }
680 }
653
681
654 #preview .preview { background: #fafbfc url(../images/draft.png); }
682 #preview .preview { background: #fafbfc url(../images/draft.png); }
655
683
656 #ajax-indicator {
684 #ajax-indicator {
657 position: absolute; /* fixed not supported by IE */
685 position: absolute; /* fixed not supported by IE */
658 background-color:#eee;
686 background-color:#eee;
659 border: 1px solid #bbb;
687 border: 1px solid #bbb;
660 top:35%;
688 top:35%;
661 left:40%;
689 left:40%;
662 width:20%;
690 width:20%;
663 font-weight:bold;
691 font-weight:bold;
664 text-align:center;
692 text-align:center;
665 padding:0.6em;
693 padding:0.6em;
666 z-index:100;
694 z-index:100;
667 filter:alpha(opacity=50);
695 filter:alpha(opacity=50);
668 -moz-opacity:0.5;
696 -moz-opacity:0.5;
669 opacity: 0.5;
697 opacity: 0.5;
670 -khtml-opacity: 0.5;
698 -khtml-opacity: 0.5;
671 }
699 }
672
700
673 html>body #ajax-indicator { position: fixed; }
701 html>body #ajax-indicator { position: fixed; }
674
702
675 #ajax-indicator span {
703 #ajax-indicator span {
676 background-position: 0% 40%;
704 background-position: 0% 40%;
677 background-repeat: no-repeat;
705 background-repeat: no-repeat;
678 background-image: url(../images/loading.gif);
706 background-image: url(../images/loading.gif);
679 padding-left: 26px;
707 padding-left: 26px;
680 vertical-align: bottom;
708 vertical-align: bottom;
681 }
709 }
682
710
683 /***** Flash & error messages ****/
711 /***** Flash & error messages ****/
684 #flash div, #errorExplanation {
712 #flash div, #errorExplanation {
685 padding: 4px 4px 4px 30px;
713 padding: 4px 4px 4px 30px;
686 margin-bottom: 16px;
714 margin-bottom: 16px;
687 font-size: 1.1em;
715 font-size: 1.1em;
688 border: 2px solid;
716 border: 2px solid;
689 }
717 }
690
718
691 #flash div.error, #errorExplanation {
719 #flash div.error, #errorExplanation {
692 background: url(../images/false.png) 8px 5px no-repeat;
720 background: url(../images/false.png) 8px 5px no-repeat;
693 background-color: #ffe3e3;
721 background-color: #ffe3e3;
694 border-color: #dd0000;
722 border-color: #dd0000;
695 color: #550000;
723 color: #550000;
696 }
724 }
697
725
698 #flash div.notice {
726 #flash div.notice {
699 background: url(../images/true.png) 8px 5px no-repeat;
727 background: url(../images/true.png) 8px 5px no-repeat;
700 background-color: #dfffdf;
728 background-color: #dfffdf;
701 border-color: #9fcf9f;
729 border-color: #9fcf9f;
702 color: #005f00;
730 color: #005f00;
703 }
731 }
704
732
705 #errorExplanation ul { margin-bottom: 0px; }
733 #errorExplanation ul { margin-bottom: 0px; }
706 #errorExplanation ul li { list-style: none; margin-left: -16px;}
734 #errorExplanation ul li { list-style: none; margin-left: -16px;}
General Comments 0
You need to be logged in to leave comments. Login now