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