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