Contents of /trunk/flyspray/themes/Magellan/theme.css
Parent Directory | Revision Log
Revision 6 -
(show annotations)
(download)
(as text)
Thu Mar 24 13:33:23 2016 UTC (8 years, 2 months ago) by niro
File MIME type: text/css
File size: 43010 byte(s)
Thu Mar 24 13:33:23 2016 UTC (8 years, 2 months ago) by niro
File MIME type: text/css
File size: 43010 byte(s)
-import flyspray-1.0-beta Magellan theme
1 | /* ------------------ IMPORTS -------------------- */ |
2 | @import url("../../js/jscalendar/calendar-system.css"); |
3 | /*@import url("./fonts/octicons/octicons.css");*/ |
4 | /*@import url("calendar.css");*/ |
5 | /* reset.css - Resets default browser CSS. |
6 | putting it here saves one extra http request. |
7 | */ |
8 | html { margin:0;padding:0;border:0;} |
9 | body, div, span, object, iframe, |
10 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
11 | a, abbr, acronym, address, code, |
12 | del, dfn, em, img, q, dl, dt, dd, ol, ul, li, |
13 | fieldset, form, label, legend, |
14 | table, caption, tbody, tfoot, thead, tr, th, td, |
15 | article, aside, dialog, figure, footer, header, |
16 | hgroup, nav, section { |
17 | margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; |
18 | } |
19 | /* This helps to make newer HTML5 elements behave like DIVs in older browsers */ |
20 | article, aside, details, figcaption, figure, dialog, |
21 | footer, header, hgroup, menu, nav, section { |
22 | display:block; |
23 | } |
24 | |
25 | /* Central default color scheme for Flyspray. |
26 | You can overwrite it by grouping the same css rules to your colors later in the file. |
27 | Or better load an extra 'customxxx.css' file in the header.tpl after loading theme.css. |
28 | */ |
29 | .button, |
30 | button, |
31 | input[type=submit], |
32 | input[type=text], |
33 | input[type=password], |
34 | fieldset, |
35 | body.toplevel .box, |
36 | div.box, |
37 | p.box, |
38 | div.roadmap, |
39 | div.error, |
40 | div.success, |
41 | div.mixed, |
42 | .descbox, |
43 | #toolboxmenu a.active, |
44 | #submenu a.active, |
45 | #tasklist, |
46 | #search, |
47 | #search fieldset, |
48 | #intromessage, |
49 | #toolbox, |
50 | #toolbox div.tab, |
51 | #taskdetails, |
52 | #taskdetails #showvotes, |
53 | #comments, #related, #notify, #remind, #effort, #history, |
54 | #events, |
55 | div#taskclosed, |
56 | #tasklist_table th, |
57 | #controlBox { |
58 | background-color:#fff; |
59 | } |
60 | div.denyform, |
61 | div.popup { |
62 | background-color:#fafafa; |
63 | } |
64 | tr.active, |
65 | body a.button.positive, body button.positive, |
66 | #pm-menu-list a.active, #pm-menu-list a.active:hover, |
67 | #menu-list a.active, #menu-list a.active:hover, |
68 | #s_loginbox:checked ~ #show_loginbox, |
69 | #s_quickactions:checked ~ #actions, |
70 | #menu-list a#show_loginbox:hover { |
71 | background-color: #ff6603; |
72 | } |
73 | body a.button.positive, body button.positive { |
74 | color: #fff; |
75 | } |
76 | /* end default Flyspray color scheme */ |
77 | |
78 | body { |
79 | line-height: 1.5; /* Line-height should always be unitless! */ |
80 | /* direction:rtl; */ |
81 | } |
82 | table {border-collapse: separate;border-spacing: 0;} |
83 | caption, th, td { |
84 | text-align: left; |
85 | font-weight: normal; |
86 | float:none !important; /* float:none prevents the span-x classes from breaking table-cell display */ |
87 | } |
88 | table, th, td {vertical-align: middle;} |
89 | /* Remove possible quote marks (") from <q>, <blockquote>. */ |
90 | blockquote:before, blockquote:after, q:before, q:after { content: ''; } |
91 | blockquote, q { quotes: "" ""; } |
92 | /* Remember to define your own focus styles! */ |
93 | :focus { outline: 0; } |
94 | /* end import reset.css */ |
95 | |
96 | /* start typography.css */ |
97 | /* no colors here. Lets do colors,font-style and text-decoration in extra css files for easy customization */ |
98 | body {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px;} |
99 | h1,h2,h3,h4,h5,h6 { font-weight: normal; } |
100 | h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } |
101 | h2 { font-size: 2em; margin-bottom: 0.75em; } |
102 | h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } |
103 | h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } |
104 | h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } |
105 | h6 { font-size: 1em; font-weight: bold; } |
106 | h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { |
107 | margin: 0; |
108 | } |
109 | p { margin: 0 0 1.5em; } |
110 | /* |
111 | These can be used to pull an image at the start of a paragraph, so |
112 | that the text flows around it (usage: <p><img class="left">Text</p>) |
113 | */ |
114 | /*.left { float: left !important; }*/ |
115 | p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } |
116 | /*.right { float: right !important; }*/ |
117 | p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } |
118 | /* |
119 | a:focus, a:hover { color: #f80; } |
120 | a { color: #f60; text-decoration: underline; } |
121 | */ |
122 | blockquote { margin: 1.5em; font-style: italic;} |
123 | strong, dfn { font-weight: bold; } |
124 | em, dfn { font-style: italic; } |
125 | sup, sub { line-height: 0; } |
126 | /* |
127 | abbr,acronym { border-bottom: 1px dotted #666; } |
128 | */ |
129 | address { margin: 0 0 1.5em; font-style: italic; } |
130 | /* |
131 | del { color:#666; } |
132 | */ |
133 | pre { margin: 1.5em 0; white-space: pre; } |
134 | pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } |
135 | li ul, li ol { margin: 0; } |
136 | ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3em; } |
137 | ul { list-style-type: disc; } |
138 | ol { list-style-type: decimal; } |
139 | dl { margin: 0 0 1.5em 0; } |
140 | dl dt { font-weight: bold; } |
141 | dd { margin-left: 1.5em;} |
142 | /* |
143 | Because of the need for padding on th and td, the vertical rhythm |
144 | on table cells has to be 27px, instead of the standard 18px or 36px |
145 | of other elements. |
146 | */ |
147 | table { margin-bottom: 1.4em; } |
148 | th { font-weight: bold; } |
149 | th,td,caption { padding: 4px 10px 4px 5px; } |
150 | tfoot { font-style: italic; } |
151 | /* |
152 | caption { background: #eee; } |
153 | */ |
154 | .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } |
155 | .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } |
156 | .hide { display: none; } |
157 | /* |
158 | .quiet { color: #666; } |
159 | .loud { color: #000; } |
160 | .highlight { background:#ff0; } |
161 | .added { background:#060; color: #fff; } |
162 | .removed { background:#900; color: #fff; } |
163 | */ |
164 | .first { margin-left:0; } |
165 | .last { margin-right:0; padding-right:0; } |
166 | .top { margin-top:0; padding-top:0; } |
167 | .bottom { margin-bottom:0; padding-bottom:0; } |
168 | |
169 | /* ----------------- VARIABLES --------------------- */ |
170 | /*$far_background: #dcdcdc;*/ |
171 | /*$far_background: #ededed;*/ |
172 | /*$top1: lighten(#292626, 2%);*/ |
173 | /*$dominant: #2C6FB2;*/ |
174 | /*$dominant: #A82F21;*/ |
175 | /*$link: #ff6600;*/ |
176 | /*lighten(#F9F2F2, 1%);*/ |
177 | /* ----------------- MIXINS --------------------- */ |
178 | /* ------------------ HELPER CLASSES -------------------- */ |
179 | |
180 | .hide { |
181 | display: none; |
182 | visibility: hidden; |
183 | } |
184 | .clear {clear: both;} |
185 | .fade {color: gray; background: pink !important; border: 1px solid blue !important;} |
186 | .search_hit {background: red !important; border: 1px solid green !important;} |
187 | img:-moz-broken { |
188 | /* show broken images */ |
189 | -moz-force-broken-image-icon: 1; |
190 | width: 24px; |
191 | height: 24px; |
192 | border: solid 2px red; |
193 | } |
194 | div.popup { |
195 | position: absolute; |
196 | border: #e1e1e1 1px solid; |
197 | margin-top: 5px; |
198 | padding: 5px; |
199 | -moz-box-shadow: 0px 1px 2px #f9f9f9; |
200 | -webkit-box-shadow: 0px 1px 2px #f9f9f9; |
201 | box-shadow: 0px 1px 2px #f9f9f9; |
202 | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; |
203 | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); |
204 | } |
205 | |
206 | /* ------------------ STYLE -------------------- */ |
207 | body {background: #f9f9f9; /* direction:rtl;*/} |
208 | a {color: #ff6603;} |
209 | a:hover {color: #ff1103;} |
210 | #container { min-width: 1000px; position: relative; text-align: left; } |
211 | #content { padding: 10px 20px 10px 20px; min-width: 660px; } |
212 | #footer { |
213 | display: block; |
214 | margin: 0px 20px 20px 20px; |
215 | padding-top: 10px; |
216 | text-align: right; |
217 | } |
218 | #title { |
219 | background-color: #404040; /* fallback/image non-cover color */ |
220 | background-image: #404040; |
221 | /*border-bottom: 1px solid #ff8811;*/ |
222 | /*border-bottom: 4px solid $dominant;*/ |
223 | margin: 0; |
224 | } |
225 | #title a {color: white; text-decoration: none; display: block; padding: 25px 50px; } |
226 | #title img { float: left; margin-right: 20px; height: 36px;} |
227 | #labelpmmenu,#labelmenu1{display:none; cursor:pointer;} |
228 | #pmmenu,#menu1{display:none;} |
229 | #menu {position: absolute; top:5px; right:5px;} |
230 | #menu-list {display: inline;margin: 0;padding: 0;list-style: none; } |
231 | #menu-list a, #menu-list label{color: #ddd;text-decoration: none;padding: 3px 7px; } |
232 | #menu-list a:hover { |
233 | background: #000; |
234 | border-radius: 3px; |
235 | -moz-border-radius: 3px; |
236 | -webkit-border-radius: 3px; |
237 | } |
238 | #s_loginbox, #s_quickactions { display: none;} |
239 | #loginbox, #actionsform { display: none;} |
240 | #s_loginbox:checked ~ #loginbox, #s_quickactions:checked ~ #actionsform { display: block; } |
241 | tr.active, #menu-list a.active, #s_loginbox:checked ~ #show_loginbox, #s_quickactions:checked ~ #actions { |
242 | /*background: $inverse_link; */ |
243 | color: #fff; |
244 | border-radius: 3px; |
245 | -moz-border-radius: 3px; |
246 | -webkit-border-radius: 3px; |
247 | } |
248 | #s_loginbox:checked ~ #show_loginbox{border-radius: 3px 3px 0 0;} |
249 | #menu-list a#lastsearchlink.active { |
250 | -moz-border-radius: 3px 3px 0px 0px; |
251 | -webkit-border-radius: 3px 3px 0px 0px; |
252 | border-radius: 3px 3px 0px 0px; |
253 | } |
254 | #menu-list li { |
255 | display: block; |
256 | padding: 0px 2px; |
257 | float: left; |
258 | height: 1.4em; |
259 | border-left: dotted 1px #888888; |
260 | } |
261 | #menu-list li:first-child {border: none; } |
262 | #menu-list #locked { margin-left: 7px; color: red; } |
263 | div#mysearches { |
264 | border-radius: 4px; |
265 | -moz-border-radius: 4px; |
266 | -webkit-border-radius: 4px; |
267 | background: #dddddd; |
268 | border: solid 3px #ff6603; |
269 | width: 218px; |
270 | overflow: auto; |
271 | max-height: 25em; |
272 | display: none; |
273 | position: absolute; |
274 | left: 0; |
275 | top: 1.4em; |
276 | margin-top: 1px; |
277 | z-index: 5; |
278 | padding: 2px 5px 3px; |
279 | } |
280 | div#mysearches table#mysearchestable {border-collapse: collapse;width: 100%;margin-bottom: 0;} |
281 | div#mysearches table#mysearchestable a {color: #3c4041;font-weight: normal;} |
282 | div#mysearches table#mysearchestable a:hover {background: none; text-decoration: underline;} |
283 | div#mysearches .searches_delete {width: 20px;} |
284 | div#mysearches a {padding: 0 0 0 0.2em;font-weight: bold;} |
285 | div#mysearches table tr {border-bottom: dotted 1px gray;text-align: left;padding: 0.1em 0;} |
286 | div#mysearches table tr.last {border: 0;} |
287 | div#mysearches td {vertical-align: middle;} |
288 | #pmcontrol div { |
289 | vertical-align:middle; |
290 | display: -moz-inline-stack; /* optional */ |
291 | display: inline-block; |
292 | zoom: 1; /* triggers hasLayout for IE */ |
293 | *display: inline; /* target IE7 only */ |
294 | } |
295 | #pmcontrol input[type="text"]{ |
296 | height:auto; |
297 | } |
298 | #showtask #taskid {width: 50px;} |
299 | #projectselector { /*margin-top: 3px;*/ margin-right: 10px; } |
300 | #projectselector button { margin-bottom: 2px;} |
301 | #projectselector option[selected] { font-weight: bold;} |
302 | #pm-menu{background-color:#222; border-bottom: solid 4px #ff6603;padding: 0px 0px 0px 10px; /*text-align:center;*/ } |
303 | #pm-menu-list {list-style: none;display: inline-block;margin:0;} |
304 | #pmcontrol{display: inline-block;float: right;margin: 6px 20px 0px 0px;} |
305 | #pm-menu-list li {display: inline-block;} |
306 | #pm-menu-list li a {display: block; line-height: 1.4em; padding: 11px 11px 8px 35px; color: #f9f9f9; |
307 | text-decoration: none; border-left: dotted 1px #3c4041; border-top-left-radius: 3px; border-top-right-radius: 3px; |
308 | background-repeat: no-repeat; background-position: 12px 50%; |
309 | } |
310 | #pm-menu-list a:hover { background-color: #000; border-left: 1px solid #000;} |
311 | #pm-menu-list a.active { |
312 | border-left: none; |
313 | border-top: 1px solid #ff8811; |
314 | border-right: 1px solid #ff8811; |
315 | } |
316 | #pm-menu-list li:first-child a {border-left: none;} |
317 | #toplevellink {background-image: url("img/gray/folder_stroke_12x12.png");} |
318 | #homelink {background-image: url("img/gray/list_12x11.png");} |
319 | #newtasklink {background-image: url("img/gray/document_alt_stroke_9x12.png"); } |
320 | #newmultitaskslink {background-image: url("img/gray/document_alt_stroke_9x12.png");} |
321 | #mytaskslink {background-image: url("img/gray/calendar_alt_stroke_12x12.png");} |
322 | #reportslink {background-image: url("img/gray/calendar_alt_stroke_12x12.png");} |
323 | #roadmaplink {background-image: url("img/gray/compass_12x12.png");} |
324 | #projectslink {background-image: url("img/gray/cog_alt_12x12.png");} |
325 | .active#toplevellink {background-image: url("img/white/folder_stroke_12x12.png");} |
326 | .active#homelink {background-image: url("img/white/list_12x11.png");} |
327 | .active#newtasklink {background-image: url("img/white/document_alt_stroke_9x12.png");} |
328 | .active#mytaskslink {background-image: url("img/white/calendar_alt_stroke_12x12.png");} |
329 | .active#reportslink {background-image: url("img/white/calendar_alt_stroke_12x12.png");} |
330 | .active#roadmaplink {background-image: url("img/white/compass_12x12.png");} |
331 | .active#projectslink {background-image: url("img/white/cog_alt_12x12.png");} |
332 | /* --- buttons --- */ |
333 | #actionbar { /*height: 4em;*/ position: relative;} |
334 | #actionbar a.button, #actionbar button.button { margin-bottom: 0;} |
335 | #actionbar .main {float: right;} |
336 | .button, button, input[type=submit] { |
337 | display: -moz-inline-stack; /* optional */ |
338 | display: inline-block; |
339 | zoom: 1; /* triggers hasLayout for IE */ |
340 | *display: inline; /* target IE7 only */ |
341 | margin: 0.3em 0.3em 0.3em 0; |
342 | padding: 4px; |
343 | /* Links */ |
344 | border: 1px solid #bbb; |
345 | border-radius: 4px; |
346 | -moz-border-radius: 4px; |
347 | -webkit-border-radius: 4px; |
348 | -moz-box-shadow: 0px 1px 1px #ddd; |
349 | -webkit-box-shadow: 0px 1px 1px #ddd; |
350 | box-shadow: 0px 1px 1px #ddd; |
351 | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; |
352 | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); |
353 | font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; |
354 | font-size: 100%; |
355 | line-height: 130%; |
356 | text-decoration: none; |
357 | font-weight: bold; |
358 | color: #565656; |
359 | cursor: pointer; |
360 | } |
361 | a.button img, button.button img { |
362 | margin: 0 3px -3px 0 !important; |
363 | padding: 0; |
364 | border: none; |
365 | width: 16px; |
366 | height: 16px; |
367 | float: none; |
368 | } |
369 | a.button:hover, button.button:hover, input[type=submit] {background-color: #f2f2f2;border: 1px solid #a1a1a1;} |
370 | a.button.disabled{background-color: #f2f2f2; border: 1px solid #a1a1a1;color: #9e9e9e;} |
371 | a.button:active, button.button:active {background-color: #6299c5;border: 1px solid #6299c5;color: #fff;} |
372 | body a.positive, body button.positive { |
373 | border: solid 1px #ee7703; |
374 | border-top: solid 1px #eeae70; |
375 | border-right: solid 1px #eeae70; |
376 | } |
377 | a.positive:hover, button.positive:hover { |
378 | background-color: #ee7703; |
379 | border: solid 1px #ff6603; |
380 | } |
381 | a.positive:active, button.positive:active { |
382 | background-color: #ee7703; |
383 | border: 1px solid #ee7703; |
384 | } |
385 | .button.img.delete { |
386 | background-image: url('./img/red/x_alt_24x24.png'); |
387 | background-size: contain; |
388 | background-repeat: no-repeat; |
389 | background-color:transparent; |
390 | box-shadow:none; |
391 | border:none; |
392 | } |
393 | #table tr:first-child td:first-child button.img.delete {display: none;} |
394 | |
395 | body .negative {color: #d12f19;} |
396 | a.negative:hover {background-color: #fbe3e4;border: 1px solid #fbc2c4;color: #d12f19;} |
397 | a.negative:active {background-color: #d12f19;border: 1px solid #d12f19;color: #fff;} |
398 | #intromessage {display: block;} |
399 | #tasklist { |
400 | margin: 10px 0px 10px 0px; |
401 | padding: 10px; |
402 | border: solid 1px #e1e1e1; |
403 | border-radius: 3px; |
404 | } |
405 | #tasklist_table {width: 100%;} |
406 | #search { |
407 | margin: 10px 0px 10px 0px; |
408 | padding: 10px; |
409 | border: solid 1px #e1e1e1; |
410 | border-radius: 3px; |
411 | } |
412 | #search fieldset { |
413 | margin: 10px 0px 10px 0px; |
414 | padding: 10px; |
415 | border: solid 1px #e1e1e1; |
416 | border-radius: 3px; |
417 | } |
418 | #intromessage { |
419 | margin: 10px 0px 10px 0px; |
420 | padding: 10px; |
421 | border: solid 1px #e1e1e1; |
422 | border-radius: 3px; |
423 | } |
424 | body.toplevel .box { |
425 | margin: 10px 0px 10px 0px; |
426 | padding: 10px; |
427 | border: solid 1px #e1e1e1; |
428 | border-radius: 3px; |
429 | margin: 10px 0 0 10px; |
430 | width: 400px; |
431 | /*@include inline-block;*/ |
432 | /*vertical-align: middle;*/ |
433 | float: left; |
434 | } |
435 | body.toplevel .single-project { |
436 | width: auto; |
437 | float: none; |
438 | display: block; |
439 | height: auto; |
440 | } |
441 | body.myprofile .box {display:inline-block;vertical-align:top;} |
442 | .progress_bar_container { |
443 | width: 150px; |
444 | margin: 0 5px; |
445 | border: solid 1px #000; |
446 | height: 11px; |
447 | position: relative; |
448 | border-radius: 4px; |
449 | -moz-border-radius: 4px; |
450 | -webkit-border-radius: 4px; |
451 | display: -moz-inline-stack; /* optional */ |
452 | display: inline-block; |
453 | zoom: 1; /* triggers hasLayout for IE */ |
454 | *display: inline; /* target IE7 only */ |
455 | vertical-align: sub; |
456 | } |
457 | .progress_bar_container .progress_bar { |
458 | height: 100%; |
459 | background: #ff6603; |
460 | border-right: 1px solid #2d4713; |
461 | position: absolute; |
462 | left: 0; |
463 | top: 0; |
464 | border-radius: 3px; |
465 | -moz-border-radius: 3px; |
466 | -webkit-border-radius: 3px; |
467 | background-color: #eeae70; /* fallback/image non-cover color */ |
468 | background-image: -moz-linear-gradient(#eeae70, #ee7703); /* Firefox 3.6+ */ |
469 | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeae70), to(#ee7703)); /* Safari 4+, Chrome 1+ */ |
470 | background-image: -webkit-linear-gradient(#eeae70, #ee7703); /* Safari 5.1+, Chrome 10+ */ |
471 | background-image: -o-linear-gradient(#eeae70, #ee7703); /* Opera 11.10+ */ |
472 | } |
473 | .progress_bar_container span { |
474 | text-align: center; |
475 | position: absolute; |
476 | z-index: 100; |
477 | width: 100%; |
478 | font-size: 10px; |
479 | line-height: 1em; |
480 | text-shadow: 0 0 6px white; |
481 | } |
482 | td.task_progress .progress_bar_container {width: 100%;} |
483 | a {text-decoration: none;} |
484 | #tasklist_table th img {position: relative;top: 2px;} |
485 | #tasklist_table tr.current_row td.caret {background-image: url(img/caret.gif);background-repeat:no-repeat;background-position: 3px;} |
486 | #tasklist_table td.caret {width: 15px;padding: 0 !important;} |
487 | #tasklist_table .ttcolumn {width: 10px;text-align: center;} |
488 | #tasklist_table .ttcolumn input {margin: 0;} |
489 | #tasklist_table .ttcolumn a, a.toggle_selected { |
490 | background-image: url(img/black/loop_alt3_12x9.png); |
491 | background-repeat: no-repeat; |
492 | background-position: center; |
493 | width: 16px; |
494 | height: 16px; |
495 | display: block; |
496 | } |
497 | #tasklist_table tbody tr td {border-top:1px solid transparent;border-bottom:1px solid transparent;} |
498 | #tasklist_table tbody tr:hover td {border-color:#ddd;} |
499 | |
500 | tr.severity1 .task_severity {background-color: #fff;} |
501 | tr.severity2 .task_severity {background-color: #fff;} |
502 | tr.severity3 .task_severity {background-color: #f5e7e7;} |
503 | tr.severity4 .task_severity {background-color: #f5dddd;} |
504 | tr.severity5 .task_severity {background-color: #f5d1d1;} |
505 | |
506 | #toolbox { |
507 | margin: 10px 0px 10px 0px; |
508 | padding: 10px; |
509 | border: solid 1px #e1e1e1; |
510 | border-radius: 3px; |
511 | margin-left: 120px; |
512 | min-height: 450px; |
513 | height: 1%; /* Fix for IE bug */ |
514 | padding: 20px; |
515 | } |
516 | #toolbox div.tab { |
517 | margin: 10px 0px 10px 0px; |
518 | padding: 10px; |
519 | border: solid 1px #e1e1e1; |
520 | border-radius: 3px; |
521 | } |
522 | #toolbox h3 { |
523 | margin-bottom: 1em; |
524 | padding-bottom: 5px; |
525 | border-bottom: 1px solid #ddd; |
526 | } |
527 | #toolboxmenu {position: relative;float: left;padding-top: 10px;} |
528 | #toolboxmenu a { |
529 | display: block; |
530 | border: 1px solid #d4d4d4; |
531 | /*border-right: none; */ |
532 | padding: 1em 5px; |
533 | margin-left: 10px; |
534 | width: 100px; |
535 | text-align: center; |
536 | background: #e5e5e5; |
537 | color: #3c4041; |
538 | border-top-left-radius: 5px; |
539 | -moz-border-top-left-radius: 5px; |
540 | -webkit-border-top-left-radius: 5px; |
541 | border-bottom-left-radius: 5px; |
542 | -moz-border-bottom-left-radius: 5px; |
543 | -webkit-border-bottom-left-radius: 5px; |
544 | } |
545 | #toolboxmenu a:hover {background-color: #d6d8d9; /*color: $inverse_link;*/ } |
546 | #toolboxmenu a.active { |
547 | margin-left: 0; |
548 | font-weight: bold; |
549 | width: 100px; |
550 | padding: 1em 10px; |
551 | color: #3c4041; |
552 | border: 1px solid #e1e1e1; |
553 | border-right: none; |
554 | /*border-left: 1px solid lighten($top1, 30%);*/ |
555 | border-left: 2px solid #ff6603; |
556 | } |
557 | #controlBox { |
558 | border: 1px solid gray; |
559 | padding: 1px; |
560 | width: auto !important; |
561 | width: 90px; |
562 | margin-left: 40px; |
563 | display: table; |
564 | position: absolute; |
565 | } |
566 | #controlBox div.grip { |
567 | background: #ccc; |
568 | cursor: move; |
569 | height: 12px; |
570 | } |
571 | #controlBox div.inner { |
572 | padding: 5px 5px 4px 5px; |
573 | white-space: nowrap; |
574 | opacity: .2; |
575 | } |
576 | #controlBox.active div.inner {opacity: 1;} |
577 | div#fineprint { |
578 | font-size: smaller; |
579 | margin: 5px 0; |
580 | padding: 0; |
581 | color: #555; |
582 | } |
583 | #dokuwiki_toolbar {display:inline;vertical-align:bottom;} |
584 | form #taskfields { width: 335px;} |
585 | form #taskdetailsfull { |
586 | position: relative; |
587 | top: -20px; |
588 | margin-left: 355px; |
589 | } |
590 | #taskdetails { |
591 | margin: 10px 0px 10px 0px; |
592 | padding: 0px; |
593 | border: solid 1px #e1e1e1; |
594 | border-radius: 3px; |
595 | } |
596 | #taskdetails #navigation {float: right;padding:6px;} |
597 | #taskdetails h2 {color: #555;display:inline-block;} |
598 | /* t_ now reserved classes for tags with their tag_id like t_123 |
599 | Couldnt use t123 due limited regex in css and some other classes start with 't' |
600 | */ |
601 | .tags span, [class^='t_'] { |
602 | background: #eee none repeat scroll 0 0; |
603 | border: 1px solid #ddd; |
604 | border-radius: 3px; |
605 | margin: 3px; |
606 | padding: 4px; |
607 | font-style:normal; |
608 | white-space: nowrap; |
609 | } |
610 | /* for fonticons in tags */ |
611 | [class^='t_']:before{ |
612 | font-family:fontawesome; |
613 | } |
614 | /* style your tags by their tag_id, will be moved to custom_xxx.css in future */ |
615 | /* fa-eur */ |
616 | /* |
617 | .t_1{background-color:#666;} |
618 | .t_1:before{content:'\f153';color:#cc0;} |
619 | .t_2{background-color:#0c0;} |
620 | .t_3{background-color:#09c;} |
621 | */ |
622 | #taskfields { |
623 | width: 290px; |
624 | float: left; |
625 | border-right: 1px solid #eee; |
626 | padding-top: 5px; |
627 | background: #f9f9f9; |
628 | margin: 0; |
629 | } |
630 | #taskfields ul.fieldslist { |
631 | margin-bottom: 5px; |
632 | list-style: none; |
633 | margin-right: 0; |
634 | padding-left: 0; |
635 | } |
636 | #taskfields ul.fieldslist li { |
637 | clear: both; |
638 | padding-top: 2px; |
639 | padding-bottom: 2px; |
640 | overflow: auto; |
641 | width: 100%; |
642 | border-radius: 4px; |
643 | -moz-border-radius: 4px; |
644 | -webkit-border-radius: 4px; |
645 | } |
646 | #taskfields ul.fieldslist li .label { |
647 | display: block; |
648 | float: left; |
649 | width: 45%; |
650 | text-align: right; |
651 | color: #888; |
652 | } |
653 | #taskfields ul.fieldslist li .value {display:block;float:right;width:50%;} |
654 | #taskfields ul.fieldslist > li:nth-child(2n-1) {background-color: #f1f1f1;} |
655 | #taskdetails #showvotes { |
656 | position: absolute; |
657 | margin: 10px 0px 10px 0px; |
658 | padding: 10px; |
659 | border: solid 1px #e1e1e1; |
660 | border-radius: 3px; |
661 | z-index:100; |
662 | } |
663 | .fieldslist .reopened{display:inline-block;font-size:10px;line-height:10px;vertical-align:middle;width:60px;} |
664 | #taskdetailsfull {margin-left: 291px;padding: 2em 3em;} |
665 | #itemsummary, #tags {width:100%;box-sizing:border-box;height:auto;margin-bottom:10px;margin-top:8px;} |
666 | .descbox table, #taskdetailstext table{border-collapse:collapse; border:1px solid #999;} |
667 | .descbox td, .descbox th, #taskdetailstext td, #taskdetailstext th{border:1px solid #999;} |
668 | #taskinfo { |
669 | margin-left: 291px; |
670 | margin-top: 15px; |
671 | border-top: 1px solid #e1e1e1; |
672 | padding: 8px 5px; |
673 | } |
674 | #comments, #related, #notify, #remind, #effort, #history { |
675 | margin: 10px 0px 10px 0px; |
676 | padding: 10px; |
677 | border: solid 1px #e1e1e1; |
678 | border-radius: 3px; |
679 | } |
680 | #comments h4 {margin:1em 0 0.5em 0;} |
681 | .userlist th {background-color: #e0e0e0;} |
682 | .userlist tbody tr:nth-child(2n) td {background-color: #f1f1f1;} |
683 | #related .related {display:inline-block;vertical-align:top;margin-right: 0;} |
684 | #submenu {margin-bottom: 0;height: 25px;} |
685 | #submenu a { |
686 | border: 1px solid #d4d4d4; |
687 | background: #e5e5e5; |
688 | color: #3c4041; |
689 | display: block; |
690 | float: left; |
691 | height: 21px; |
692 | margin: 4px 0 0 2px; |
693 | padding: 7px 10px 1px 10px; |
694 | border-top-left-radius: 5px; |
695 | -moz-border-top-left-radius: 5px; |
696 | -webkit-border-top-left-radius: 5px; |
697 | border-top-right-radius: 5px; |
698 | -moz-border-top-right-radius: 5px; |
699 | -webkit-border-top-right-radius: 5px; |
700 | } |
701 | #submenu a:hover {background-color: #d6d8d9;} |
702 | #submenu a.active { |
703 | height: 26px; |
704 | margin-top: 0; |
705 | font-weight: bold; |
706 | border-bottom: 1px solid white; |
707 | border-right: bottom; |
708 | /*border-top: 1px solid lighten($top1, 30%);*/ |
709 | border-top: 2px solid #ff6603; |
710 | z-index: 5; |
711 | } |
712 | #submenu li {display: inline;} |
713 | div.tab {margin: 10px 1ex 10px 0;padding: 1ex 1ex 0;} |
714 | * html .tab div.clear {clear: none;height: 14em;} |
715 | div.comment_container {margin: 5px;} |
716 | div.comment_container .comment_avatar { min-width: 50px;display: inline-block;} |
717 | div.comment_container .comment { |
718 | position: relative; |
719 | display: inline-block; |
720 | margin-left: 10px; |
721 | border: 1px solid #e1e1e1; |
722 | vertical-align: top; |
723 | width: 700px; |
724 | -webkit-border-radius: 3px; |
725 | -moz-border-radius: 3px; |
726 | border-radius: 3px; |
727 | } |
728 | div.comment_container .comment:before { |
729 | content: ' '; |
730 | position: absolute; |
731 | width: 0; |
732 | height: 0; |
733 | left: -16px; |
734 | top: 3px; |
735 | border: 8px solid; |
736 | border-color: transparent #e1e1e1 transparent transparent; |
737 | } |
738 | div.comment_container .comment:after { |
739 | content: ' '; |
740 | position: absolute; |
741 | width: 0; |
742 | height: 0; |
743 | left: -12px; |
744 | top: 5px; |
745 | border: 6px solid; |
746 | border-color: transparent #f1f1f1 transparent transparent; |
747 | } |
748 | div.comment_container .comment_header { |
749 | min-height: 30px; |
750 | background-color: #f1f1f1; |
751 | line-height: 30px; |
752 | vertical-align: middle; |
753 | padding-left: 10px; |
754 | border-bottom: 1px solid #e1e1e1; |
755 | } |
756 | div.comment_container .comment_header_infos {max-width: 60%;} |
757 | div.comment_container .comment_header_actions {float: right;margin-right: 10px;} |
758 | div.comment_container .comment_header_usertype { |
759 | border: 1px solid #e1e1e1; |
760 | padding: 3px; |
761 | margin-right: 10px; |
762 | -webkit-border-radius: 3px; |
763 | -moz-border-radius: 3px; |
764 | border-radius: 3px; |
765 | } |
766 | div.comment_container .commenttext {clear: both;padding: 10px;} |
767 | .commenttext pre {overflow:auto;} |
768 | div.comment_container .attachments { |
769 | display: inline-block; |
770 | width: 45%; |
771 | margin-top: 10px; |
772 | padding: 10px; |
773 | border: solid 1px #e1e1e1; |
774 | border-radius: 3px; |
775 | width: 300px; |
776 | background-color: #ffc; |
777 | /* |
778 | background-image: url(img/gray/pin_24x24.png); |
779 | background-repeat: no-repeat; |
780 | background-position: 270px 5px; |
781 | */ |
782 | vertical-align: top; |
783 | } |
784 | .attachments::after { |
785 | color: #999; |
786 | content: "\f0c6"; /*paperclip*/ |
787 | float: right; |
788 | font-family: FontAwesome; |
789 | font-size: large; |
790 | } |
791 | div.comment_container .links { |
792 | display: inline-block; |
793 | width: 45%; |
794 | margin-right: 3%; |
795 | margin-top: 10px; |
796 | padding: 10px; |
797 | border: solid 1px #e1e1e1; |
798 | border-radius: 3px; |
799 | width: 300px; |
800 | background-color: #fefefe; |
801 | vertical-align: top; |
802 | } |
803 | div.comment_container .attachments img { |
804 | position: relative; |
805 | top: 4px; |
806 | } |
807 | div.comment_container #addlinkbox, #taskdetailsfull #addlinkbox { |
808 | display: inline-block; |
809 | width: 50%; |
810 | vertical-align: top; |
811 | } |
812 | div.comment_container #uploadfilebox, #taskdetailsfull #uploadfilebox { |
813 | display: inline-block; |
814 | width: 49%; |
815 | vertical-align: top; |
816 | } |
817 | div.comment_container .commentlink { |
818 | background-image: url(img/gray/comment_stroke_16x14.png); |
819 | background-repeat: no-repeat; |
820 | display: block; |
821 | float: left; |
822 | height: 14px; |
823 | width: 16px; |
824 | margin: 2px 4px 0 2px; |
825 | } |
826 | div.comment_container .commentlink:hover {background-image: url(img/black/comment_stroke_16x14.png);} |
827 | textarea {width: 99%;} |
828 | #events { |
829 | margin: 10px 0px 10px 0px; |
830 | padding: 10px; |
831 | border: solid 1px #e1e1e1; |
832 | border-radius: 3px; |
833 | } |
834 | .eventlist.hasresult {height: 150px;} |
835 | table th {vertical-align: middle;} |
836 | table td {vertical-align: top;} |
837 | div.box, p.box { |
838 | margin: 10px 0px 10px 0px; |
839 | padding: 10px; |
840 | border: solid 1px #e1e1e1; |
841 | border-radius: 3px; |
842 | } |
843 | div.roadmap { |
844 | margin: 10px 0px 10px 0px; |
845 | padding: 10px; |
846 | border: solid 1px #e1e1e1; |
847 | border-radius: 3px; |
848 | } |
849 | div.error, div.success, div.mixed { |
850 | margin: 10px 0px 10px 0px; |
851 | padding: 10px; |
852 | border: solid 1px #e1e1e1; |
853 | border-radius: 3px; |
854 | z-index: 50; |
855 | margin: 30px 20px 0 20px; |
856 | color: white; |
857 | position: absolute; |
858 | top: 0; |
859 | width: 30%; |
860 | left: 35%; |
861 | } |
862 | div.error { |
863 | background: #ffe6e2 url(img/red/x_alt_24x24.png) no-repeat 9px 7px; |
864 | border: solid 1px #962E21; |
865 | padding-left: 50px; |
866 | color: #4b1710; |
867 | } |
868 | div.mixed {background: #ffcc00 url(frown.png) no-repeat 5px 1px;} |
869 | div.success { |
870 | background: #e8f9d4 url(img/green/check_24x20.png) no-repeat 10px 9px; |
871 | border: solid 1px #53821F; |
872 | padding-left: 50px; |
873 | color: #24380d; |
874 | } |
875 | a#show_loginbox {margin-right: 5px;} |
876 | #loginbox { |
877 | border-radius: 3px 0 3px 3px; |
878 | -moz-border-radius: 3px 0 3px 3px; |
879 | -webkit-border-radius: 3px 0 3px 3px; |
880 | background: #ddd; |
881 | border: solid 3px #ff6603; |
882 | right: 2px; |
883 | z-index: 200; |
884 | min-width: 240px; |
885 | padding-top: 15px; |
886 | margin-top: 1px; |
887 | box-shadow: none; |
888 | } |
889 | #login_input {text-align: center;} |
890 | #login_links {text-align: center;} |
891 | #login_oauth {margin-top: 10px;} |
892 | #loginbox #login label {color: #222;} |
893 | #loginbox #login a {color: #222;text-decoration: underline;} |
894 | #loginbox #login a:hover {color: #fff;} |
895 | form#login {position: relative;} |
896 | form#login #lbl_user_name, form#login #lbl_password { |
897 | display:block; |
898 | margin: 10px auto; |
899 | padding: 5px 2px; |
900 | } |
901 | form#login label {width: 50px;color: #ddd;width: 100px;margin: 0 2px 0 20px;} |
902 | form#login #links {position: absolute;top: 30px;left: 20px;} |
903 | form#login #links a {padding: 3px 7px;} |
904 | form#login #links a:hover { |
905 | background: #494d4e; |
906 | text-decoration: none; |
907 | color: #dddddd; |
908 | border-radius: 10px; |
909 | -moz-border-radius: 10px; |
910 | -webkit-border-radius: 10px; |
911 | } |
912 | form#login #links a.active { |
913 | background: #dddddd; |
914 | color: #3c4041; |
915 | border-radius: 10px; |
916 | -moz-border-radius: 10px; |
917 | -webkit-border-radius: 10px; |
918 | } |
919 | form#login .remember_me {float: right;} |
920 | span#advancedsearchstate img {vertical-align: middle;} |
921 | fieldset { |
922 | margin: 10px 0px 10px 0px; |
923 | padding: 10px; |
924 | border: solid 1px #e1e1e1; |
925 | border-radius: 3px; |
926 | } |
927 | /* |
928 | #content > fieldset legend { |
929 | color: #3c4041; |
930 | background: #f9f9f9; |
931 | padding: 2px 9px; |
932 | border: solid 1px #e1e1e1; |
933 | border-radius: 10px; |
934 | -moz-border-radius: 10px; |
935 | -webkit-border-radius: 10px; |
936 | } |
937 | */ |
938 | #content > h3 {margin-top: 1em;} |
939 | thead th { |
940 | border-bottom: solid 1px #a1a6a8; |
941 | background: none; |
942 | } |
943 | div#taskstatus {border-bottom: 1px solid #ccc;padding: 4px;margin-bottom: 5px;} |
944 | div#taskclosed { |
945 | padding: 5px; |
946 | margin: 5px 5px 10px; |
947 | clear: both; |
948 | width: 20em; |
949 | border: solid 1px red; |
950 | } |
951 | div#taskdeps {float: left;width: 50%; margin-bottom: 8px;} |
952 | div#subtasks {display: inline;align: right;float: left;width: 50%;margin-bottom: 8px;} |
953 | div#taskblocks { float: left; width: 45%;} |
954 | a.datelink { |
955 | background-image: url(img/black/calendar_alt_fill_16x16.png); |
956 | background-repeat: no-repeat; |
957 | display: -moz-inline-stack; |
958 | /* optional */ |
959 | display: inline-block; |
960 | zoom: 1; |
961 | /* triggers hasLayout for IE */ |
962 | *display: inline; |
963 | /* target IE7 only */ |
964 | height: 16px; |
965 | width: 16px; |
966 | vertical-align: middle; |
967 | } |
968 | hr { /*color: $box_border;*/ border: none; border-top: 1px solid #e1e1e1;} |
969 | .perms{display:inline-block;vertical-align:top;} |
970 | .bad{color:#900;} |
971 | .good{color:#f50;} |
972 | |
973 | fieldset.advsearch_misc input {vertical-align: middle;} |
974 | fieldset.advsearch_misc label {margin-right: 10px; white-space: nowrap;} |
975 | fieldset.advsearch_dates label {margin: 0 5px;} |
976 | .search_select {float: left;position: relative;margin-right: 10px;} |
977 | .search_select .multisel {position: absolute;white-space: nowrap;} |
978 | .search_select select {margin-top: 1.5em;} |
979 | fieldset.advsearch_users .multisel {position: absolute;white-space: nowrap;} |
980 | fieldset.advsearch_users input {margin-top: 1.5em;} |
981 | /* --------------------------- FORMS -----------------------*/ |
982 | .bulkuser {padding-left: 120px;} |
983 | .account_header{background: #999;border: 1px solid #111;} |
984 | .account_enabled{background: #EAF7D9;border: 1px solid #BBDF8D;} |
985 | .account_enabled:hover {background: #00FF00;} |
986 | .account_disabled{background: #FFD1D1;border: 1px solid #F8ACAC;} |
987 | .account_disabled:hover {background: #FF0000;} |
988 | ul.form_elements {list-style: none;padding: 0;margin: 0 0 0 1em;} |
989 | ul.form_elements li {padding: 2px;margin-bottom: 9px;} |
990 | ul.form_elements label { |
991 | width: 200px; |
992 | display: -moz-inline-stack; |
993 | /* optional */ |
994 | display: inline-block; |
995 | zoom: 1; /* triggers hasLayout for IE */ |
996 | *display: inline; /* target IE7 only */ |
997 | vertical-align: top; |
998 | text-align: end; |
999 | padding-right: 1ex; |
1000 | padding-top: 2px; |
1001 | color: #555; |
1002 | } |
1003 | ul.form_elements label.inline {display: inline;vertical-align:middle;} |
1004 | ul.form_elements label.labeltextarea {width:auto;display:block;text-align:left;} |
1005 | ul.form_elements input {vertical-align: middle;} |
1006 | ul.form_elements input[type="text"], ul.form_elements input[type="password"] {width:300px;} |
1007 | ul.slim li {margin-bottom:0;padding-bottom:4px;} |
1008 | ul.slim input[type="text"], ul.slim input[type="password"] {width:auto;} |
1009 | ul.slim label {width:110px;} |
1010 | ul.form_elements li.required label {font-weight: bold;} |
1011 | ul.form_elements span.note {margin-left:205px;} |
1012 | ul.wide label {width:250px;} |
1013 | ul.slim {margin:0;} |
1014 | ul.slim .userSelectWidget {width:95%;margin-left:auto;margin-right:auto;} |
1015 | ul.slim .userSelectWidget input {width:100px;} |
1016 | ul.slim .userSelectWidget select {width:100%;} |
1017 | .dateselect {clear: both;} |
1018 | .dateselect label:first-child { |
1019 | width: 120px; |
1020 | text-align: right; |
1021 | padding-right: 5px; |
1022 | float: left; |
1023 | } |
1024 | /* fancy dual selects */ |
1025 | .double_select {position: relative;} |
1026 | .double_select .dualselect_selectable { |
1027 | height: 220px; |
1028 | width: 40%; |
1029 | display: -moz-inline-stack; /* optional */ |
1030 | display: inline-block; |
1031 | zoom: 1; /* triggers hasLayout for IE */ |
1032 | *display: inline; /* target IE7 only */ |
1033 | vertical-align: middle; |
1034 | } |
1035 | .double_select .dualselect_buttons { |
1036 | width: 16%; |
1037 | display: -moz-inline-stack; /* optional */ |
1038 | display: inline-block; |
1039 | zoom: 1; /* triggers hasLayout for IE */ |
1040 | *display: inline; /* target IE7 only */ |
1041 | vertical-align: middle; |
1042 | } |
1043 | .double_select .dualselect_buttons button {width: 100%;padding: 3px;} |
1044 | .double_select .dualselect_selected { |
1045 | height: 220px; |
1046 | /*min-width: 12em;*/ |
1047 | display: -moz-inline-stack; |
1048 | /* optional */ |
1049 | display: inline-block; |
1050 | zoom: 1; |
1051 | /* triggers hasLayout for IE */ |
1052 | *display: inline; |
1053 | /* target IE7 only */ |
1054 | vertical-align: middle; |
1055 | width: 40%; |
1056 | } |
1057 | .double_select .dualselect_selected select { |
1058 | width: 100%; |
1059 | height: 80%; |
1060 | } |
1061 | .double_select .dualselect_selected button { |
1062 | height: 16px; |
1063 | line-height:0; |
1064 | width: 100%; |
1065 | margin:0; |
1066 | } |
1067 | .double_select .c1 select { |
1068 | height: 24em; |
1069 | min-width: 12em; |
1070 | width: auto; |
1071 | } |
1072 | .double_select td { |
1073 | text-align: center; |
1074 | vertical-align: middle; |
1075 | } |
1076 | .double_select .c3 button { |
1077 | height: 2em; |
1078 | width: 12em; |
1079 | } |
1080 | .double_select .c3 select { |
1081 | height: 20em; |
1082 | min-width: 12em; |
1083 | width: auto; |
1084 | } |
1085 | |
1086 | /* list management */ |
1087 | .list .cname {width:200px;} |
1088 | .list .cuser {width:100px;} |
1089 | .list .corder {width:50px;} |
1090 | .list .cshow {width:50px;} |
1091 | .list .ctense {width:80px;} |
1092 | .list input[id^='listname'], .list input[id^='listposition'] {width:100%;} |
1093 | #catTable .first{ white-space:nowrap;min-width:120px;} |
1094 | #idtablesys {background-color: #eee;} |
1095 | #listpositionnew {width:100%;} |
1096 | |
1097 | /* closing task form */ |
1098 | div#closeform { |
1099 | border-radius: 3px; |
1100 | -moz-border-radius: 3px; |
1101 | -webkit-border-radius: 3px; |
1102 | -moz-box-shadow: 0px 1px 1px #dddddd; |
1103 | -webkit-box-shadow: 0px 1px 1px #dddddd; |
1104 | box-shadow: 0px 1px 1px #dddddd; |
1105 | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; |
1106 | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); |
1107 | padding: 2em; |
1108 | position: absolute; |
1109 | right: 5px; |
1110 | top: 3em; |
1111 | } |
1112 | #actionsform { |
1113 | border-radius: 3px; |
1114 | -moz-border-radius: 3px; |
1115 | -webkit-border-radius: 3px; |
1116 | -moz-box-shadow: 0px 1px 1px #dddddd; |
1117 | -webkit-box-shadow: 0px 1px 1px #dddddd; |
1118 | box-shadow: 0px 1px 1px #dddddd; |
1119 | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')"; |
1120 | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); |
1121 | position: absolute; |
1122 | right: 5px; |
1123 | top: 3em; |
1124 | z-index: 500; |
1125 | } |
1126 | #actionsform ul { |
1127 | font-family: Arial, Verdana; |
1128 | font-size: 12px; |
1129 | margin: 0; |
1130 | padding: 0; |
1131 | list-style: none; |
1132 | } |
1133 | #actionsform li { |
1134 | border-top: 1px solid #fff; |
1135 | display: block; |
1136 | position: relative; |
1137 | background: #363a3b; |
1138 | color:#fff; |
1139 | padding: 0px; |
1140 | } |
1141 | #actionsform li a, #actionsform li label, #actionsform li button{ |
1142 | display: block; |
1143 | text-decoration: none; |
1144 | color: #fff; |
1145 | white-space: nowrap; |
1146 | padding:5px 15px; |
1147 | background:none; |
1148 | margin:0; |
1149 | border:none; |
1150 | font-weight:normal; |
1151 | font-size:12px; |
1152 | } |
1153 | #actionsform ul li:hover { background: #617F8A; } |
1154 | #actionsform li:hover ul {display:none;} |
1155 | #actionsform li:hover ul { |
1156 | display: block; |
1157 | position: absolute; |
1158 | } |
1159 | #actionsform li:hover li {float: none;font-size: 11px;} |
1160 | #edit_add_comment{display:none;} |
1161 | #setparentform, #associateform, #adddepform { |
1162 | display:none; |
1163 | background: #363a3b; |
1164 | color:#fff; |
1165 | padding-left: 5px; |
1166 | } |
1167 | #s_parent, #s_associate, #s_adddependent, #s_addcomment { |
1168 | display:none; |
1169 | } |
1170 | #s_addcomment:checked ~ #edit_add_comment, |
1171 | #s_parent:checked ~ #setparentform, |
1172 | #s_associate:checked ~ #associateform, |
1173 | #s_adddependent:checked ~ #adddepform{ |
1174 | display:block; |
1175 | } |
1176 | #taskdeps h4 {margin-bottom:0.3em;} |
1177 | #taskdeps table {margin:0 0 0.8em -0.2em;} |
1178 | #taskdeps td {padding:0.2em 0.4em;} |
1179 | #taskdeps img {vertical-align:middle;margin-top:-1px;} |
1180 | input[type=text], input[type=password]{ |
1181 | color: #000; |
1182 | border: 1px solid #ccc; |
1183 | padding: 2px; |
1184 | vertical-align: middle; |
1185 | } |
1186 | input[type=text], input[type=password]{ |
1187 | height: 19px; |
1188 | } |
1189 | #table input[type=text] { |
1190 | width: 120px; |
1191 | } |
1192 | input[type=text], input[type=submit], button { |
1193 | -moz-border-radius: 3px; |
1194 | -webkit-border-radius: 3px; |
1195 | border-radius: 3px; |
1196 | } |
1197 | #show_loginbox { |
1198 | cursor:pointer; |
1199 | background: #494D4E; |
1200 | -moz-border-radius: 3px; |
1201 | -webkit-border-radius: 3px; |
1202 | border-radius: 3px; |
1203 | } |
1204 | #login_button {display: block;margin: 6px auto;vertical-align: baseline;} |
1205 | div.denyform { |
1206 | visibility:hidden; |
1207 | position:absolute; |
1208 | background-image: none; |
1209 | border: 1px solid #E1E1E1; |
1210 | margin-top:5px; |
1211 | display:block; |
1212 | width:300px; |
1213 | height:auto; |
1214 | padding:5px 30px 5px 5px; |
1215 | } |
1216 | #notify_types {height: 10em;} |
1217 | #rassigned_to {height: 12em; } |
1218 | |
1219 | /* Stuff for the autocomplete lists {{{ */ |
1220 | .autocomplete { |
1221 | background-color:#fff; |
1222 | position: absolute; |
1223 | width: auto !important; |
1224 | box-shadow:0 5px 7px #ccc; |
1225 | padding: 0px; |
1226 | margin:-1px 0 0; |
1227 | text-align:left; |
1228 | display:block; |
1229 | } |
1230 | .autocomplete ul { |
1231 | list-style-type: none; |
1232 | margin: 0px; |
1233 | padding: 0px; |
1234 | } |
1235 | .autocomplete ul li { |
1236 | list-style-type: none; |
1237 | display: block; |
1238 | margin: 0; |
1239 | padding:0; |
1240 | height: 25px; |
1241 | white-space:nowrap; |
1242 | vertical-align:middle; |
1243 | } |
1244 | .autocomplete ul li span.informal { |
1245 | color: #333; |
1246 | } |
1247 | .autocomplete ul li.selected { |
1248 | background-color: #ff6603; |
1249 | cursor:pointer; |
1250 | color:HighlightText; |
1251 | } |
1252 | .autocomplete img, .autocomplete .noavatar{ |
1253 | width:25px; |
1254 | height:25px; |
1255 | display:inline-block; |
1256 | } |
1257 | |
1258 | #actionbuttons { |
1259 | margin-left: 300px; |
1260 | margin-top: 15px; |
1261 | min-height: 50px; |
1262 | padding: 8px 5px; |
1263 | } |
1264 | .assignedto {border:0px;border-collapse: collapse;} |
1265 | .assignedto table, .assignedto td { |
1266 | margin:0px; |
1267 | padding:0px; |
1268 | padding-right: 5px; |
1269 | vertical-align: middle; |
1270 | } |
1271 | .assignedto tr {height: 30px;} |
1272 | .assignedto img {padding-top: 2px;} |
1273 | a.tooltip {outline:none; } |
1274 | a.tooltip strong {line-height:30px;} |
1275 | a.tooltip:hover {text-decoration:none;} |
1276 | a.tooltip span { |
1277 | z-index:10;display:none; padding:14px 20px; |
1278 | margin-top:60px; margin-left:-160px; |
1279 | width:240px; line-height:16px; |
1280 | } |
1281 | a.tooltip:hover span{ |
1282 | display:inline; position:absolute; |
1283 | border:2px solid #FFF; color:#EEE; |
1284 | background:#000; |
1285 | } |
1286 | .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} |
1287 | /*CSS3 extras*/ |
1288 | a.tooltip span{ |
1289 | border-radius:2px; |
1290 | -moz-border-radius: 2px; |
1291 | -webkit-border-radius: 2px; |
1292 | -moz-box-shadow: 0px 0px 8px 4px #666; |
1293 | -webkit-box-shadow: 0px 0px 8px 4px #666; |
1294 | box-shadow: 0px 0px 8px 4px #666; |
1295 | opacity: 0.8; |
1296 | } |
1297 | /* for float box in ticket list */ |
1298 | .descbox { |
1299 | display:none; |
1300 | border: 3px solid #e1e1e1; |
1301 | border-radius: 3px; |
1302 | background-image: none; |
1303 | margin: 10px 0; |
1304 | padding: 10px; |
1305 | height: 144px; |
1306 | width: 400px; |
1307 | position: absolute; |
1308 | z-index: 1000; |
1309 | padding-top: 10px; |
1310 | padding-bottom: 10px; |
1311 | color: #686868; |
1312 | font-weight: normal; |
1313 | text-overflow:ellipsis; |
1314 | overflow:hidden; |
1315 | } |
1316 | span.warning { |
1317 | color: red; |
1318 | font-weight: bold; |
1319 | } |
1320 | /* typical colorings for task type and permissions */ |
1321 | .fa-bug{color:#c30;} |
1322 | .fa-star{color:#ee0;text-shadow: 0 0 1px rgba(128, 0, 0, 1);} |
1323 | .fa-check{color:#f50;} |
1324 | .global.fa-check{color:#990;} /* got permission by global settings, not project settings */ |
1325 | .fa-ban{color:#900;} |
1326 | |
1327 | button.fakelinkbutton { |
1328 | display: inline-block; |
1329 | background: none; |
1330 | border: none; |
1331 | padding: 0; |
1332 | margin: 0; |
1333 | font: inherit; |
1334 | cursor: pointer; |
1335 | color: #369; |
1336 | box-shadow:none; |
1337 | } |
1338 | |
1339 | button.fakelinkbutton:hover { |
1340 | color: #69c; |
1341 | } |
1342 | |
1343 | button.fakelinkbutton:visited { |
1344 | color: #69c; |
1345 | } |
1346 | |
1347 | @media only screen and (max-width: 480px) and (orientation: portrait) { |
1348 | |
1349 | th, td, caption {padding: 5px 2px;} |
1350 | #menu { position:static;clear:both;background-color:#111;} |
1351 | #title {font-size:1.2em;line-height:1.2em;background-color:#111;} |
1352 | #title a {padding:0;color:transparent;} |
1353 | #title img {float:none;margin:4px;} |
1354 | #menu-list {display:block;} |
1355 | #menu-list li {float:none;display:block;padding:0;height:auto;border-left:none;text-align:center;} |
1356 | #menu-list a {display:block;border:1px solid #333;height:24px;} |
1357 | #menu-list a:hover {border-radius:unset;} |
1358 | #labelpmmenu, #labelmenu1{text-align:center;color:#fff;display:block;position:absolute;top:0;width:15%;height:48px;left:20%;} |
1359 | #labelmenu1{left:35%;} |
1360 | #labelmenu1:before{content:"\f013";font-family:fontawesome;font-size:30px;} /* cog */ |
1361 | #labelpmmenu:before{content:"\f0c9";font-family:fontawesome;font-size:30px;} /* bars */ |
1362 | #menu1:checked ~ #menu{right:0;transition:0.5s;display:block;} |
1363 | #pmmenu:checked ~ #pm-menu-list{left:0;transition:0.5s;display:block;} |
1364 | #labelpmmenu:hover, #labelmenu1:hover, #menu1:checked ~ #labelmenu1, #pmmenu:checked ~ #labelpmmenu {background-color:rgba(0,0,0,0.3);} |
1365 | #pm-menu {padding:0;} |
1366 | #menu {z-index:111;padding:0;display:none;width:100%;position:absolute;background-color:#333;top:48px;right:-100%;transition:0.5s;} |
1367 | #pm-menu-list {z-index:110;padding:0;display:none;width:100%;position:absolute;background-color:#333;top:48px;left:-100%;transition:0.5s;} |
1368 | #pm-menu-list li {display:block;border-top:1px dotted #3c4041;} |
1369 | #pm-menu-list a {border:none;border-radius:0;margin:0;} |
1370 | #pmcontrol {margin:0;display:block;float:none;padding:10px;} |
1371 | #task_id {width:120px;} |
1372 | #projectselector {position:absolute;top:0;right:0;margin:0;text-align:center;max-width:40%;} |
1373 | #projectselector select{height:40px;padding-right:4px;max-width:100%;} |
1374 | #content {padding:0;min-width:unset;} |
1375 | #tasklist {padding:0;} |
1376 | table.toplevel th, table.toplevel td {display:block;} |
1377 | body.toplevel .box {margin:0 0 10px 0;} |
1378 | div.box, p.box {padding:0;} |
1379 | #event1 td {display:block;} |
1380 | body.admin {background-color:#300;} /* experimental: danger zone */ |
1381 | body.admin h1#title {background-color: #900;background-image: none;} /* danger zone */ |
1382 | body.admin #pm-menu {background-color:#600;border-bottom-color:#300;} /* danger zone */ |
1383 | body.reports .box button {display: block;margin-left:auto;margin-right:auto;width:70%;} |
1384 | #footer{border-top:none;} |
1385 | #toolboxmenu {float:none;text-align:center;} |
1386 | #toolboxmenu a {width:31%;display:inline-block;margin-left:0;border-bottom-left-radius: 0;padding:6px 2px;} |
1387 | #toolboxmenu a.active {border-top-right-radius:5px;width:31%;padding:6px 2px;float:none;border-color:#ee7703 #ee7703 transparent #ee7703;} |
1388 | #toolbox {margin:0;padding:0;border-radius:0;padding-top:10px;position:relative;} |
1389 | #controlBox {position:relative;margin-left:140px;} |
1390 | h3 {padding-left:6px;} |
1391 | p { text-align:justify;padding:2px;} |
1392 | #listTable{width:100%;} |
1393 | ul.form_elements {margin:0;} |
1394 | ul.form_elements span.note {margin-left:0;} |
1395 | ul.form_elements li label {text-align:start;} |
1396 | ul.form_elements li > input {margin-left:20px;} |
1397 | ul.form_elements li > input[type="text"],ul.form_elements li > input[type="password"] {display:block;margin-left:auto;margin-right:auto;width:90%;} |
1398 | .double_select {padding-left:0;} |
1399 | #toolbox div.tab {padding:0px;} |
1400 | #submenu {padding-left:0;margin:0;} |
1401 | #submenu ~ div {clear:both;} |
1402 | #catTable input[type="text"], #catTable input[type="password"] {width:120px;} |
1403 | #taskdetails {margin:0;padding:0;margin-top:40px;} |
1404 | #taskfields {float:none; border:none;} |
1405 | #taskdetailsfull {margin:0;padding:2px;} |
1406 | form #taskdetails {margin:0;} |
1407 | form #taskfields {width:auto; margin-top:20px; background-color:#fff;} |
1408 | form #taskdetailsfull {margin:0;top:auto;} |
1409 | form #taskdetailsfull button.positive {margin-left:auto;margin-right:auto;width:60%;} |
1410 | #comments, #related, #notify, #remind, #effort, #history{padding:0;} |
1411 | div.comment_container {margin:0;} |
1412 | div.comment_container .commenttext{padding:2px;} |
1413 | div.comment_container .comment {margin:0;width:auto;} |
1414 | } |