##// END OF EJS Templates
Adds CSS classes on pagination links....
Jean-Philippe Lang -
r10832:852b336f5ea9
parent child
Show More
@@ -1,238 +1,244
1 1 # encoding: utf-8
2 2 #
3 3 # Redmine - project management software
4 4 # Copyright (C) 2006-2012 Jean-Philippe Lang
5 5 #
6 6 # This program is free software; you can redistribute it and/or
7 7 # modify it under the terms of the GNU General Public License
8 8 # as published by the Free Software Foundation; either version 2
9 9 # of the License, or (at your option) any later version.
10 10 #
11 11 # This program is distributed in the hope that it will be useful,
12 12 # but WITHOUT ANY WARRANTY; without even the implied warranty of
13 13 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 14 # GNU General Public License for more details.
15 15 #
16 16 # You should have received a copy of the GNU General Public License
17 17 # along with this program; if not, write to the Free Software
18 18 # Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
19 19
20 20 module Redmine
21 21 module Pagination
22 22 class Paginator
23 23 attr_reader :item_count, :per_page, :page, :page_param
24 24
25 25 def initialize(*args)
26 26 if args.first.is_a?(ActionController::Base)
27 27 args.shift
28 28 ActiveSupport::Deprecation.warn "Paginator no longer takes a controller instance as the first argument. Remove it from #new arguments."
29 29 end
30 30 item_count, per_page, page, page_param = *args
31 31
32 32 @item_count = item_count
33 33 @per_page = per_page
34 34 page = (page || 1).to_i
35 35 if page < 1
36 36 page = 1
37 37 end
38 38 @page = page
39 39 @page_param = page_param || :page
40 40 end
41 41
42 42 def offset
43 43 (page - 1) * per_page
44 44 end
45 45
46 46 def first_page
47 47 if item_count > 0
48 48 1
49 49 end
50 50 end
51 51
52 52 def previous_page
53 53 if page > 1
54 54 page - 1
55 55 end
56 56 end
57 57
58 58 def next_page
59 59 if last_item < item_count
60 60 page + 1
61 61 end
62 62 end
63 63
64 64 def last_page
65 65 if item_count > 0
66 66 (item_count - 1) / per_page + 1
67 67 end
68 68 end
69 69
70 70 def first_item
71 71 item_count == 0 ? 0 : (offset + 1)
72 72 end
73 73
74 74 def last_item
75 75 l = first_item + per_page - 1
76 76 l > item_count ? item_count : l
77 77 end
78 78
79 79 def linked_pages
80 80 pages = []
81 81 if item_count > 0
82 82 pages += [first_page, page, last_page]
83 83 pages += ((page-2)..(page+2)).to_a.select {|p| p > first_page && p < last_page}
84 84 end
85 85 pages = pages.compact.uniq.sort
86 86 if pages.size > 1
87 87 pages
88 88 else
89 89 []
90 90 end
91 91 end
92 92
93 93 def items_per_page
94 94 ActiveSupport::Deprecation.warn "Paginator#items_per_page will be removed. Use #per_page instead."
95 95 per_page
96 96 end
97 97
98 98 def current
99 99 ActiveSupport::Deprecation.warn "Paginator#current will be removed. Use .offset instead of .current.offset."
100 100 self
101 101 end
102 102 end
103 103
104 104 # Paginates the given scope or model. Returns a Paginator instance and
105 105 # the collection of objects for the current page.
106 106 #
107 107 # Options:
108 108 # :parameter name of the page parameter
109 109 #
110 110 # Examples:
111 111 # @user_pages, @users = paginate User.where(:status => 1)
112 112 #
113 113 def paginate(scope, options={})
114 114 options = options.dup
115 115 finder_options = options.extract!(
116 116 :conditions,
117 117 :order,
118 118 :joins,
119 119 :include,
120 120 :select
121 121 )
122 122 if scope.is_a?(Symbol) || finder_options.values.compact.any?
123 123 return deprecated_paginate(scope, finder_options, options)
124 124 end
125 125
126 126 paginator = paginator(scope.count, options)
127 127 collection = scope.limit(paginator.per_page).offset(paginator.offset).to_a
128 128
129 129 return paginator, collection
130 130 end
131 131
132 132 def deprecated_paginate(arg, finder_options, options={})
133 133 ActiveSupport::Deprecation.warn "#paginate with a Symbol and/or find options is depreceted and will be removed. Use a scope instead."
134 134 klass = arg.is_a?(Symbol) ? arg.to_s.classify.constantize : arg
135 135 scope = klass.scoped(finder_options)
136 136 paginate(scope, options)
137 137 end
138 138
139 139 def paginator(item_count, options={})
140 140 options.assert_valid_keys :parameter, :per_page
141 141
142 142 page_param = options[:parameter] || :page
143 143 page = (params[page_param] || 1).to_i
144 144 per_page = options[:per_page] || per_page_option
145 145 Paginator.new(self, item_count, per_page, page, page_param)
146 146 end
147 147
148 148 module Helper
149 149 include Redmine::I18n
150 150
151 151 # Renders the pagination links for the given paginator.
152 152 #
153 153 # Options:
154 154 # :per_page_links if set to false, the "Per page" links are not rendered
155 155 #
156 156 def pagination_links_full(*args)
157 pagination_links_each(*args) do |text, parameters|
157 pagination_links_each(*args) do |text, parameters, options|
158 158 if block_given?
159 yield text, parameters
159 yield text, parameters, options
160 160 else
161 link_to text, params.merge(parameters)
161 link_to text, params.merge(parameters), options
162 162 end
163 163 end
164 164 end
165 165
166 166 # Yields the given block with the text and parameters
167 167 # for each pagination link and returns a string that represents the links
168 168 def pagination_links_each(paginator, count=nil, options={}, &block)
169 169 options.assert_valid_keys :per_page_links
170 170
171 171 per_page_links = options.delete(:per_page_links)
172 172 per_page_links = false if count.nil?
173 173 page_param = paginator.page_param
174 174
175 175 html = ''
176 176 if paginator.previous_page
177 177 # \xc2\xab(utf-8) = &#171;
178 html << yield("\xc2\xab " + l(:label_previous), page_param => paginator.previous_page) + ' '
178 text = "\xc2\xab " + l(:label_previous)
179 html << yield(text, {page_param => paginator.previous_page}, :class => 'previous') + ' '
179 180 end
180 181
181 182 previous = nil
182 183 paginator.linked_pages.each do |page|
183 184 if previous && previous != page - 1
184 html << '... '
185 html << content_tag('span', '...', :class => 'spacer') + ' '
185 186 end
186 187 if page == paginator.page
187 html << page.to_s
188 html << content_tag('span', page.to_s, :class => 'current page')
188 189 else
189 html << yield(page.to_s, page_param => page)
190 html << yield(page.to_s, {page_param => page}, :class => 'page')
190 191 end
191 192 html << ' '
192 193 previous = page
193 194 end
194 195
195 196 if paginator.next_page
196 197 # \xc2\xbb(utf-8) = &#187;
197 html << yield(l(:label_next) + " \xc2\xbb", page_param => paginator.next_page) + ' '
198 text = l(:label_next) + " \xc2\xbb"
199 html << yield(text, {page_param => paginator.next_page}, :class => 'next') + ' '
198 200 end
199 201
200 html << "(#{paginator.first_item}-#{paginator.last_item}/#{paginator.item_count}) "
202 html << content_tag('span', "(#{paginator.first_item}-#{paginator.last_item}/#{paginator.item_count})", :class => 'items') + ' '
201 203
202 204 if per_page_links != false && links = per_page_links(paginator, &block)
203 html << "| #{links}"
205 html << content_tag('span', links.to_s, :class => 'per-page')
204 206 end
205 207
206 208 html.html_safe
207 209 end
208 210
209 211 # Renders the "Per page" links.
210 212 def per_page_links(paginator, &block)
211 213 values = per_page_options(paginator.per_page, paginator.item_count)
212 214 if values.any?
213 215 links = values.collect do |n|
214 n == paginator.per_page ? n : yield(n, :per_page => n, paginator.page_param => nil)
216 if n == paginator.per_page
217 content_tag('span', n.to_s)
218 else
219 yield(n, :per_page => n, paginator.page_param => nil)
220 end
215 221 end
216 l(:label_display_per_page, links.join(', '))
222 l(:label_display_per_page, links.join(', ')).html_safe
217 223 end
218 224 end
219 225
220 226 def per_page_options(selected=nil, item_count=nil)
221 227 options = Setting.per_page_options_array
222 228 if item_count && options.any?
223 229 if item_count > options.first
224 230 max = options.detect {|value| value >= item_count} || item_count
225 231 else
226 232 max = item_count
227 233 end
228 234 options = options.select {|value| value <= max || value == selected}
229 235 end
230 236 if options.empty? || (options.size == 1 && options.first == selected)
231 237 []
232 238 else
233 239 options
234 240 end
235 241 end
236 242 end
237 243 end
238 244 end
@@ -1,1147 +1,1146
1 1 html {overflow-y:scroll;}
2 2 body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
3 3
4 4 h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
5 5 #content h1, h2, h3, h4 {color: #555;}
6 6 h2, .wiki h1 {font-size: 20px;}
7 7 h3, .wiki h2 {font-size: 16px;}
8 8 h4, .wiki h3 {font-size: 13px;}
9 9 h4 {border-bottom: 1px dotted #bbb;}
10 10
11 11 /***** Layout *****/
12 12 #wrapper {background: white;}
13 13
14 14 #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
15 15 #top-menu ul {margin: 0; padding: 0;}
16 16 #top-menu li {
17 17 float:left;
18 18 list-style-type:none;
19 19 margin: 0px 0px 0px 0px;
20 20 padding: 0px 0px 0px 0px;
21 21 white-space:nowrap;
22 22 }
23 23 #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
24 24 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
25 25
26 26 #account {float:right;}
27 27
28 28 #header {height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
29 29 #header a {color:#f8f8f8;}
30 30 #header h1 a.ancestor { font-size: 80%; }
31 31 #quick-search {float:right;}
32 32
33 33 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;}
34 34 #main-menu ul {margin: 0; padding: 0;}
35 35 #main-menu li {
36 36 float:left;
37 37 list-style-type:none;
38 38 margin: 0px 2px 0px 0px;
39 39 padding: 0px 0px 0px 0px;
40 40 white-space:nowrap;
41 41 }
42 42 #main-menu li a {
43 43 display: block;
44 44 color: #fff;
45 45 text-decoration: none;
46 46 font-weight: bold;
47 47 margin: 0;
48 48 padding: 4px 10px 4px 10px;
49 49 }
50 50 #main-menu li a:hover {background:#759FCF; color:#fff;}
51 51 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
52 52
53 53 #admin-menu ul {margin: 0; padding: 0;}
54 54 #admin-menu li {margin: 0; padding: 0 0 6px 0; list-style-type:none;}
55 55
56 56 #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
57 57 #admin-menu a.projects { background-image: url(../images/projects.png); }
58 58 #admin-menu a.users { background-image: url(../images/user.png); }
59 59 #admin-menu a.groups { background-image: url(../images/group.png); }
60 60 #admin-menu a.roles { background-image: url(../images/database_key.png); }
61 61 #admin-menu a.trackers { background-image: url(../images/ticket.png); }
62 62 #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
63 63 #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
64 64 #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
65 65 #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
66 66 #admin-menu a.settings { background-image: url(../images/changeset.png); }
67 67 #admin-menu a.plugins { background-image: url(../images/plugin.png); }
68 68 #admin-menu a.info { background-image: url(../images/help.png); }
69 69 #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
70 70
71 71 #main {background-color:#EEEEEE;}
72 72
73 73 #sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
74 74 * html #sidebar{ width: 22%; }
75 75 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
76 76 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
77 77 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
78 78 #sidebar .contextual { margin-right: 1em; }
79 79
80 80 #content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
81 81 * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
82 82 html>body #content { min-height: 600px; }
83 83 * html body #content { height: 600px; } /* IE */
84 84
85 85 #main.nosidebar #sidebar{ display: none; }
86 86 #main.nosidebar #content{ width: auto; border-right: 0; }
87 87
88 88 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
89 89
90 90 #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
91 91 #login-form table td {padding: 6px;}
92 92 #login-form label {font-weight: bold;}
93 93 #login-form input#username, #login-form input#password { width: 300px; }
94 94
95 95 div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;}
96 96 div.modal h3.title {display:none;}
97 97 div.modal p.buttons {text-align:right; margin-bottom:0;}
98 98
99 99 input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
100 100
101 101 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
102 102
103 103 /***** Links *****/
104 104 a, a:link, a:visited{ color: #169; text-decoration: none; }
105 105 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
106 106 a img{ border: 0; }
107 107
108 108 a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
109 109 a.project.closed, a.project.closed:link, a.project.closed:visited { color: #999; }
110 110 a.user.locked, a.user.locked:link, a.user.locked:visited {color: #999;}
111 111
112 112 #sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
113 113 #sidebar a.selected:hover {text-decoration:none;}
114 114 #admin-menu a {line-height:1.7em;}
115 115 #admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;}
116 116
117 117 a.collapsible {padding-left: 12px; background: url(../images/arrow_expanded.png) no-repeat -3px 40%;}
118 118 a.collapsible.collapsed {background: url(../images/arrow_collapsed.png) no-repeat -5px 40%;}
119 119
120 120 a#toggle-completed-versions {color:#999;}
121 121 /***** Tables *****/
122 122 table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
123 123 table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
124 124 table.list td { vertical-align: top; padding-right:10px; }
125 125 table.list td.id { width: 2%; text-align: center;}
126 126 table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
127 127 table.list td.checkbox input {padding:0px;}
128 128 table.list td.buttons { width: 15%; white-space:nowrap; text-align: right; }
129 129 table.list td.buttons a { padding-right: 0.6em; }
130 130 table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
131 131
132 132 tr.project td.name a { white-space:nowrap; }
133 133 tr.project.closed, tr.project.archived { color: #aaa; }
134 134 tr.project.closed a, tr.project.archived a { color: #aaa; }
135 135
136 136 tr.project.idnt td.name span {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
137 137 tr.project.idnt-1 td.name {padding-left: 0.5em;}
138 138 tr.project.idnt-2 td.name {padding-left: 2em;}
139 139 tr.project.idnt-3 td.name {padding-left: 3.5em;}
140 140 tr.project.idnt-4 td.name {padding-left: 5em;}
141 141 tr.project.idnt-5 td.name {padding-left: 6.5em;}
142 142 tr.project.idnt-6 td.name {padding-left: 8em;}
143 143 tr.project.idnt-7 td.name {padding-left: 9.5em;}
144 144 tr.project.idnt-8 td.name {padding-left: 11em;}
145 145 tr.project.idnt-9 td.name {padding-left: 12.5em;}
146 146
147 147 tr.issue { text-align: center; white-space: nowrap; }
148 148 tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.relations { white-space: normal; }
149 149 tr.issue td.subject, tr.issue td.relations { text-align: left; }
150 150 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
151 151 tr.issue td.relations span {white-space: nowrap;}
152 152 table.issues td.description {color:#777; font-size:90%; padding:4px 4px 4px 24px; text-align:left; white-space:normal;}
153 153 table.issues td.description pre {white-space:normal;}
154 154
155 155 tr.issue.idnt td.subject a {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
156 156 tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
157 157 tr.issue.idnt-2 td.subject {padding-left: 2em;}
158 158 tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
159 159 tr.issue.idnt-4 td.subject {padding-left: 5em;}
160 160 tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
161 161 tr.issue.idnt-6 td.subject {padding-left: 8em;}
162 162 tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
163 163 tr.issue.idnt-8 td.subject {padding-left: 11em;}
164 164 tr.issue.idnt-9 td.subject {padding-left: 12.5em;}
165 165
166 166 tr.entry { border: 1px solid #f8f8f8; }
167 167 tr.entry td { white-space: nowrap; }
168 168 tr.entry td.filename { width: 30%; }
169 169 tr.entry td.filename_no_report { width: 70%; }
170 170 tr.entry td.size { text-align: right; font-size: 90%; }
171 171 tr.entry td.revision, tr.entry td.author { text-align: center; }
172 172 tr.entry td.age { text-align: right; }
173 173 tr.entry.file td.filename a { margin-left: 16px; }
174 174 tr.entry.file td.filename_no_report a { margin-left: 16px; }
175 175
176 176 tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
177 177 tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
178 178
179 179 tr.changeset { height: 20px }
180 180 tr.changeset ul, ol { margin-top: 0px; margin-bottom: 0px; }
181 181 tr.changeset td.revision_graph { width: 15%; background-color: #fffffb; }
182 182 tr.changeset td.author { text-align: center; width: 15%; white-space:nowrap;}
183 183 tr.changeset td.committed_on { text-align: center; width: 15%; white-space:nowrap;}
184 184
185 185 table.files tr.file td { text-align: center; }
186 186 table.files tr.file td.filename { text-align: left; padding-left: 24px; }
187 187 table.files tr.file td.digest { font-size: 80%; }
188 188
189 189 table.members td.roles, table.memberships td.roles { width: 45%; }
190 190
191 191 tr.message { height: 2.6em; }
192 192 tr.message td.subject { padding-left: 20px; }
193 193 tr.message td.created_on { white-space: nowrap; }
194 194 tr.message td.last_message { font-size: 80%; white-space: nowrap; }
195 195 tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
196 196 tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
197 197
198 198 tr.version.closed, tr.version.closed a { color: #999; }
199 199 tr.version td.name { padding-left: 20px; }
200 200 tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
201 201 tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
202 202
203 203 tr.user td { width:13%; }
204 204 tr.user td.email { width:18%; }
205 205 tr.user td { white-space: nowrap; }
206 206 tr.user.locked, tr.user.registered { color: #aaa; }
207 207 tr.user.locked a, tr.user.registered a { color: #aaa; }
208 208
209 209 table.permissions td.role {color:#999;font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
210 210
211 211 tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
212 212
213 213 tr.time-entry { text-align: center; white-space: nowrap; }
214 214 tr.time-entry td.issue, tr.time-entry td.comments { text-align: left; white-space: normal; }
215 215 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
216 216 td.hours .hours-dec { font-size: 0.9em; }
217 217
218 218 table.plugins td { vertical-align: middle; }
219 219 table.plugins td.configure { text-align: right; padding-right: 1em; }
220 220 table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
221 221 table.plugins span.description { display: block; font-size: 0.9em; }
222 222 table.plugins span.url { display: block; font-size: 0.9em; }
223 223
224 224 table.list tbody tr.group td { padding: 0.8em 0 0.5em 0.3em; font-weight: bold; border-bottom: 1px solid #ccc; }
225 225 table.list tbody tr.group span.count {position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
226 226 tr.group a.toggle-all { color: #aaa; font-size: 80%; font-weight: normal; display:none;}
227 227 tr.group:hover a.toggle-all { display:inline;}
228 228 a.toggle-all:hover {text-decoration:none;}
229 229
230 230 table.list tbody tr:hover { background-color:#ffffdd; }
231 231 table.list tbody tr.group:hover { background-color:inherit; }
232 232 table td {padding:2px;}
233 233 table p {margin:0;}
234 234 .odd {background-color:#f6f7f8;}
235 235 .even {background-color: #fff;}
236 236
237 237 a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
238 238 a.sort.asc { background-image: url(../images/sort_asc.png); }
239 239 a.sort.desc { background-image: url(../images/sort_desc.png); }
240 240
241 241 table.attributes { width: 100% }
242 242 table.attributes th { vertical-align: top; text-align: left; }
243 243 table.attributes td { vertical-align: top; }
244 244
245 245 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
246 246 table.boards td.topic-count, table.boards td.message-count {text-align:center;}
247 247 table.boards td.last-message {font-size:80%;}
248 248
249 249 table.messages td.author, table.messages td.created_on, table.messages td.reply-count {text-align:center;}
250 250
251 251 table.query-columns {
252 252 border-collapse: collapse;
253 253 border: 0;
254 254 }
255 255
256 256 table.query-columns td.buttons {
257 257 vertical-align: middle;
258 258 text-align: center;
259 259 }
260 260
261 261 td.center {text-align:center;}
262 262
263 263 h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
264 264
265 265 div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
266 266 div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
267 267 div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
268 268 div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
269 269
270 270 #watchers ul {margin: 0; padding: 0;}
271 271 #watchers li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
272 272 #watchers select {width: 95%; display: block;}
273 273 #watchers a.delete {opacity: 0.4;}
274 274 #watchers a.delete:hover {opacity: 1;}
275 275 #watchers img.gravatar {margin: 0 4px 2px 0;}
276 276
277 277 span#watchers_inputs {overflow:auto; display:block;}
278 278 span.search_for_watchers {display:block;}
279 279 span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
280 280 span.search_for_watchers a, span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
281 281
282 282
283 283 .highlight { background-color: #FCFD8D;}
284 284 .highlight.token-1 { background-color: #faa;}
285 285 .highlight.token-2 { background-color: #afa;}
286 286 .highlight.token-3 { background-color: #aaf;}
287 287
288 288 .box{
289 289 padding:6px;
290 290 margin-bottom: 10px;
291 291 background-color:#f6f6f6;
292 292 color:#505050;
293 293 line-height:1.5em;
294 294 border: 1px solid #e4e4e4;
295 295 }
296 296
297 297 div.square {
298 298 border: 1px solid #999;
299 299 float: left;
300 300 margin: .3em .4em 0 .4em;
301 301 overflow: hidden;
302 302 width: .6em; height: .6em;
303 303 }
304 304 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
305 305 .contextual input, .contextual select {font-size:0.9em;}
306 306 .message .contextual { margin-top: 0; }
307 307
308 308 .splitcontent {overflow:auto;}
309 309 .splitcontentleft{float:left; width:49%;}
310 310 .splitcontentright{float:right; width:49%;}
311 311 form {display: inline;}
312 312 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
313 313 fieldset {border: 1px solid #e4e4e4; margin:0;}
314 314 legend {color: #484848;}
315 315 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
316 316 blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
317 317 blockquote blockquote { margin-left: 0;}
318 318 acronym { border-bottom: 1px dotted; cursor: help; }
319 319 textarea.wiki-edit {width:99%; resize:vertical;}
320 320 li p {margin-top: 0;}
321 321 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
322 322 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
323 323 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
324 324 p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
325 325
326 326 div.issue div.subject div div { padding-left: 16px; }
327 327 div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
328 328 div.issue div.subject>div>p { margin-top: 0.5em; }
329 329 div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
330 330 div.issue span.private { position:relative; bottom: 2px; text-transform: uppercase; background: #d22; color: #fff; font-weight:bold; padding: 0px 2px 0px 2px; font-size: 60%; margin-right: 2px; border-radius: 2px;}
331 331 div.issue .next-prev-links {color:#999;}
332 332 div.issue table.attributes th {width:22%;}
333 333 div.issue table.attributes td {width:28%;}
334 334
335 335 #issue_tree table.issues, #relations table.issues { border: 0; }
336 336 #issue_tree td.checkbox, #relations td.checkbox {display:none;}
337 337 #relations td.buttons {padding:0;}
338 338
339 339 fieldset.collapsible { border-width: 1px 0 0 0; font-size: 0.9em; }
340 340 fieldset.collapsible legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
341 341 fieldset.collapsible.collapsed legend { background-image: url(../images/arrow_collapsed.png); }
342 342
343 343 fieldset#date-range p { margin: 2px 0 2px 0; }
344 344 fieldset#filters table { border-collapse: collapse; }
345 345 fieldset#filters table td { padding: 0; vertical-align: middle; }
346 346 fieldset#filters tr.filter { height: 2.1em; }
347 347 fieldset#filters td.field { width:230px; }
348 348 fieldset#filters td.operator { width:180px; }
349 349 fieldset#filters td.operator select {max-width:170px;}
350 350 fieldset#filters td.values { white-space:nowrap; }
351 351 fieldset#filters td.values select {min-width:130px;}
352 352 fieldset#filters td.values input {height:1em;}
353 353 fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
354 354
355 355 .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:8px; margin-left:0; cursor:pointer;}
356 356 .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
357 357
358 358 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
359 359 div#issue-changesets div.changeset { padding: 4px;}
360 360 div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
361 361 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
362 362
363 363 .journal ul.details img {margin:0 0 -3px 4px;}
364 364 div.journal {overflow:auto;}
365 365 div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
366 366
367 367 div#activity dl, #search-results { margin-left: 2em; }
368 368 div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
369 369 div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
370 370 div#activity dt.me .time { border-bottom: 1px solid #999; }
371 371 div#activity dt .time { color: #777; font-size: 80%; }
372 372 div#activity dd .description, #search-results dd .description { font-style: italic; }
373 373 div#activity span.project:after, #search-results span.project:after { content: " -"; }
374 374 div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
375 375 div#activity dt.grouped {margin-left:5em;}
376 376 div#activity dd.grouped {margin-left:9em;}
377 377
378 378 #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
379 379
380 380 div#search-results-counts {float:right;}
381 381 div#search-results-counts ul { margin-top: 0.5em; }
382 382 div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }
383 383
384 384 dt.issue { background-image: url(../images/ticket.png); }
385 385 dt.issue-edit { background-image: url(../images/ticket_edit.png); }
386 386 dt.issue-closed { background-image: url(../images/ticket_checked.png); }
387 387 dt.issue-note { background-image: url(../images/ticket_note.png); }
388 388 dt.changeset { background-image: url(../images/changeset.png); }
389 389 dt.news { background-image: url(../images/news.png); }
390 390 dt.message { background-image: url(../images/message.png); }
391 391 dt.reply { background-image: url(../images/comments.png); }
392 392 dt.wiki-page { background-image: url(../images/wiki_edit.png); }
393 393 dt.attachment { background-image: url(../images/attachment.png); }
394 394 dt.document { background-image: url(../images/document.png); }
395 395 dt.project { background-image: url(../images/projects.png); }
396 396 dt.time-entry { background-image: url(../images/time.png); }
397 397
398 398 #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
399 399
400 400 div#roadmap .related-issues { margin-bottom: 1em; }
401 401 div#roadmap .related-issues td.checkbox { display: none; }
402 402 div#roadmap .wiki h1:first-child { display: none; }
403 403 div#roadmap .wiki h1 { font-size: 120%; }
404 404 div#roadmap .wiki h2 { font-size: 110%; }
405 405 body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
406 406
407 407 div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
408 408 div#version-summary fieldset { margin-bottom: 1em; }
409 409 div#version-summary fieldset.time-tracking table { width:100%; }
410 410 div#version-summary th, div#version-summary td.total-hours { text-align: right; }
411 411
412 412 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
413 413 table#time-report tbody tr.subtotal { font-style: italic; color:#777;}
414 414 table#time-report tbody tr.subtotal td.hours { color:#b0b0b0; }
415 415 table#time-report tbody tr.total { font-weight: bold; background-color:#EEEEEE; border-top:1px solid #e4e4e4;}
416 416 table#time-report .hours-dec { font-size: 0.9em; }
417 417
418 418 div.wiki-page .contextual a {opacity: 0.4}
419 419 div.wiki-page .contextual a:hover {opacity: 1}
420 420
421 421 form .attributes select { width: 60%; }
422 422 input#issue_subject { width: 99%; }
423 423 select#issue_done_ratio { width: 95px; }
424 424
425 425 ul.projects {margin:0; padding-left:1em;}
426 426 ul.projects ul {padding-left:1.6em;}
427 427 ul.projects.root {margin:0; padding:0;}
428 428 ul.projects li {list-style-type:none;}
429 429
430 430 #projects-index ul.projects ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
431 431 #projects-index ul.projects li.root {margin-bottom: 1em;}
432 432 #projects-index ul.projects li.child {margin-top: 1em;}
433 433 #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
434 434 .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
435 435
436 436 #notified-projects ul, #tracker_project_ids ul {max-height:250px; overflow-y:auto;}
437 437
438 438 #related-issues li img {vertical-align:middle;}
439 439
440 440 ul.properties {padding:0; font-size: 0.9em; color: #777;}
441 441 ul.properties li {list-style-type:none;}
442 442 ul.properties li span {font-style:italic;}
443 443
444 444 .total-hours { font-size: 110%; font-weight: bold; }
445 445 .total-hours span.hours-int { font-size: 120%; }
446 446
447 447 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
448 448 #user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url { width: 90%; }
449 449
450 450 #workflow_copy_form select { width: 200px; }
451 451 table.transitions td.enabled {background: #bfb;}
452 452 table.fields_permissions select {font-size:90%}
453 453 table.fields_permissions td.readonly {background:#ddd;}
454 454 table.fields_permissions td.required {background:#d88;}
455 455
456 456 textarea#custom_field_possible_values {width: 99%}
457 457 input#content_comments {width: 99%}
458 458
459 .pagination {font-size: 90%}
460 p.pagination {margin-top:8px;}
459 p.pagination {margin-top:8px; font-size: 90%}
461 460
462 461 /***** Tabular forms ******/
463 462 .tabular p{
464 463 margin: 0;
465 464 padding: 3px 0 3px 0;
466 465 padding-left: 180px; /* width of left column containing the label elements */
467 466 min-height: 1.8em;
468 467 clear:left;
469 468 }
470 469
471 470 html>body .tabular p {overflow:hidden;}
472 471
473 472 .tabular label{
474 473 font-weight: bold;
475 474 float: left;
476 475 text-align: right;
477 476 /* width of left column */
478 477 margin-left: -180px;
479 478 /* width of labels. Should be smaller than left column to create some right margin */
480 479 width: 175px;
481 480 }
482 481
483 482 .tabular label.floating{
484 483 font-weight: normal;
485 484 margin-left: 0px;
486 485 text-align: left;
487 486 width: 270px;
488 487 }
489 488
490 489 .tabular label.block{
491 490 font-weight: normal;
492 491 margin-left: 0px !important;
493 492 text-align: left;
494 493 float: none;
495 494 display: block;
496 495 width: auto;
497 496 }
498 497
499 498 .tabular label.inline{
500 499 font-weight: normal;
501 500 float:none;
502 501 margin-left: 5px !important;
503 502 width: auto;
504 503 }
505 504
506 505 label.no-css {
507 506 font-weight: inherit;
508 507 float:none;
509 508 text-align:left;
510 509 margin-left:0px;
511 510 width:auto;
512 511 }
513 512 input#time_entry_comments { width: 90%;}
514 513
515 514 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
516 515
517 516 .tabular.settings p{ padding-left: 300px; }
518 517 .tabular.settings label{ margin-left: -300px; width: 295px; }
519 518 .tabular.settings textarea { width: 99%; }
520 519
521 520 .settings.enabled_scm table {width:100%}
522 521 .settings.enabled_scm td.scm_name{ font-weight: bold; }
523 522
524 523 fieldset.settings label { display: block; }
525 524 fieldset#notified_events .parent { padding-left: 20px; }
526 525
527 526 span.required {color: #bb0000;}
528 527 .summary {font-style: italic;}
529 528
530 529 #attachments_fields input.description {margin-left:4px; width:340px;}
531 530 #attachments_fields span {display:block; white-space:nowrap;}
532 531 #attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../images/attachment.png) no-repeat 1px 50%; padding-left:18px;}
533 532 #attachments_fields .ajax-waiting input.filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
534 533 #attachments_fields .ajax-loading input.filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
535 534 #attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
536 535 a.remove-upload {background: url(../images/delete.png) no-repeat 1px 50%; width:1px; display:inline-block; padding-left:16px;}
537 536 a.remove-upload:hover {text-decoration:none !important;}
538 537
539 538 div.fileover { background-color: lavender; }
540 539
541 540 div.attachments { margin-top: 12px; }
542 541 div.attachments p { margin:4px 0 2px 0; }
543 542 div.attachments img { vertical-align: middle; }
544 543 div.attachments span.author { font-size: 0.9em; color: #888; }
545 544
546 545 div.thumbnails {margin-top:0.6em;}
547 546 div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
548 547 div.thumbnails img {margin: 3px;}
549 548
550 549 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
551 550 .other-formats span + span:before { content: "| "; }
552 551
553 552 a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
554 553
555 554 em.info {font-style:normal;font-size:90%;color:#888;display:block;}
556 555 em.info.error {padding-left:20px; background:url(../images/exclamation.png) no-repeat 0 50%;}
557 556
558 557 textarea.text_cf {width:90%;}
559 558
560 559 /* Project members tab */
561 560 div#tab-content-members .splitcontentleft, div#tab-content-memberships .splitcontentleft, div#tab-content-users .splitcontentleft { width: 64% }
562 561 div#tab-content-members .splitcontentright, div#tab-content-memberships .splitcontentright, div#tab-content-users .splitcontentright { width: 34% }
563 562 div#tab-content-members fieldset, div#tab-content-memberships fieldset, div#tab-content-users fieldset { padding:1em; margin-bottom: 1em; }
564 563 div#tab-content-members fieldset legend, div#tab-content-memberships fieldset legend, div#tab-content-users fieldset legend { font-weight: bold; }
565 564 div#tab-content-members fieldset label, div#tab-content-memberships fieldset label, div#tab-content-users fieldset label { display: block; }
566 565 div#tab-content-members fieldset div, div#tab-content-users fieldset div { max-height: 400px; overflow:auto; }
567 566
568 567 #users_for_watcher {height: 200px; overflow:auto;}
569 568 #users_for_watcher label {display: block;}
570 569
571 570 table.members td.group { padding-left: 20px; background: url(../images/group.png) no-repeat 0% 50%; }
572 571
573 572 input#principal_search, input#user_search {width:100%}
574 573 input#principal_search, input#user_search {
575 574 background: url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px;
576 575 border:1px solid #9EB1C2; border-radius:3px; height:1.5em; width:95%;
577 576 }
578 577 input#principal_search.ajax-loading, input#user_search.ajax-loading {
579 578 background-image: url(../images/loading.gif);
580 579 }
581 580
582 581 * html div#tab-content-members fieldset div { height: 450px; }
583 582
584 583 /***** Flash & error messages ****/
585 584 #errorExplanation, div.flash, .nodata, .warning, .conflict {
586 585 padding: 4px 4px 4px 30px;
587 586 margin-bottom: 12px;
588 587 font-size: 1.1em;
589 588 border: 2px solid;
590 589 }
591 590
592 591 div.flash {margin-top: 8px;}
593 592
594 593 div.flash.error, #errorExplanation {
595 594 background: url(../images/exclamation.png) 8px 50% no-repeat;
596 595 background-color: #ffe3e3;
597 596 border-color: #dd0000;
598 597 color: #880000;
599 598 }
600 599
601 600 div.flash.notice {
602 601 background: url(../images/true.png) 8px 5px no-repeat;
603 602 background-color: #dfffdf;
604 603 border-color: #9fcf9f;
605 604 color: #005f00;
606 605 }
607 606
608 607 div.flash.warning, .conflict {
609 608 background: url(../images/warning.png) 8px 5px no-repeat;
610 609 background-color: #FFEBC1;
611 610 border-color: #FDBF3B;
612 611 color: #A6750C;
613 612 text-align: left;
614 613 }
615 614
616 615 .nodata, .warning {
617 616 text-align: center;
618 617 background-color: #FFEBC1;
619 618 border-color: #FDBF3B;
620 619 color: #A6750C;
621 620 }
622 621
623 622 #errorExplanation ul { font-size: 0.9em;}
624 623 #errorExplanation h2, #errorExplanation p { display: none; }
625 624
626 625 .conflict-details {font-size:80%;}
627 626
628 627 /***** Ajax indicator ******/
629 628 #ajax-indicator {
630 629 position: absolute; /* fixed not supported by IE */
631 630 background-color:#eee;
632 631 border: 1px solid #bbb;
633 632 top:35%;
634 633 left:40%;
635 634 width:20%;
636 635 font-weight:bold;
637 636 text-align:center;
638 637 padding:0.6em;
639 638 z-index:100;
640 639 opacity: 0.5;
641 640 }
642 641
643 642 html>body #ajax-indicator { position: fixed; }
644 643
645 644 #ajax-indicator span {
646 645 background-position: 0% 40%;
647 646 background-repeat: no-repeat;
648 647 background-image: url(../images/loading.gif);
649 648 padding-left: 26px;
650 649 vertical-align: bottom;
651 650 }
652 651
653 652 /***** Calendar *****/
654 653 table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
655 654 table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
656 655 table.cal thead th.week-number {width: auto;}
657 656 table.cal tbody tr {height: 100px;}
658 657 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
659 658 table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
660 659 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
661 660 table.cal td.odd p.day-num {color: #bbb;}
662 661 table.cal td.today {background:#ffffdd;}
663 662 table.cal td.today p.day-num {font-weight: bold;}
664 663 table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
665 664 table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
666 665 table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
667 666 p.cal.legend span {display:block;}
668 667
669 668 /***** Tooltips ******/
670 669 .tooltip{position:relative;z-index:24;}
671 670 .tooltip:hover{z-index:25;color:#000;}
672 671 .tooltip span.tip{display: none; text-align:left;}
673 672
674 673 div.tooltip:hover span.tip{
675 674 display:block;
676 675 position:absolute;
677 676 top:12px; left:24px; width:270px;
678 677 border:1px solid #555;
679 678 background-color:#fff;
680 679 padding: 4px;
681 680 font-size: 0.8em;
682 681 color:#505050;
683 682 }
684 683
685 684 img.ui-datepicker-trigger {
686 685 cursor: pointer;
687 686 vertical-align: middle;
688 687 margin-left: 4px;
689 688 }
690 689
691 690 /***** Progress bar *****/
692 691 table.progress {
693 692 border-collapse: collapse;
694 693 border-spacing: 0pt;
695 694 empty-cells: show;
696 695 text-align: center;
697 696 float:left;
698 697 margin: 1px 6px 1px 0px;
699 698 }
700 699
701 700 table.progress td { height: 1em; }
702 701 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
703 702 table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
704 703 table.progress td.todo { background: #eee none repeat scroll 0%; }
705 704 p.pourcent {font-size: 80%;}
706 705 p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
707 706
708 707 #roadmap table.progress td { height: 1.2em; }
709 708 /***** Tabs *****/
710 709 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
711 710 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
712 711 #content .tabs ul li {
713 712 float:left;
714 713 list-style-type:none;
715 714 white-space:nowrap;
716 715 margin-right:4px;
717 716 background:#fff;
718 717 position:relative;
719 718 margin-bottom:-1px;
720 719 }
721 720 #content .tabs ul li a{
722 721 display:block;
723 722 font-size: 0.9em;
724 723 text-decoration:none;
725 724 line-height:1.3em;
726 725 padding:4px 6px 4px 6px;
727 726 border: 1px solid #ccc;
728 727 border-bottom: 1px solid #bbbbbb;
729 728 background-color: #f6f6f6;
730 729 color:#999;
731 730 font-weight:bold;
732 731 border-top-left-radius:3px;
733 732 border-top-right-radius:3px;
734 733 }
735 734
736 735 #content .tabs ul li a:hover {
737 736 background-color: #ffffdd;
738 737 text-decoration:none;
739 738 }
740 739
741 740 #content .tabs ul li a.selected {
742 741 background-color: #fff;
743 742 border: 1px solid #bbbbbb;
744 743 border-bottom: 1px solid #fff;
745 744 color:#444;
746 745 }
747 746
748 747 #content .tabs ul li a.selected:hover {background-color: #fff;}
749 748
750 749 div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
751 750
752 751 button.tab-left, button.tab-right {
753 752 font-size: 0.9em;
754 753 cursor: pointer;
755 754 height:24px;
756 755 border: 1px solid #ccc;
757 756 border-bottom: 1px solid #bbbbbb;
758 757 position:absolute;
759 758 padding:4px;
760 759 width: 20px;
761 760 bottom: -1px;
762 761 }
763 762
764 763 button.tab-left {
765 764 right: 20px;
766 765 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
767 766 border-top-left-radius:3px;
768 767 }
769 768
770 769 button.tab-right {
771 770 right: 0;
772 771 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
773 772 border-top-right-radius:3px;
774 773 }
775 774
776 775 /***** Diff *****/
777 776 .diff_out { background: #fcc; }
778 777 .diff_out span { background: #faa; }
779 778 .diff_in { background: #cfc; }
780 779 .diff_in span { background: #afa; }
781 780
782 781 .text-diff {
783 782 padding: 1em;
784 783 background-color:#f6f6f6;
785 784 color:#505050;
786 785 border: 1px solid #e4e4e4;
787 786 }
788 787
789 788 /***** Wiki *****/
790 789 div.wiki table {
791 790 border-collapse: collapse;
792 791 margin-bottom: 1em;
793 792 }
794 793
795 794 div.wiki table, div.wiki td, div.wiki th {
796 795 border: 1px solid #bbb;
797 796 padding: 4px;
798 797 }
799 798
800 799 div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
801 800
802 801 div.wiki .external {
803 802 background-position: 0% 60%;
804 803 background-repeat: no-repeat;
805 804 padding-left: 12px;
806 805 background-image: url(../images/external.png);
807 806 }
808 807
809 808 div.wiki a.new {color: #b73535;}
810 809
811 810 div.wiki ul, div.wiki ol {margin-bottom:1em;}
812 811
813 812 div.wiki pre {
814 813 margin: 1em 1em 1em 1.6em;
815 814 padding: 8px;
816 815 background-color: #fafafa;
817 816 border: 1px solid #e2e2e2;
818 817 width:auto;
819 818 overflow-x: auto;
820 819 overflow-y: hidden;
821 820 }
822 821
823 822 div.wiki ul.toc {
824 823 background-color: #ffffdd;
825 824 border: 1px solid #e4e4e4;
826 825 padding: 4px;
827 826 line-height: 1.2em;
828 827 margin-bottom: 12px;
829 828 margin-right: 12px;
830 829 margin-left: 0;
831 830 display: table
832 831 }
833 832 * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
834 833
835 834 div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
836 835 div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
837 836 div.wiki ul.toc ul { margin: 0; padding: 0; }
838 837 div.wiki ul.toc li {list-style-type:none; margin: 0; font-size:12px;}
839 838 div.wiki ul.toc li li {margin-left: 1.5em; font-size:10px;}
840 839 div.wiki ul.toc a {
841 840 font-size: 0.9em;
842 841 font-weight: normal;
843 842 text-decoration: none;
844 843 color: #606060;
845 844 }
846 845 div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
847 846
848 847 a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
849 848 a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
850 849 h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
851 850
852 851 div.wiki img { vertical-align: middle; }
853 852
854 853 /***** My page layout *****/
855 854 .block-receiver {
856 855 border:1px dashed #c0c0c0;
857 856 margin-bottom: 20px;
858 857 padding: 15px 0 15px 0;
859 858 }
860 859
861 860 .mypage-box {
862 861 margin:0 0 20px 0;
863 862 color:#505050;
864 863 line-height:1.5em;
865 864 }
866 865
867 866 .handle {cursor: move;}
868 867
869 868 a.close-icon {
870 869 display:block;
871 870 margin-top:3px;
872 871 overflow:hidden;
873 872 width:12px;
874 873 height:12px;
875 874 background-repeat: no-repeat;
876 875 cursor:pointer;
877 876 background-image:url('../images/close.png');
878 877 }
879 878 a.close-icon:hover {background-image:url('../images/close_hl.png');}
880 879
881 880 /***** Gantt chart *****/
882 881 .gantt_hdr {
883 882 position:absolute;
884 883 top:0;
885 884 height:16px;
886 885 border-top: 1px solid #c0c0c0;
887 886 border-bottom: 1px solid #c0c0c0;
888 887 border-right: 1px solid #c0c0c0;
889 888 text-align: center;
890 889 overflow: hidden;
891 890 }
892 891
893 892 .gantt_hdr.nwday {background-color:#f1f1f1;}
894 893
895 894 .gantt_subjects { font-size: 0.8em; }
896 895 .gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
897 896
898 897 .task {
899 898 position: absolute;
900 899 height:8px;
901 900 font-size:0.8em;
902 901 color:#888;
903 902 padding:0;
904 903 margin:0;
905 904 line-height:16px;
906 905 white-space:nowrap;
907 906 }
908 907
909 908 .task.label {width:100%;}
910 909 .task.label.project, .task.label.version { font-weight: bold; }
911 910
912 911 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
913 912 .task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
914 913 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
915 914
916 915 .task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
917 916 .task_late.parent, .task_done.parent { height: 3px;}
918 917 .task.parent.marker.starting { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
919 918 .task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
920 919
921 920 .version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
922 921 .version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
923 922 .version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
924 923 .version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
925 924
926 925 .project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
927 926 .project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
928 927 .project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
929 928 .project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
930 929
931 930 .version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
932 931 .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
933 932
934 933 /***** Icons *****/
935 934 .icon {
936 935 background-position: 0% 50%;
937 936 background-repeat: no-repeat;
938 937 padding-left: 20px;
939 938 padding-top: 2px;
940 939 padding-bottom: 3px;
941 940 }
942 941
943 942 .icon-add { background-image: url(../images/add.png); }
944 943 .icon-edit { background-image: url(../images/edit.png); }
945 944 .icon-copy { background-image: url(../images/copy.png); }
946 945 .icon-duplicate { background-image: url(../images/duplicate.png); }
947 946 .icon-del { background-image: url(../images/delete.png); }
948 947 .icon-move { background-image: url(../images/move.png); }
949 948 .icon-save { background-image: url(../images/save.png); }
950 949 .icon-cancel { background-image: url(../images/cancel.png); }
951 950 .icon-multiple { background-image: url(../images/table_multiple.png); }
952 951 .icon-folder { background-image: url(../images/folder.png); }
953 952 .open .icon-folder { background-image: url(../images/folder_open.png); }
954 953 .icon-package { background-image: url(../images/package.png); }
955 954 .icon-user { background-image: url(../images/user.png); }
956 955 .icon-projects { background-image: url(../images/projects.png); }
957 956 .icon-help { background-image: url(../images/help.png); }
958 957 .icon-attachment { background-image: url(../images/attachment.png); }
959 958 .icon-history { background-image: url(../images/history.png); }
960 959 .icon-time { background-image: url(../images/time.png); }
961 960 .icon-time-add { background-image: url(../images/time_add.png); }
962 961 .icon-stats { background-image: url(../images/stats.png); }
963 962 .icon-warning { background-image: url(../images/warning.png); }
964 963 .icon-fav { background-image: url(../images/fav.png); }
965 964 .icon-fav-off { background-image: url(../images/fav_off.png); }
966 965 .icon-reload { background-image: url(../images/reload.png); }
967 966 .icon-lock { background-image: url(../images/locked.png); }
968 967 .icon-unlock { background-image: url(../images/unlock.png); }
969 968 .icon-checked { background-image: url(../images/true.png); }
970 969 .icon-details { background-image: url(../images/zoom_in.png); }
971 970 .icon-report { background-image: url(../images/report.png); }
972 971 .icon-comment { background-image: url(../images/comment.png); }
973 972 .icon-summary { background-image: url(../images/lightning.png); }
974 973 .icon-server-authentication { background-image: url(../images/server_key.png); }
975 974 .icon-issue { background-image: url(../images/ticket.png); }
976 975 .icon-zoom-in { background-image: url(../images/zoom_in.png); }
977 976 .icon-zoom-out { background-image: url(../images/zoom_out.png); }
978 977 .icon-passwd { background-image: url(../images/textfield_key.png); }
979 978 .icon-test { background-image: url(../images/bullet_go.png); }
980 979
981 980 .icon-file { background-image: url(../images/files/default.png); }
982 981 .icon-file.text-plain { background-image: url(../images/files/text.png); }
983 982 .icon-file.text-x-c { background-image: url(../images/files/c.png); }
984 983 .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
985 984 .icon-file.text-x-java { background-image: url(../images/files/java.png); }
986 985 .icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
987 986 .icon-file.text-x-php { background-image: url(../images/files/php.png); }
988 987 .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
989 988 .icon-file.text-xml { background-image: url(../images/files/xml.png); }
990 989 .icon-file.text-css { background-image: url(../images/files/css.png); }
991 990 .icon-file.text-html { background-image: url(../images/files/html.png); }
992 991 .icon-file.image-gif { background-image: url(../images/files/image.png); }
993 992 .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
994 993 .icon-file.image-png { background-image: url(../images/files/image.png); }
995 994 .icon-file.image-tiff { background-image: url(../images/files/image.png); }
996 995 .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
997 996 .icon-file.application-zip { background-image: url(../images/files/zip.png); }
998 997 .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
999 998
1000 999 img.gravatar {
1001 1000 padding: 2px;
1002 1001 border: solid 1px #d5d5d5;
1003 1002 background: #fff;
1004 1003 vertical-align: middle;
1005 1004 }
1006 1005
1007 1006 div.issue img.gravatar {
1008 1007 float: left;
1009 1008 margin: 0 6px 0 0;
1010 1009 padding: 5px;
1011 1010 }
1012 1011
1013 1012 div.issue table img.gravatar {
1014 1013 height: 14px;
1015 1014 width: 14px;
1016 1015 padding: 2px;
1017 1016 float: left;
1018 1017 margin: 0 0.5em 0 0;
1019 1018 }
1020 1019
1021 1020 h2 img.gravatar {margin: -2px 4px -4px 0;}
1022 1021 h3 img.gravatar {margin: -4px 4px -4px 0;}
1023 1022 h4 img.gravatar {margin: -6px 4px -4px 0;}
1024 1023 td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
1025 1024 #activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
1026 1025 /* Used on 12px Gravatar img tags without the icon background */
1027 1026 .icon-gravatar {float: left; margin-right: 4px;}
1028 1027
1029 1028 #activity dt, .journal {clear: left;}
1030 1029
1031 1030 .journal-link {float: right;}
1032 1031
1033 1032 h2 img { vertical-align:middle; }
1034 1033
1035 1034 .hascontextmenu { cursor: context-menu; }
1036 1035
1037 1036 /************* CodeRay styles *************/
1038 1037 .syntaxhl div {display: inline;}
1039 1038 .syntaxhl .line-numbers {padding: 2px 4px 2px 4px; background-color: #eee; margin:0px 5px 0px 0px;}
1040 1039 .syntaxhl .code pre { overflow: auto }
1041 1040 .syntaxhl .debug { color: white !important; background: blue !important; }
1042 1041
1043 1042 .syntaxhl .annotation { color:#007 }
1044 1043 .syntaxhl .attribute-name { color:#b48 }
1045 1044 .syntaxhl .attribute-value { color:#700 }
1046 1045 .syntaxhl .binary { color:#509 }
1047 1046 .syntaxhl .char .content { color:#D20 }
1048 1047 .syntaxhl .char .delimiter { color:#710 }
1049 1048 .syntaxhl .char { color:#D20 }
1050 1049 .syntaxhl .class { color:#258; font-weight:bold }
1051 1050 .syntaxhl .class-variable { color:#369 }
1052 1051 .syntaxhl .color { color:#0A0 }
1053 1052 .syntaxhl .comment { color:#385 }
1054 1053 .syntaxhl .comment .char { color:#385 }
1055 1054 .syntaxhl .comment .delimiter { color:#385 }
1056 1055 .syntaxhl .complex { color:#A08 }
1057 1056 .syntaxhl .constant { color:#258; font-weight:bold }
1058 1057 .syntaxhl .decorator { color:#B0B }
1059 1058 .syntaxhl .definition { color:#099; font-weight:bold }
1060 1059 .syntaxhl .delimiter { color:black }
1061 1060 .syntaxhl .directive { color:#088; font-weight:bold }
1062 1061 .syntaxhl .doc { color:#970 }
1063 1062 .syntaxhl .doc-string { color:#D42; font-weight:bold }
1064 1063 .syntaxhl .doctype { color:#34b }
1065 1064 .syntaxhl .entity { color:#800; font-weight:bold }
1066 1065 .syntaxhl .error { color:#F00; background-color:#FAA }
1067 1066 .syntaxhl .escape { color:#666 }
1068 1067 .syntaxhl .exception { color:#C00; font-weight:bold }
1069 1068 .syntaxhl .float { color:#06D }
1070 1069 .syntaxhl .function { color:#06B; font-weight:bold }
1071 1070 .syntaxhl .global-variable { color:#d70 }
1072 1071 .syntaxhl .hex { color:#02b }
1073 1072 .syntaxhl .imaginary { color:#f00 }
1074 1073 .syntaxhl .include { color:#B44; font-weight:bold }
1075 1074 .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
1076 1075 .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
1077 1076 .syntaxhl .instance-variable { color:#33B }
1078 1077 .syntaxhl .integer { color:#06D }
1079 1078 .syntaxhl .key .char { color: #60f }
1080 1079 .syntaxhl .key .delimiter { color: #404 }
1081 1080 .syntaxhl .key { color: #606 }
1082 1081 .syntaxhl .keyword { color:#939; font-weight:bold }
1083 1082 .syntaxhl .label { color:#970; font-weight:bold }
1084 1083 .syntaxhl .local-variable { color:#963 }
1085 1084 .syntaxhl .namespace { color:#707; font-weight:bold }
1086 1085 .syntaxhl .octal { color:#40E }
1087 1086 .syntaxhl .operator { }
1088 1087 .syntaxhl .predefined { color:#369; font-weight:bold }
1089 1088 .syntaxhl .predefined-constant { color:#069 }
1090 1089 .syntaxhl .predefined-type { color:#0a5; font-weight:bold }
1091 1090 .syntaxhl .preprocessor { color:#579 }
1092 1091 .syntaxhl .pseudo-class { color:#00C; font-weight:bold }
1093 1092 .syntaxhl .regexp .content { color:#808 }
1094 1093 .syntaxhl .regexp .delimiter { color:#404 }
1095 1094 .syntaxhl .regexp .modifier { color:#C2C }
1096 1095 .syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
1097 1096 .syntaxhl .reserved { color:#080; font-weight:bold }
1098 1097 .syntaxhl .shell .content { color:#2B2 }
1099 1098 .syntaxhl .shell .delimiter { color:#161 }
1100 1099 .syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
1101 1100 .syntaxhl .string .char { color: #46a }
1102 1101 .syntaxhl .string .content { color: #46a }
1103 1102 .syntaxhl .string .delimiter { color: #46a }
1104 1103 .syntaxhl .string .modifier { color: #46a }
1105 1104 .syntaxhl .symbol .content { color:#d33 }
1106 1105 .syntaxhl .symbol .delimiter { color:#d33 }
1107 1106 .syntaxhl .symbol { color:#d33 }
1108 1107 .syntaxhl .tag { color:#070 }
1109 1108 .syntaxhl .type { color:#339; font-weight:bold }
1110 1109 .syntaxhl .value { color: #088; }
1111 1110 .syntaxhl .variable { color:#037 }
1112 1111
1113 1112 .syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
1114 1113 .syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
1115 1114 .syntaxhl .change { color: #bbf; background: #007; }
1116 1115 .syntaxhl .head { color: #f8f; background: #505 }
1117 1116 .syntaxhl .head .filename { color: white; }
1118 1117
1119 1118 .syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
1120 1119 .syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
1121 1120
1122 1121 .syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
1123 1122 .syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
1124 1123 .syntaxhl .change .change { color: #88f }
1125 1124 .syntaxhl .head .head { color: #f4f }
1126 1125
1127 1126 /***** Media print specific styles *****/
1128 1127 @media print {
1129 1128 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
1130 1129 #main { background: #fff; }
1131 1130 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
1132 1131 #wiki_add_attachment { display:none; }
1133 1132 .hide-when-print { display: none; }
1134 1133 .autoscroll {overflow-x: visible;}
1135 1134 table.list {margin-top:0.5em;}
1136 1135 table.list th, table.list td {border: 1px solid #aaa;}
1137 1136 }
1138 1137
1139 1138 /* Accessibility specific styles */
1140 1139 .hidden-for-sighted {
1141 1140 position:absolute;
1142 1141 left:-10000px;
1143 1142 top:auto;
1144 1143 width:1px;
1145 1144 height:1px;
1146 1145 overflow:hidden;
1147 1146 }
General Comments 0
You need to be logged in to leave comments. Login now