##// END OF EJS Templates
Slight forum styles changes....
Jean-Philippe Lang -
r3312:0ee17b132c0d
parent child
Show More
1 NO CONTENT: new file 100644, binary diff hidden
@@ -1,72 +1,72
1 1 <%= breadcrumb link_to(l(:label_board_plural), {:controller => 'boards', :action => 'index', :project_id => @project}) %>
2 2
3 3 <div class="contextual">
4 4 <%= link_to_if_authorized l(:label_message_new),
5 5 {:controller => 'messages', :action => 'new', :board_id => @board},
6 6 :class => 'icon icon-add',
7 7 :onclick => 'Element.show("add-message"); Form.Element.focus("message_subject"); return false;' %>
8 8 <%= watcher_tag(@board, User.current) %>
9 9 </div>
10 10
11 11 <div id="add-message" style="display:none;">
12 12 <% if authorize_for('messages', 'new') %>
13 13 <h2><%= link_to h(@board.name), :controller => 'boards', :action => 'show', :project_id => @project, :id => @board %> &#187; <%= l(:label_message_new) %></h2>
14 14 <% form_for :message, @message, :url => {:controller => 'messages', :action => 'new', :board_id => @board}, :html => {:multipart => true, :id => 'message-form'} do |f| %>
15 15 <%= render :partial => 'messages/form', :locals => {:f => f} %>
16 16 <p><%= submit_tag l(:button_create) %>
17 17 <%= link_to_remote l(:label_preview),
18 18 { :url => { :controller => 'messages', :action => 'preview', :board_id => @board },
19 19 :method => 'post',
20 20 :update => 'preview',
21 21 :with => "Form.serialize('message-form')",
22 22 :complete => "Element.scrollTo('preview')"
23 23 }, :accesskey => accesskey(:preview) %> |
24 24 <%= link_to l(:button_cancel), "#", :onclick => 'Element.hide("add-message")' %></p>
25 25 <% end %>
26 26 <div id="preview" class="wiki"></div>
27 27 <% end %>
28 28 </div>
29 29
30 30 <h2><%=h @board.name %></h2>
31 31 <p class="subtitle"><%=h @board.description %></p>
32 32
33 33 <% if @topics.any? %>
34 34 <table class="list messages">
35 35 <thead><tr>
36 36 <th><%= l(:field_subject) %></th>
37 37 <th><%= l(:field_author) %></th>
38 38 <%= sort_header_tag('created_on', :caption => l(:field_created_on)) %>
39 39 <%= sort_header_tag('replies', :caption => l(:label_reply_plural)) %>
40 40 <%= sort_header_tag('updated_on', :caption => l(:label_message_last)) %>
41 41 </tr></thead>
42 42 <tbody>
43 43 <% @topics.each do |topic| %>
44 44 <tr class="message <%= cycle 'odd', 'even' %> <%= topic.sticky? ? 'sticky' : '' %> <%= topic.locked? ? 'locked' : '' %>">
45 <td class="subject"><%= link_to h(topic.subject), { :controller => 'messages', :action => 'show', :board_id => @board, :id => topic }, :class => 'icon' %></td>
45 <td class="subject"><%= link_to h(topic.subject), { :controller => 'messages', :action => 'show', :board_id => @board, :id => topic } %></td>
46 46 <td class="author" align="center"><%= topic.author %></td>
47 47 <td class="created_on" align="center"><%= format_time(topic.created_on) %></td>
48 48 <td class="replies" align="center"><%= topic.replies_count %></td>
49 49 <td class="last_message">
50 50 <% if topic.last_reply %>
51 51 <%= authoring topic.last_reply.created_on, topic.last_reply.author %><br />
52 52 <%= link_to_message topic.last_reply %>
53 53 <% end %>
54 54 </td>
55 55 </tr>
56 56 <% end %>
57 57 </tbody>
58 58 </table>
59 59 <p class="pagination"><%= pagination_links_full @topic_pages, @topic_count %></p>
60 60 <% else %>
61 61 <p class="nodata"><%= l(:label_no_data) %></p>
62 62 <% end %>
63 63
64 64 <% other_formats_links do |f| %>
65 65 <%= f.link_to 'Atom', :url => {:key => User.current.rss_key} %>
66 66 <% end %>
67 67
68 68 <% html_title h(@board.name) %>
69 69
70 70 <% content_for :header_tags do %>
71 71 <%= auto_discovery_link_tag(:atom, {:format => 'atom', :key => User.current.rss_key}, :title => "#{@project}: #{@board}") %>
72 72 <% end %>
@@ -1,853 +1,855
1 1 body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
2 2
3 3 h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
4 4 h1 {margin:0; padding:0; font-size: 24px;}
5 5 h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
6 6 h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
7 7 h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
8 8
9 9 /***** Layout *****/
10 10 #wrapper {background: white;}
11 11
12 12 #top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
13 13 #top-menu ul {margin: 0; padding: 0;}
14 14 #top-menu li {
15 15 float:left;
16 16 list-style-type:none;
17 17 margin: 0px 0px 0px 0px;
18 18 padding: 0px 0px 0px 0px;
19 19 white-space:nowrap;
20 20 }
21 21 #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
22 22 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
23 23
24 24 #account {float:right;}
25 25
26 26 #header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
27 27 #header a {color:#f8f8f8;}
28 28 #header h1 a.ancestor { font-size: 80%; }
29 29 #quick-search {float:right;}
30 30
31 31 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;}
32 32 #main-menu ul {margin: 0; padding: 0;}
33 33 #main-menu li {
34 34 float:left;
35 35 list-style-type:none;
36 36 margin: 0px 2px 0px 0px;
37 37 padding: 0px 0px 0px 0px;
38 38 white-space:nowrap;
39 39 }
40 40 #main-menu li a {
41 41 display: block;
42 42 color: #fff;
43 43 text-decoration: none;
44 44 font-weight: bold;
45 45 margin: 0;
46 46 padding: 4px 10px 4px 10px;
47 47 }
48 48 #main-menu li a:hover {background:#759FCF; color:#fff;}
49 49 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
50 50
51 51 #admin-menu ul {margin: 0; padding: 0;}
52 52 #admin-menu li {margin: 0; padding: 0 0 12px 0; list-style-type:none;}
53 53
54 54 #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
55 55 #admin-menu a.projects { background-image: url(../images/projects.png); }
56 56 #admin-menu a.users { background-image: url(../images/user.png); }
57 57 #admin-menu a.groups { background-image: url(../images/group.png); }
58 58 #admin-menu a.roles { background-image: url(../images/database_key.png); }
59 59 #admin-menu a.trackers { background-image: url(../images/ticket.png); }
60 60 #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
61 61 #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
62 62 #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
63 63 #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
64 64 #admin-menu a.settings { background-image: url(../images/changeset.png); }
65 65 #admin-menu a.plugins { background-image: url(../images/plugin.png); }
66 66 #admin-menu a.info { background-image: url(../images/help.png); }
67 67
68 68 #main {background-color:#EEEEEE;}
69 69
70 70 #sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
71 71 * html #sidebar{ width: 17%; }
72 72 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
73 73 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
74 74 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
75 75
76 76 #content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
77 77 * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
78 78 html>body #content { min-height: 600px; }
79 79 * html body #content { height: 600px; } /* IE */
80 80
81 81 #main.nosidebar #sidebar{ display: none; }
82 82 #main.nosidebar #content{ width: auto; border-right: 0; }
83 83
84 84 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
85 85
86 86 #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
87 87 #login-form table td {padding: 6px;}
88 88 #login-form label {font-weight: bold;}
89 89 #login-form input#username, #login-form input#password { width: 300px; }
90 90
91 91 input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
92 92
93 93 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
94 94
95 95 /***** Links *****/
96 96 a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
97 97 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
98 98 a img{ border: 0; }
99 99
100 100 a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
101 101
102 102 /***** Tables *****/
103 103 table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
104 104 table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
105 105 table.list td { vertical-align: top; }
106 106 table.list td.id { width: 2%; text-align: center;}
107 107 table.list td.checkbox { width: 15px; padding: 0px;}
108 108 table.list td.buttons { width: 15%; white-space:nowrap; text-align: right; }
109 109 table.list td.buttons a { padding-right: 0.6em; }
110 110
111 111 tr.project td.name a { padding-left: 16px; white-space:nowrap; }
112 112 tr.project.parent td.name a { background: url('../images/bullet_toggle_minus.png') no-repeat; }
113 113
114 114 tr.issue { text-align: center; white-space: nowrap; }
115 115 tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }
116 116 tr.issue td.subject { text-align: left; }
117 117 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
118 118
119 119 tr.entry { border: 1px solid #f8f8f8; }
120 120 tr.entry td { white-space: nowrap; }
121 121 tr.entry td.filename { width: 30%; }
122 122 tr.entry td.size { text-align: right; font-size: 90%; }
123 123 tr.entry td.revision, tr.entry td.author { text-align: center; }
124 124 tr.entry td.age { text-align: right; }
125 125 tr.entry.file td.filename a { margin-left: 16px; }
126 126
127 127 tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
128 128 tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
129 129
130 130 tr.changeset td.author { text-align: center; width: 15%; }
131 131 tr.changeset td.committed_on { text-align: center; width: 15%; }
132 132
133 133 table.files tr.file td { text-align: center; }
134 134 table.files tr.file td.filename { text-align: left; padding-left: 24px; }
135 135 table.files tr.file td.digest { font-size: 80%; }
136 136
137 137 table.members td.roles, table.memberships td.roles { width: 45%; }
138 138
139 139 tr.message { height: 2.6em; }
140 tr.message td.last_message { font-size: 80%; }
141 tr.message.locked td.subject a { background-image: url(../images/locked.png); }
142 tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }
140 tr.message td.subject { padding-left: 20px; }
141 tr.message td.created_on { white-space: nowrap; }
142 tr.message td.last_message { font-size: 80%; white-space: nowrap; }
143 tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
144 tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
143 145
144 146 tr.version.closed, tr.version.closed a { color: #999; }
145 147 tr.version td.name { padding-left: 20px; }
146 148 tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
147 149 tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; }
148 150
149 151 tr.user td { width:13%; }
150 152 tr.user td.email { width:18%; }
151 153 tr.user td { white-space: nowrap; }
152 154 tr.user.locked, tr.user.registered { color: #aaa; }
153 155 tr.user.locked a, tr.user.registered a { color: #aaa; }
154 156
155 157 tr.time-entry { text-align: center; white-space: nowrap; }
156 158 tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
157 159 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
158 160 td.hours .hours-dec { font-size: 0.9em; }
159 161
160 162 table.plugins td { vertical-align: middle; }
161 163 table.plugins td.configure { text-align: right; padding-right: 1em; }
162 164 table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
163 165 table.plugins span.description { display: block; font-size: 0.9em; }
164 166 table.plugins span.url { display: block; font-size: 0.9em; }
165 167
166 168 table.list tbody tr.group td { padding: 0.8em 0 0.5em 0.3em; font-weight: bold; border-bottom: 1px solid #ccc; }
167 169 table.list tbody tr.group span.count { color: #aaa; font-size: 80%; }
168 170
169 171 table.list tbody tr:hover { background-color:#ffffdd; }
170 172 table.list tbody tr.group:hover { background-color:inherit; }
171 173 table td {padding:2px;}
172 174 table p {margin:0;}
173 175 .odd {background-color:#f6f7f8;}
174 176 .even {background-color: #fff;}
175 177
176 178 a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
177 179 a.sort.asc { background-image: url(../images/sort_asc.png); }
178 180 a.sort.desc { background-image: url(../images/sort_desc.png); }
179 181
180 182 table.attributes { width: 100% }
181 183 table.attributes th { vertical-align: top; text-align: left; }
182 184 table.attributes td { vertical-align: top; }
183 185
184 186 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
185 187
186 188 td.center {text-align:center;}
187 189
188 190 h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
189 191
190 192 div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
191 193 div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
192 194 div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
193 195 div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
194 196
195 197 .highlight { background-color: #FCFD8D;}
196 198 .highlight.token-1 { background-color: #faa;}
197 199 .highlight.token-2 { background-color: #afa;}
198 200 .highlight.token-3 { background-color: #aaf;}
199 201
200 202 .box{
201 203 padding:6px;
202 204 margin-bottom: 10px;
203 205 background-color:#f6f6f6;
204 206 color:#505050;
205 207 line-height:1.5em;
206 208 border: 1px solid #e4e4e4;
207 209 }
208 210
209 211 div.square {
210 212 border: 1px solid #999;
211 213 float: left;
212 214 margin: .3em .4em 0 .4em;
213 215 overflow: hidden;
214 216 width: .6em; height: .6em;
215 217 }
216 218 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
217 219 .contextual input, .contextual select {font-size:0.9em;}
218 220 .message .contextual { margin-top: 0; }
219 221
220 222 .splitcontentleft{float:left; width:49%;}
221 223 .splitcontentright{float:right; width:49%;}
222 224 form {display: inline;}
223 225 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
224 226 fieldset {border: 1px solid #e4e4e4; margin:0;}
225 227 legend {color: #484848;}
226 228 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
227 229 blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
228 230 blockquote blockquote { margin-left: 0;}
229 231 acronym { border-bottom: 1px dotted; cursor: help; }
230 232 textarea.wiki-edit { width: 99%; }
231 233 li p {margin-top: 0;}
232 234 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
233 235 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
234 236 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
235 237 p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
236 238
237 239 fieldset.collapsible { border-width: 1px 0 0 0; font-size: 0.9em; }
238 240 fieldset.collapsible legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
239 241 fieldset.collapsible.collapsed legend { background-image: url(../images/arrow_collapsed.png); }
240 242
241 243 fieldset#date-range p { margin: 2px 0 2px 0; }
242 244 fieldset#filters table { border-collapse: collapse; }
243 245 fieldset#filters table td { padding: 0; vertical-align: middle; }
244 246 fieldset#filters tr.filter { height: 2em; }
245 247 fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
246 248 .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
247 249
248 250 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
249 251 div#issue-changesets .changeset { padding: 4px;}
250 252 div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }
251 253 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
252 254
253 255 div#activity dl, #search-results { margin-left: 2em; }
254 256 div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
255 257 div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
256 258 div#activity dt.me .time { border-bottom: 1px solid #999; }
257 259 div#activity dt .time { color: #777; font-size: 80%; }
258 260 div#activity dd .description, #search-results dd .description { font-style: italic; }
259 261 div#activity span.project:after, #search-results span.project:after { content: " -"; }
260 262 div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
261 263
262 264 #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
263 265
264 266 div#search-results-counts {float:right;}
265 267 div#search-results-counts ul { margin-top: 0.5em; }
266 268 div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }
267 269
268 270 dt.issue { background-image: url(../images/ticket.png); }
269 271 dt.issue-edit { background-image: url(../images/ticket_edit.png); }
270 272 dt.issue-closed { background-image: url(../images/ticket_checked.png); }
271 273 dt.issue-note { background-image: url(../images/ticket_note.png); }
272 274 dt.changeset { background-image: url(../images/changeset.png); }
273 275 dt.news { background-image: url(../images/news.png); }
274 276 dt.message { background-image: url(../images/message.png); }
275 277 dt.reply { background-image: url(../images/comments.png); }
276 278 dt.wiki-page { background-image: url(../images/wiki_edit.png); }
277 279 dt.attachment { background-image: url(../images/attachment.png); }
278 280 dt.document { background-image: url(../images/document.png); }
279 281 dt.project { background-image: url(../images/projects.png); }
280 282 dt.time-entry { background-image: url(../images/time.png); }
281 283
282 284 #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
283 285
284 286 div#roadmap fieldset.related-issues { margin-bottom: 1em; }
285 287 div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }
286 288 div#roadmap .wiki h1:first-child { display: none; }
287 289 div#roadmap .wiki h1 { font-size: 120%; }
288 290 div#roadmap .wiki h2 { font-size: 110%; }
289 291
290 292 div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
291 293 div#version-summary fieldset { margin-bottom: 1em; }
292 294 div#version-summary .total-hours { text-align: right; }
293 295
294 296 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
295 297 table#time-report tbody tr { font-style: italic; color: #777; }
296 298 table#time-report tbody tr.last-level { font-style: normal; color: #555; }
297 299 table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }
298 300 table#time-report .hours-dec { font-size: 0.9em; }
299 301
300 302 form#issue-form .attributes { margin-bottom: 8px; }
301 303 form#issue-form .attributes p { padding-top: 1px; padding-bottom: 2px; }
302 304 form#issue-form .attributes select { min-width: 30%; }
303 305
304 306 ul.projects { margin: 0; padding-left: 1em; }
305 307 ul.projects.root { margin: 0; padding: 0; }
306 308 ul.projects ul { border-left: 3px solid #e0e0e0; }
307 309 ul.projects li { list-style-type:none; }
308 310 ul.projects li.root { margin-bottom: 1em; }
309 311 ul.projects li.child { margin-top: 1em;}
310 312 ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
311 313 .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
312 314
313 315 #tracker_project_ids ul { margin: 0; padding-left: 1em; }
314 316 #tracker_project_ids li { list-style-type:none; }
315 317
316 318 ul.properties {padding:0; font-size: 0.9em; color: #777;}
317 319 ul.properties li {list-style-type:none;}
318 320 ul.properties li span {font-style:italic;}
319 321
320 322 .total-hours { font-size: 110%; font-weight: bold; }
321 323 .total-hours span.hours-int { font-size: 120%; }
322 324
323 325 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
324 326 #user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
325 327
326 328 #workflow_copy_form select { width: 200px; }
327 329
328 330 .pagination {font-size: 90%}
329 331 p.pagination {margin-top:8px;}
330 332
331 333 /***** Tabular forms ******/
332 334 .tabular p{
333 335 margin: 0;
334 336 padding: 5px 0 8px 0;
335 337 padding-left: 180px; /*width of left column containing the label elements*/
336 338 height: 1%;
337 339 clear:left;
338 340 }
339 341
340 342 html>body .tabular p {overflow:hidden;}
341 343
342 344 .tabular label{
343 345 font-weight: bold;
344 346 float: left;
345 347 text-align: right;
346 348 margin-left: -180px; /*width of left column*/
347 349 width: 175px; /*width of labels. Should be smaller than left column to create some right
348 350 margin*/
349 351 }
350 352
351 353 .tabular label.floating{
352 354 font-weight: normal;
353 355 margin-left: 0px;
354 356 text-align: left;
355 357 width: 270px;
356 358 }
357 359
358 360 .tabular label.block{
359 361 font-weight: normal;
360 362 margin-left: 0px !important;
361 363 text-align: left;
362 364 float: none;
363 365 display: block;
364 366 width: auto;
365 367 }
366 368
367 369 input#time_entry_comments { width: 90%;}
368 370
369 371 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
370 372
371 373 .tabular.settings p{ padding-left: 300px; }
372 374 .tabular.settings label{ margin-left: -300px; width: 295px; }
373 375 .tabular.settings textarea { width: 99%; }
374 376
375 377 fieldset.settings label { display: block; }
376 378
377 379 .required {color: #bb0000;}
378 380 .summary {font-style: italic;}
379 381
380 382 #attachments_fields input[type=text] {margin-left: 8px; }
381 383
382 384 div.attachments { margin-top: 12px; }
383 385 div.attachments p { margin:4px 0 2px 0; }
384 386 div.attachments img { vertical-align: middle; }
385 387 div.attachments span.author { font-size: 0.9em; color: #888; }
386 388
387 389 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
388 390 .other-formats span + span:before { content: "| "; }
389 391
390 392 a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
391 393
392 394 /* Project members tab */
393 395 div#tab-content-members .splitcontentleft, div#tab-content-memberships .splitcontentleft, div#tab-content-users .splitcontentleft { width: 64% }
394 396 div#tab-content-members .splitcontentright, div#tab-content-memberships .splitcontentright, div#tab-content-users .splitcontentright { width: 34% }
395 397 div#tab-content-members fieldset, div#tab-content-memberships fieldset, div#tab-content-users fieldset { padding:1em; margin-bottom: 1em; }
396 398 div#tab-content-members fieldset legend, div#tab-content-memberships fieldset legend, div#tab-content-users fieldset legend { font-weight: bold; }
397 399 div#tab-content-members fieldset label, div#tab-content-memberships fieldset label, div#tab-content-users fieldset label { display: block; }
398 400 div#tab-content-members fieldset div, div#tab-content-users fieldset div { max-height: 400px; overflow:auto; }
399 401
400 402 table.members td.group { padding-left: 20px; background: url(../images/group.png) no-repeat 0% 50%; }
401 403
402 404 * html div#tab-content-members fieldset div { height: 450px; }
403 405
404 406 /***** Flash & error messages ****/
405 407 #errorExplanation, div.flash, .nodata, .warning {
406 408 padding: 4px 4px 4px 30px;
407 409 margin-bottom: 12px;
408 410 font-size: 1.1em;
409 411 border: 2px solid;
410 412 }
411 413
412 414 div.flash {margin-top: 8px;}
413 415
414 416 div.flash.error, #errorExplanation {
415 417 background: url(../images/exclamation.png) 8px 50% no-repeat;
416 418 background-color: #ffe3e3;
417 419 border-color: #dd0000;
418 420 color: #880000;
419 421 }
420 422
421 423 div.flash.notice {
422 424 background: url(../images/true.png) 8px 5px no-repeat;
423 425 background-color: #dfffdf;
424 426 border-color: #9fcf9f;
425 427 color: #005f00;
426 428 }
427 429
428 430 div.flash.warning {
429 431 background: url(../images/warning.png) 8px 5px no-repeat;
430 432 background-color: #FFEBC1;
431 433 border-color: #FDBF3B;
432 434 color: #A6750C;
433 435 text-align: left;
434 436 }
435 437
436 438 .nodata, .warning {
437 439 text-align: center;
438 440 background-color: #FFEBC1;
439 441 border-color: #FDBF3B;
440 442 color: #A6750C;
441 443 }
442 444
443 445 #errorExplanation ul { font-size: 0.9em;}
444 446 #errorExplanation h2, #errorExplanation p { display: none; }
445 447
446 448 /***** Ajax indicator ******/
447 449 #ajax-indicator {
448 450 position: absolute; /* fixed not supported by IE */
449 451 background-color:#eee;
450 452 border: 1px solid #bbb;
451 453 top:35%;
452 454 left:40%;
453 455 width:20%;
454 456 font-weight:bold;
455 457 text-align:center;
456 458 padding:0.6em;
457 459 z-index:100;
458 460 filter:alpha(opacity=50);
459 461 opacity: 0.5;
460 462 }
461 463
462 464 html>body #ajax-indicator { position: fixed; }
463 465
464 466 #ajax-indicator span {
465 467 background-position: 0% 40%;
466 468 background-repeat: no-repeat;
467 469 background-image: url(../images/loading.gif);
468 470 padding-left: 26px;
469 471 vertical-align: bottom;
470 472 }
471 473
472 474 /***** Calendar *****/
473 475 table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
474 476 table.cal thead th {width: 14%;}
475 477 table.cal tbody tr {height: 100px;}
476 478 table.cal th { background-color:#EEEEEE; padding: 4px; }
477 479 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
478 480 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
479 481 table.cal td.odd p.day-num {color: #bbb;}
480 482 table.cal td.today {background:#ffffdd;}
481 483 table.cal td.today p.day-num {font-weight: bold;}
482 484
483 485 /***** Tooltips ******/
484 486 .tooltip{position:relative;z-index:24;}
485 487 .tooltip:hover{z-index:25;color:#000;}
486 488 .tooltip span.tip{display: none; text-align:left;}
487 489
488 490 div.tooltip:hover span.tip{
489 491 display:block;
490 492 position:absolute;
491 493 top:12px; left:24px; width:270px;
492 494 border:1px solid #555;
493 495 background-color:#fff;
494 496 padding: 4px;
495 497 font-size: 0.8em;
496 498 color:#505050;
497 499 }
498 500
499 501 /***** Progress bar *****/
500 502 table.progress {
501 503 border: 1px solid #D7D7D7;
502 504 border-collapse: collapse;
503 505 border-spacing: 0pt;
504 506 empty-cells: show;
505 507 text-align: center;
506 508 float:left;
507 509 margin: 1px 6px 1px 0px;
508 510 }
509 511
510 512 table.progress td { height: 0.9em; }
511 513 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
512 514 table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
513 515 table.progress td.open { background: #FFF none repeat scroll 0%; }
514 516 p.pourcent {font-size: 80%;}
515 517 p.progress-info {clear: left; font-style: italic; font-size: 80%;}
516 518
517 519 /***** Tabs *****/
518 520 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
519 521 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
520 522 #content .tabs ul li {
521 523 float:left;
522 524 list-style-type:none;
523 525 white-space:nowrap;
524 526 margin-right:8px;
525 527 background:#fff;
526 528 position:relative;
527 529 margin-bottom:-1px;
528 530 }
529 531 #content .tabs ul li a{
530 532 display:block;
531 533 font-size: 0.9em;
532 534 text-decoration:none;
533 535 line-height:1.3em;
534 536 padding:4px 6px 4px 6px;
535 537 border: 1px solid #ccc;
536 538 border-bottom: 1px solid #bbbbbb;
537 539 background-color: #eeeeee;
538 540 color:#777;
539 541 font-weight:bold;
540 542 }
541 543
542 544 #content .tabs ul li a:hover {
543 545 background-color: #ffffdd;
544 546 text-decoration:none;
545 547 }
546 548
547 549 #content .tabs ul li a.selected {
548 550 background-color: #fff;
549 551 border: 1px solid #bbbbbb;
550 552 border-bottom: 1px solid #fff;
551 553 }
552 554
553 555 #content .tabs ul li a.selected:hover {
554 556 background-color: #fff;
555 557 }
556 558
557 559 div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
558 560
559 561 button.tab-left, button.tab-right {
560 562 font-size: 0.9em;
561 563 cursor: pointer;
562 564 height:24px;
563 565 border: 1px solid #ccc;
564 566 border-bottom: 1px solid #bbbbbb;
565 567 position:absolute;
566 568 padding:4px;
567 569 width: 20px;
568 570 bottom: -1px;
569 571 }
570 572
571 573 button.tab-left {
572 574 right: 20px;
573 575 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
574 576 }
575 577
576 578 button.tab-right {
577 579 right: 0;
578 580 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
579 581 }
580 582
581 583 /***** Auto-complete *****/
582 584 div.autocomplete {
583 585 position:absolute;
584 586 width:250px;
585 587 background-color:white;
586 588 margin:0;
587 589 padding:0;
588 590 }
589 591 div.autocomplete ul {
590 592 list-style-type:none;
591 593 margin:0;
592 594 padding:0;
593 595 }
594 596 div.autocomplete ul li.selected { background-color: #ffb;}
595 597 div.autocomplete ul li {
596 598 list-style-type:none;
597 599 display:block;
598 600 margin:0;
599 601 padding:2px;
600 602 cursor:pointer;
601 603 font-size: 90%;
602 604 border-bottom: 1px solid #ccc;
603 605 border-left: 1px solid #ccc;
604 606 border-right: 1px solid #ccc;
605 607 }
606 608 div.autocomplete ul li span.informal {
607 609 font-size: 80%;
608 610 color: #aaa;
609 611 }
610 612
611 613 /***** Diff *****/
612 614 .diff_out { background: #fcc; }
613 615 .diff_in { background: #cfc; }
614 616
615 617 /***** Wiki *****/
616 618 div.wiki table {
617 619 border: 1px solid #505050;
618 620 border-collapse: collapse;
619 621 margin-bottom: 1em;
620 622 }
621 623
622 624 div.wiki table, div.wiki td, div.wiki th {
623 625 border: 1px solid #bbb;
624 626 padding: 4px;
625 627 }
626 628
627 629 div.wiki .external {
628 630 background-position: 0% 60%;
629 631 background-repeat: no-repeat;
630 632 padding-left: 12px;
631 633 background-image: url(../images/external.png);
632 634 }
633 635
634 636 div.wiki a.new {
635 637 color: #b73535;
636 638 }
637 639
638 640 div.wiki pre {
639 641 margin: 1em 1em 1em 1.6em;
640 642 padding: 2px;
641 643 background-color: #fafafa;
642 644 border: 1px solid #dadada;
643 645 width:95%;
644 646 overflow-x: auto;
645 647 }
646 648
647 649 div.wiki ul.toc {
648 650 background-color: #ffffdd;
649 651 border: 1px solid #e4e4e4;
650 652 padding: 4px;
651 653 line-height: 1.2em;
652 654 margin-bottom: 12px;
653 655 margin-right: 12px;
654 656 margin-left: 0;
655 657 display: table
656 658 }
657 659 * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
658 660
659 661 div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
660 662 div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
661 663 div.wiki ul.toc li { list-style-type:none;}
662 664 div.wiki ul.toc li.heading2 { margin-left: 6px; }
663 665 div.wiki ul.toc li.heading3 { margin-left: 12px; font-size: 0.8em; }
664 666
665 667 div.wiki ul.toc a {
666 668 font-size: 0.9em;
667 669 font-weight: normal;
668 670 text-decoration: none;
669 671 color: #606060;
670 672 }
671 673 div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
672 674
673 675 a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
674 676 a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
675 677 h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
676 678
677 679 div.wiki img { vertical-align: middle; }
678 680
679 681 /***** My page layout *****/
680 682 .block-receiver {
681 683 border:1px dashed #c0c0c0;
682 684 margin-bottom: 20px;
683 685 padding: 15px 0 15px 0;
684 686 }
685 687
686 688 .mypage-box {
687 689 margin:0 0 20px 0;
688 690 color:#505050;
689 691 line-height:1.5em;
690 692 }
691 693
692 694 .handle {
693 695 cursor: move;
694 696 }
695 697
696 698 a.close-icon {
697 699 display:block;
698 700 margin-top:3px;
699 701 overflow:hidden;
700 702 width:12px;
701 703 height:12px;
702 704 background-repeat: no-repeat;
703 705 cursor:pointer;
704 706 background-image:url('../images/close.png');
705 707 }
706 708
707 709 a.close-icon:hover {
708 710 background-image:url('../images/close_hl.png');
709 711 }
710 712
711 713 /***** Gantt chart *****/
712 714 .gantt_hdr {
713 715 position:absolute;
714 716 top:0;
715 717 height:16px;
716 718 border-top: 1px solid #c0c0c0;
717 719 border-bottom: 1px solid #c0c0c0;
718 720 border-right: 1px solid #c0c0c0;
719 721 text-align: center;
720 722 overflow: hidden;
721 723 }
722 724
723 725 .task {
724 726 position: absolute;
725 727 height:8px;
726 728 font-size:0.8em;
727 729 color:#888;
728 730 padding:0;
729 731 margin:0;
730 732 line-height:0.8em;
731 733 white-space:nowrap;
732 734 }
733 735
734 736 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
735 737 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
736 738 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
737 739 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
738 740
739 741 /***** Icons *****/
740 742 .icon {
741 743 background-position: 0% 50%;
742 744 background-repeat: no-repeat;
743 745 padding-left: 20px;
744 746 padding-top: 2px;
745 747 padding-bottom: 3px;
746 748 }
747 749
748 750 .icon-add { background-image: url(../images/add.png); }
749 751 .icon-edit { background-image: url(../images/edit.png); }
750 752 .icon-copy { background-image: url(../images/copy.png); }
751 753 .icon-duplicate { background-image: url(../images/duplicate.png); }
752 754 .icon-del { background-image: url(../images/delete.png); }
753 755 .icon-move { background-image: url(../images/move.png); }
754 756 .icon-save { background-image: url(../images/save.png); }
755 757 .icon-cancel { background-image: url(../images/cancel.png); }
756 758 .icon-multiple { background-image: url(../images/table_multiple.png); }
757 759 .icon-folder { background-image: url(../images/folder.png); }
758 760 .open .icon-folder { background-image: url(../images/folder_open.png); }
759 761 .icon-package { background-image: url(../images/package.png); }
760 762 .icon-home { background-image: url(../images/home.png); }
761 763 .icon-user { background-image: url(../images/user.png); }
762 764 .icon-projects { background-image: url(../images/projects.png); }
763 765 .icon-help { background-image: url(../images/help.png); }
764 766 .icon-attachment { background-image: url(../images/attachment.png); }
765 767 .icon-history { background-image: url(../images/history.png); }
766 768 .icon-time { background-image: url(../images/time.png); }
767 769 .icon-time-add { background-image: url(../images/time_add.png); }
768 770 .icon-stats { background-image: url(../images/stats.png); }
769 771 .icon-warning { background-image: url(../images/warning.png); }
770 772 .icon-fav { background-image: url(../images/fav.png); }
771 773 .icon-fav-off { background-image: url(../images/fav_off.png); }
772 774 .icon-reload { background-image: url(../images/reload.png); }
773 775 .icon-lock { background-image: url(../images/locked.png); }
774 776 .icon-unlock { background-image: url(../images/unlock.png); }
775 777 .icon-checked { background-image: url(../images/true.png); }
776 778 .icon-details { background-image: url(../images/zoom_in.png); }
777 779 .icon-report { background-image: url(../images/report.png); }
778 780 .icon-comment { background-image: url(../images/comment.png); }
779 781 .icon-summary { background-image: url(../images/lightning.png); }
780 782
781 783 .icon-file { background-image: url(../images/files/default.png); }
782 784 .icon-file.text-plain { background-image: url(../images/files/text.png); }
783 785 .icon-file.text-x-c { background-image: url(../images/files/c.png); }
784 786 .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
785 787 .icon-file.text-x-php { background-image: url(../images/files/php.png); }
786 788 .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
787 789 .icon-file.text-xml { background-image: url(../images/files/xml.png); }
788 790 .icon-file.image-gif { background-image: url(../images/files/image.png); }
789 791 .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
790 792 .icon-file.image-png { background-image: url(../images/files/image.png); }
791 793 .icon-file.image-tiff { background-image: url(../images/files/image.png); }
792 794 .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
793 795 .icon-file.application-zip { background-image: url(../images/files/zip.png); }
794 796 .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
795 797
796 798 img.gravatar {
797 799 padding: 2px;
798 800 border: solid 1px #d5d5d5;
799 801 background: #fff;
800 802 }
801 803
802 804 div.issue img.gravatar {
803 805 float: right;
804 806 margin: 0 0 0 1em;
805 807 padding: 5px;
806 808 }
807 809
808 810 div.issue table img.gravatar {
809 811 height: 14px;
810 812 width: 14px;
811 813 padding: 2px;
812 814 float: left;
813 815 margin: 0 0.5em 0 0;
814 816 }
815 817
816 818 h2 img.gravatar {
817 819 padding: 3px;
818 820 margin: -2px 4px 0 0;
819 821 float: left;
820 822 }
821 823
822 824 h4 img.gravatar {
823 825 padding: 3px;
824 826 margin: -6px 4px 0 0;
825 827 float: left;
826 828 }
827 829
828 830 td.username img.gravatar {
829 831 float: left;
830 832 margin: 0 1em 0 0;
831 833 }
832 834
833 835 #activity dt img.gravatar {
834 836 float: left;
835 837 margin: 0 1em 1em 0;
836 838 }
837 839
838 840 #activity dt,
839 841 .journal {
840 842 clear: left;
841 843 }
842 844
843 845 h2 img { vertical-align:middle; }
844 846
845 847 .hascontextmenu { cursor: context-menu; }
846 848
847 849 /***** Media print specific styles *****/
848 850 @media print {
849 851 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
850 852 #main { background: #fff; }
851 853 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
852 854 #wiki_add_attachment { display:none; }
853 855 }
1 NO CONTENT: file was removed, binary diff hidden
General Comments 0
You need to be logged in to leave comments. Login now