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