##// END OF EJS Templates
jro_apps » redmine
RSS
Left align filter buttons (closes #872) and reduce filters spacing....
Jean-Philippe Lang -
r1331:56683967dac2
parent child
Show More
Side by Side Unified
Context file:
r1331:56683967dac2 Loading diff...:
Show file before | Show file after | Hide comments
@@ -1,101 +1,101
1 <script type="text/javascript">
1 <script type="text/javascript">
2 //<![CDATA[
2 //<![CDATA[
3 function add_filter() {
3 function add_filter() {
4 select = $('add_filter_select');
4 select = $('add_filter_select');
5 field = select.value
5 field = select.value
6 Element.show('tr_' + field);
6 Element.show('tr_' + field);
7 check_box = $('cb_' + field);
7 check_box = $('cb_' + field);
8 check_box.checked = true;
8 check_box.checked = true;
9 toggle_filter(field);
9 toggle_filter(field);
10 select.selectedIndex = 0;
10 select.selectedIndex = 0;
11
11
12 for (i=0; i<select.options.length; i++) {
12 for (i=0; i<select.options.length; i++) {
13 if (select.options[i].value == field) {
13 if (select.options[i].value == field) {
14 select.options[i].disabled = true;
14 select.options[i].disabled = true;
15 }
15 }
16 }
16 }
17 }
17 }
18
18
19 function toggle_filter(field) {
19 function toggle_filter(field) {
20 check_box = $('cb_' + field);
20 check_box = $('cb_' + field);
21
21
22 if (check_box.checked) {
22 if (check_box.checked) {
23 Element.show("operators_" + field);
23 Element.show("operators_" + field);
24 toggle_operator(field);
24 toggle_operator(field);
25 } else {
25 } else {
26 Element.hide("operators_" + field);
26 Element.hide("operators_" + field);
27 Element.hide("div_values_" + field);
27 Element.hide("div_values_" + field);
28 }
28 }
29 }
29 }
30
30
31 function toggle_operator(field) {
31 function toggle_operator(field) {
32 operator = $("operators_" + field);
32 operator = $("operators_" + field);
33 switch (operator.value) {
33 switch (operator.value) {
34 case "!*":
34 case "!*":
35 case "*":
35 case "*":
36 case "t":
36 case "t":
37 case "w":
37 case "w":
38 case "o":
38 case "o":
39 case "c":
39 case "c":
40 Element.hide("div_values_" + field);
40 Element.hide("div_values_" + field);
41 break;
41 break;
42 default:
42 default:
43 Element.show("div_values_" + field);
43 Element.show("div_values_" + field);
44 break;
44 break;
45 }
45 }
46 }
46 }
47
47
48 function toggle_multi_select(field) {
48 function toggle_multi_select(field) {
49 select = $('values_' + field);
49 select = $('values_' + field);
50 if (select.multiple == true) {
50 if (select.multiple == true) {
51 select.multiple = false;
51 select.multiple = false;
52 } else {
52 } else {
53 select.multiple = true;
53 select.multiple = true;
54 }
54 }
55 }
55 }
56 //]]>
56 //]]>
57 </script>
57 </script>
58
58
59 <table width="100%">
59 <table width="100%">
60 <tr>
60 <tr>
61 <td>
61 <td>
62 <table style="padding:0;">
62 <table>
63 <% query.available_filters.sort{|a,b| a[1][:order]<=>b[1][:order]}.each do |filter| %>
63 <% query.available_filters.sort{|a,b| a[1][:order]<=>b[1][:order]}.each do |filter| %>
64 <% field = filter[0]
64 <% field = filter[0]
65 options = filter[1] %>
65 options = filter[1] %>
66 <tr <%= 'style="display:none;"' unless query.has_filter?(field) %> id="tr_<%= field %>">
66 <tr <%= 'style="display:none;"' unless query.has_filter?(field) %> id="tr_<%= field %>" class="filter">
67 <td valign="top" style="width:200px;">
67 <td style="width:200px;">
68 <%= check_box_tag 'fields[]', field, query.has_filter?(field), :onclick => "toggle_filter('#{field}');", :id => "cb_#{field}" %>
68 <%= check_box_tag 'fields[]', field, query.has_filter?(field), :onclick => "toggle_filter('#{field}');", :id => "cb_#{field}" %>
69 <label for="cb_<%= field %>"><%= filter[1][:name] || l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym) %></label>
69 <label for="cb_<%= field %>"><%= filter[1][:name] || l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym) %></label>
70 </td>
70 </td>
71 <td valign="top" style="width:150px;">
71 <td style="width:150px;">
72 <%= select_tag "operators[#{field}]", options_for_select(operators_for_select(options[:type]), query.operator_for(field)), :id => "operators_#{field}", :onchange => "toggle_operator('#{field}');", :class => "select-small", :style => "vertical-align: top;" %>
72 <%= select_tag "operators[#{field}]", options_for_select(operators_for_select(options[:type]), query.operator_for(field)), :id => "operators_#{field}", :onchange => "toggle_operator('#{field}');", :class => "select-small", :style => "vertical-align: top;" %>
73 </td>
73 </td>
74 <td valign="top">
74 <td>
75 <div id="div_values_<%= field %>" style="display:none;">
75 <div id="div_values_<%= field %>" style="display:none;">
76 <% case options[:type]
76 <% case options[:type]
77 when :list, :list_optional, :list_status, :list_subprojects %>
77 when :list, :list_optional, :list_status, :list_subprojects %>
78 <select <%= "multiple=true" if query.values_for(field) and query.values_for(field).length > 1 %> name="values[<%= field %>][]" id="values_<%= field %>" class="select-small" style="vertical-align: top;">
78 <select <%= "multiple=true" if query.values_for(field) and query.values_for(field).length > 1 %> name="values[<%= field %>][]" id="values_<%= field %>" class="select-small" style="vertical-align: top;">
79 <%= options_for_select options[:values], query.values_for(field) %>
79 <%= options_for_select options[:values], query.values_for(field) %>
80 </select>
80 </select>
81 <%= link_to_function image_tag('expand.png'), "toggle_multi_select('#{field}');" %>
81 <%= link_to_function image_tag('expand.png'), "toggle_multi_select('#{field}');" %>
82 <% when :date, :date_past %>
82 <% when :date, :date_past %>
83 <%= text_field_tag "values[#{field}][]", query.values_for(field), :id => "values_#{field}", :size => 3, :class => "select-small" %> <%= l(:label_day_plural) %>
83 <%= text_field_tag "values[#{field}][]", query.values_for(field), :id => "values_#{field}", :size => 3, :class => "select-small" %> <%= l(:label_day_plural) %>
84 <% when :string, :text %>
84 <% when :string, :text %>
85 <%= text_field_tag "values[#{field}][]", query.values_for(field), :id => "values_#{field}", :size => 30, :class => "select-small" %>
85 <%= text_field_tag "values[#{field}][]", query.values_for(field), :id => "values_#{field}", :size => 30, :class => "select-small" %>
86 <% when :integer %>
86 <% when :integer %>
87 <%= text_field_tag "values[#{field}][]", query.values_for(field), :id => "values_#{field}", :size => 3, :class => "select-small" %>
87 <%= text_field_tag "values[#{field}][]", query.values_for(field), :id => "values_#{field}", :size => 3, :class => "select-small" %>
88 <% end %>
88 <% end %>
89 </div>
89 </div>
90 <script type="text/javascript">toggle_filter('<%= field %>');</script>
90 <script type="text/javascript">toggle_filter('<%= field %>');</script>
91 </td>
91 </td>
92 </tr>
92 </tr>
93 <% end %>
93 <% end %>
94 </table>
94 </table>
95 </td>
95 </td>
96 <td align="right" valign="top">
96 <td class="add-filter">
97 <%= l(:label_filter_add) %>:
97 <%= l(:label_filter_add) %>:
98 <%= select_tag 'add_filter_select', options_for_select([["",""]] + query.available_filters.sort{|a,b| a[1][:order]<=>b[1][:order]}.collect{|field| [ field[1][:name] || l(("field_"+field[0].to_s.gsub(/\_id$/, "")).to_sym), field[0]] unless query.has_filter?(field[0])}.compact), :onchange => "add_filter();", :class => "select-small" %>
98 <%= select_tag 'add_filter_select', options_for_select([["",""]] + query.available_filters.sort{|a,b| a[1][:order]<=>b[1][:order]}.collect{|field| [ field[1][:name] || l(("field_"+field[0].to_s.gsub(/\_id$/, "")).to_sym), field[0]] unless query.has_filter?(field[0])}.compact), :onchange => "add_filter();", :class => "select-small" %>
99 </td>
99 </td>
100 </tr>
100 </tr>
101 </table>
101 </table>
Show file before | Show file after | Hide comments
@@ -1,590 +1,594
1 body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
1 body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
2
2
3 h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
3 h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
4 h1 {margin:0; padding:0; font-size: 24px;}
4 h1 {margin:0; padding:0; font-size: 24px;}
5 h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
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 h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
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 h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
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 /***** Layout *****/
9 /***** Layout *****/
10 #wrapper {background: white;}
10 #wrapper {background: white;}
11
11
12 #top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
12 #top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
13 #top-menu ul {margin: 0; padding: 0;}
13 #top-menu ul {margin: 0; padding: 0;}
14 #top-menu li {
14 #top-menu li {
15 float:left;
15 float:left;
16 list-style-type:none;
16 list-style-type:none;
17 margin: 0px 0px 0px 0px;
17 margin: 0px 0px 0px 0px;
18 padding: 0px 0px 0px 0px;
18 padding: 0px 0px 0px 0px;
19 white-space:nowrap;
19 white-space:nowrap;
20 }
20 }
21 #top-menu a {color: #fff; padding-right: 8px; font-weight: bold;}
21 #top-menu a {color: #fff; padding-right: 8px; font-weight: bold;}
22 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
22 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
23
23
24 #account {float:right;}
24 #account {float:right;}
25
25
26 #header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
26 #header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
27 #header a {color:#f8f8f8;}
27 #header a {color:#f8f8f8;}
28 #quick-search {float:right;}
28 #quick-search {float:right;}
29
29
30 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;}
30 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;}
31 #main-menu ul {margin: 0; padding: 0;}
31 #main-menu ul {margin: 0; padding: 0;}
32 #main-menu li {
32 #main-menu li {
33 float:left;
33 float:left;
34 list-style-type:none;
34 list-style-type:none;
35 margin: 0px 2px 0px 0px;
35 margin: 0px 2px 0px 0px;
36 padding: 0px 0px 0px 0px;
36 padding: 0px 0px 0px 0px;
37 white-space:nowrap;
37 white-space:nowrap;
38 }
38 }
39 #main-menu li a {
39 #main-menu li a {
40 display: block;
40 display: block;
41 color: #fff;
41 color: #fff;
42 text-decoration: none;
42 text-decoration: none;
43 font-weight: bold;
43 font-weight: bold;
44 margin: 0;
44 margin: 0;
45 padding: 4px 10px 4px 10px;
45 padding: 4px 10px 4px 10px;
46 }
46 }
47 #main-menu li a:hover {background:#759FCF; color:#fff;}
47 #main-menu li a:hover {background:#759FCF; color:#fff;}
48 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
48 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
49
49
50 #main {background-color:#EEEEEE;}
50 #main {background-color:#EEEEEE;}
51
51
52 #sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
52 #sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
53 * html #sidebar{ width: 17%; }
53 * html #sidebar{ width: 17%; }
54 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
54 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
55 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
55 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
56 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
56 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
57
57
58 #content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; height:600px; min-height: 600px;}
58 #content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; height:600px; min-height: 600px;}
59 * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
59 * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
60 html>body #content { height: auto; min-height: 600px; overflow: auto; }
60 html>body #content { height: auto; min-height: 600px; overflow: auto; }
61
61
62 #main.nosidebar #sidebar{ display: none; }
62 #main.nosidebar #sidebar{ display: none; }
63 #main.nosidebar #content{ width: auto; border-right: 0; }
63 #main.nosidebar #content{ width: auto; border-right: 0; }
64
64
65 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
65 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
66
66
67 #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
67 #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
68 #login-form table td {padding: 6px;}
68 #login-form table td {padding: 6px;}
69 #login-form label {font-weight: bold;}
69 #login-form label {font-weight: bold;}
70
70
71 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
71 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
72
72
73 /***** Links *****/
73 /***** Links *****/
74 a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
74 a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
75 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
75 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
76 a img{ border: 0; }
76 a img{ border: 0; }
77
77
78 a.issue.closed, .issue.closed a { text-decoration: line-through; }
78 a.issue.closed, .issue.closed a { text-decoration: line-through; }
79
79
80 /***** Tables *****/
80 /***** Tables *****/
81 table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
81 table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
82 table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
82 table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
83 table.list td { overflow: hidden; vertical-align: top;}
83 table.list td { overflow: hidden; vertical-align: top;}
84 table.list td.id { width: 2%; text-align: center;}
84 table.list td.id { width: 2%; text-align: center;}
85 table.list td.checkbox { width: 15px; padding: 0px;}
85 table.list td.checkbox { width: 15px; padding: 0px;}
86
86
87 table.list.issues { margin-top: 10px; }
87 table.list.issues { margin-top: 10px; }
88 tr.issue { text-align: center; white-space: nowrap; }
88 tr.issue { text-align: center; white-space: nowrap; }
89 tr.issue td.subject, tr.issue td.category { white-space: normal; }
89 tr.issue td.subject, tr.issue td.category { white-space: normal; }
90 tr.issue td.subject { text-align: left; }
90 tr.issue td.subject { text-align: left; }
91 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
91 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
92
92
93 tr.entry { border: 1px solid #f8f8f8; }
93 tr.entry { border: 1px solid #f8f8f8; }
94 tr.entry td { white-space: nowrap; }
94 tr.entry td { white-space: nowrap; }
95 tr.entry td.filename { width: 30%; }
95 tr.entry td.filename { width: 30%; }
96 tr.entry td.size { text-align: right; font-size: 90%; }
96 tr.entry td.size { text-align: right; font-size: 90%; }
97 tr.entry td.revision, tr.entry td.author { text-align: center; }
97 tr.entry td.revision, tr.entry td.author { text-align: center; }
98 tr.entry td.age { text-align: right; }
98 tr.entry td.age { text-align: right; }
99
99
100 tr.changeset td.author { text-align: center; width: 15%; }
100 tr.changeset td.author { text-align: center; width: 15%; }
101 tr.changeset td.committed_on { text-align: center; width: 15%; }
101 tr.changeset td.committed_on { text-align: center; width: 15%; }
102
102
103 tr.message { height: 2.6em; }
103 tr.message { height: 2.6em; }
104 tr.message td.last_message { font-size: 80%; }
104 tr.message td.last_message { font-size: 80%; }
105 tr.message.locked td.subject a { background-image: url(../images/locked.png); }
105 tr.message.locked td.subject a { background-image: url(../images/locked.png); }
106 tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }
106 tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }
107
107
108 tr.user td { width:13%; }
108 tr.user td { width:13%; }
109 tr.user td.email { width:18%; }
109 tr.user td.email { width:18%; }
110 tr.user td { white-space: nowrap; }
110 tr.user td { white-space: nowrap; }
111 tr.user.locked, tr.user.registered { color: #aaa; }
111 tr.user.locked, tr.user.registered { color: #aaa; }
112 tr.user.locked a, tr.user.registered a { color: #aaa; }
112 tr.user.locked a, tr.user.registered a { color: #aaa; }
113
113
114 tr.time-entry { text-align: center; white-space: nowrap; }
114 tr.time-entry { text-align: center; white-space: nowrap; }
115 tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
115 tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
116 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
116 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
117 td.hours .hours-dec { font-size: 0.9em; }
117 td.hours .hours-dec { font-size: 0.9em; }
118
118
119 table.list tbody tr:hover { background-color:#ffffdd; }
119 table.list tbody tr:hover { background-color:#ffffdd; }
120 table td {padding:2px;}
120 table td {padding:2px;}
121 table p {margin:0;}
121 table p {margin:0;}
122 .odd {background-color:#f6f7f8;}
122 .odd {background-color:#f6f7f8;}
123 .even {background-color: #fff;}
123 .even {background-color: #fff;}
124
124
125 .highlight { background-color: #FCFD8D;}
125 .highlight { background-color: #FCFD8D;}
126 .highlight.token-1 { background-color: #faa;}
126 .highlight.token-1 { background-color: #faa;}
127 .highlight.token-2 { background-color: #afa;}
127 .highlight.token-2 { background-color: #afa;}
128 .highlight.token-3 { background-color: #aaf;}
128 .highlight.token-3 { background-color: #aaf;}
129
129
130 .box{
130 .box{
131 padding:6px;
131 padding:6px;
132 margin-bottom: 10px;
132 margin-bottom: 10px;
133 background-color:#f6f6f6;
133 background-color:#f6f6f6;
134 color:#505050;
134 color:#505050;
135 line-height:1.5em;
135 line-height:1.5em;
136 border: 1px solid #e4e4e4;
136 border: 1px solid #e4e4e4;
137 }
137 }
138
138
139 div.square {
139 div.square {
140 border: 1px solid #999;
140 border: 1px solid #999;
141 float: left;
141 float: left;
142 margin: .3em .4em 0 .4em;
142 margin: .3em .4em 0 .4em;
143 overflow: hidden;
143 overflow: hidden;
144 width: .6em; height: .6em;
144 width: .6em; height: .6em;
145 }
145 }
146 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
146 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
147 .contextual input {font-size:0.9em;}
147 .contextual input {font-size:0.9em;}
148
148
149 .splitcontentleft{float:left; width:49%;}
149 .splitcontentleft{float:left; width:49%;}
150 .splitcontentright{float:right; width:49%;}
150 .splitcontentright{float:right; width:49%;}
151 form {display: inline;}
151 form {display: inline;}
152 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
152 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
153 fieldset {border: 1px solid #e4e4e4; margin:0;}
153 fieldset {border: 1px solid #e4e4e4; margin:0;}
154 legend {color: #484848;}
154 legend {color: #484848;}
155 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
155 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
156 textarea.wiki-edit { width: 99%; }
156 textarea.wiki-edit { width: 99%; }
157 li p {margin-top: 0;}
157 li p {margin-top: 0;}
158 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
158 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
159 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
159 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
160 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
160 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
161
161
162 fieldset#filters { padding: 0.7em; }
162 fieldset#filters { padding: 0.7em; }
163 fieldset#filters p { margin: 0.8em 0 0.8em 0; }
163 fieldset#filters p { margin: 1.2em 0 0.8em 2px; }
164 fieldset#filters .buttons { text-align: right; font-size: 0.9em; }
164 fieldset#filters .buttons { font-size: 0.9em; }
165 fieldset#filters table { border-collapse: collapse; }
166 fieldset#filters table td { padding: 0; vertical-align: middle; }
167 fieldset#filters tr.filter { height: 2em; }
168 fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
165
169
166 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
170 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
167 div#issue-changesets .changeset { padding: 4px;}
171 div#issue-changesets .changeset { padding: 4px;}
168 div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }
172 div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }
169 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
173 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
170
174
171 div#activity dl { margin-left: 2em; }
175 div#activity dl { margin-left: 2em; }
172 div#activity dd { margin-bottom: 1em; padding-left: 18px; }
176 div#activity dd { margin-bottom: 1em; padding-left: 18px; }
173 div#activity dt { margin-bottom: 1px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
177 div#activity dt { margin-bottom: 1px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
174 div#activity dt .time { color: #777; font-size: 80%; }
178 div#activity dt .time { color: #777; font-size: 80%; }
175 div#activity dd .description { font-style: italic; }
179 div#activity dd .description { font-style: italic; }
176 div#activity span.project:after { content: " -"; }
180 div#activity span.project:after { content: " -"; }
177 div#activity dt.issue { background-image: url(../images/ticket.png); }
181 div#activity dt.issue { background-image: url(../images/ticket.png); }
178 div#activity dt.issue-edit { background-image: url(../images/ticket_edit.png); }
182 div#activity dt.issue-edit { background-image: url(../images/ticket_edit.png); }
179 div#activity dt.issue-closed { background-image: url(../images/ticket_checked.png); }
183 div#activity dt.issue-closed { background-image: url(../images/ticket_checked.png); }
180 div#activity dt.changeset { background-image: url(../images/changeset.png); }
184 div#activity dt.changeset { background-image: url(../images/changeset.png); }
181 div#activity dt.news { background-image: url(../images/news.png); }
185 div#activity dt.news { background-image: url(../images/news.png); }
182 div#activity dt.message { background-image: url(../images/message.png); }
186 div#activity dt.message { background-image: url(../images/message.png); }
183 div#activity dt.reply { background-image: url(../images/comments.png); }
187 div#activity dt.reply { background-image: url(../images/comments.png); }
184 div#activity dt.wiki-page { background-image: url(../images/wiki_edit.png); }
188 div#activity dt.wiki-page { background-image: url(../images/wiki_edit.png); }
185 div#activity dt.attachment { background-image: url(../images/attachment.png); }
189 div#activity dt.attachment { background-image: url(../images/attachment.png); }
186 div#activity dt.document { background-image: url(../images/document.png); }
190 div#activity dt.document { background-image: url(../images/document.png); }
187
191
188 div#roadmap fieldset.related-issues { margin-bottom: 1em; }
192 div#roadmap fieldset.related-issues { margin-bottom: 1em; }
189 div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }
193 div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }
190 div#roadmap .wiki h1:first-child { display: none; }
194 div#roadmap .wiki h1:first-child { display: none; }
191 div#roadmap .wiki h1 { font-size: 120%; }
195 div#roadmap .wiki h1 { font-size: 120%; }
192 div#roadmap .wiki h2 { font-size: 110%; }
196 div#roadmap .wiki h2 { font-size: 110%; }
193
197
194 div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
198 div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
195 div#version-summary fieldset { margin-bottom: 1em; }
199 div#version-summary fieldset { margin-bottom: 1em; }
196 div#version-summary .total-hours { text-align: right; }
200 div#version-summary .total-hours { text-align: right; }
197
201
198 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
202 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
199 table#time-report tbody tr { font-style: italic; color: #777; }
203 table#time-report tbody tr { font-style: italic; color: #777; }
200 table#time-report tbody tr.last-level { font-style: normal; color: #555; }
204 table#time-report tbody tr.last-level { font-style: normal; color: #555; }
201 table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }
205 table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }
202 table#time-report .hours-dec { font-size: 0.9em; }
206 table#time-report .hours-dec { font-size: 0.9em; }
203
207
204 .total-hours { font-size: 110%; font-weight: bold; }
208 .total-hours { font-size: 110%; font-weight: bold; }
205 .total-hours span.hours-int { font-size: 120%; }
209 .total-hours span.hours-int { font-size: 120%; }
206
210
207 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
211 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
208 #user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
212 #user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
209
213
210 .pagination {font-size: 90%}
214 .pagination {font-size: 90%}
211 p.pagination {margin-top:8px;}
215 p.pagination {margin-top:8px;}
212
216
213 /***** Tabular forms ******/
217 /***** Tabular forms ******/
214 .tabular p{
218 .tabular p{
215 margin: 0;
219 margin: 0;
216 padding: 5px 0 8px 0;
220 padding: 5px 0 8px 0;
217 padding-left: 180px; /*width of left column containing the label elements*/
221 padding-left: 180px; /*width of left column containing the label elements*/
218 height: 1%;
222 height: 1%;
219 clear:left;
223 clear:left;
220 }
224 }
221
225
222 .tabular label{
226 .tabular label{
223 font-weight: bold;
227 font-weight: bold;
224 float: left;
228 float: left;
225 text-align: right;
229 text-align: right;
226 margin-left: -180px; /*width of left column*/
230 margin-left: -180px; /*width of left column*/
227 width: 175px; /*width of labels. Should be smaller than left column to create some right
231 width: 175px; /*width of labels. Should be smaller than left column to create some right
228 margin*/
232 margin*/
229 }
233 }
230
234
231 .tabular label.floating{
235 .tabular label.floating{
232 font-weight: normal;
236 font-weight: normal;
233 margin-left: 0px;
237 margin-left: 0px;
234 text-align: left;
238 text-align: left;
235 width: 200px;
239 width: 200px;
236 }
240 }
237
241
238 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
242 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
239
243
240 .tabular.settings p{ padding-left: 300px; }
244 .tabular.settings p{ padding-left: 300px; }
241 .tabular.settings label{ margin-left: -300px; width: 295px; }
245 .tabular.settings label{ margin-left: -300px; width: 295px; }
242
246
243 .required {color: #bb0000;}
247 .required {color: #bb0000;}
244 .summary {font-style: italic;}
248 .summary {font-style: italic;}
245
249
246 #attachments_fields input[type=text] {margin-left: 8px; }
250 #attachments_fields input[type=text] {margin-left: 8px; }
247
251
248 div.attachments p { margin:4px 0 2px 0; }
252 div.attachments p { margin:4px 0 2px 0; }
249 div.attachments img { vertical-align: middle; }
253 div.attachments img { vertical-align: middle; }
250 div.attachments span.author { font-size: 0.9em; color: #888; }
254 div.attachments span.author { font-size: 0.9em; color: #888; }
251
255
252 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
256 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
253 .other-formats span + span:before { content: "| "; }
257 .other-formats span + span:before { content: "| "; }
254
258
255 a.feed { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
259 a.feed { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
256
260
257 /***** Flash & error messages ****/
261 /***** Flash & error messages ****/
258 #errorExplanation, div.flash, .nodata {
262 #errorExplanation, div.flash, .nodata {
259 padding: 4px 4px 4px 30px;
263 padding: 4px 4px 4px 30px;
260 margin-bottom: 12px;
264 margin-bottom: 12px;
261 font-size: 1.1em;
265 font-size: 1.1em;
262 border: 2px solid;
266 border: 2px solid;
263 }
267 }
264
268
265 div.flash {margin-top: 8px;}
269 div.flash {margin-top: 8px;}
266
270
267 div.flash.error, #errorExplanation {
271 div.flash.error, #errorExplanation {
268 background: url(../images/false.png) 8px 5px no-repeat;
272 background: url(../images/false.png) 8px 5px no-repeat;
269 background-color: #ffe3e3;
273 background-color: #ffe3e3;
270 border-color: #dd0000;
274 border-color: #dd0000;
271 color: #550000;
275 color: #550000;
272 }
276 }
273
277
274 div.flash.notice {
278 div.flash.notice {
275 background: url(../images/true.png) 8px 5px no-repeat;
279 background: url(../images/true.png) 8px 5px no-repeat;
276 background-color: #dfffdf;
280 background-color: #dfffdf;
277 border-color: #9fcf9f;
281 border-color: #9fcf9f;
278 color: #005f00;
282 color: #005f00;
279 }
283 }
280
284
281 .nodata {
285 .nodata {
282 text-align: center;
286 text-align: center;
283 background-color: #FFEBC1;
287 background-color: #FFEBC1;
284 border-color: #FDBF3B;
288 border-color: #FDBF3B;
285 color: #A6750C;
289 color: #A6750C;
286 }
290 }
287
291
288 #errorExplanation ul { font-size: 0.9em;}
292 #errorExplanation ul { font-size: 0.9em;}
289
293
290 /***** Ajax indicator ******/
294 /***** Ajax indicator ******/
291 #ajax-indicator {
295 #ajax-indicator {
292 position: absolute; /* fixed not supported by IE */
296 position: absolute; /* fixed not supported by IE */
293 background-color:#eee;
297 background-color:#eee;
294 border: 1px solid #bbb;
298 border: 1px solid #bbb;
295 top:35%;
299 top:35%;
296 left:40%;
300 left:40%;
297 width:20%;
301 width:20%;
298 font-weight:bold;
302 font-weight:bold;
299 text-align:center;
303 text-align:center;
300 padding:0.6em;
304 padding:0.6em;
301 z-index:100;
305 z-index:100;
302 filter:alpha(opacity=50);
306 filter:alpha(opacity=50);
303 opacity: 0.5;
307 opacity: 0.5;
304 }
308 }
305
309
306 html>body #ajax-indicator { position: fixed; }
310 html>body #ajax-indicator { position: fixed; }
307
311
308 #ajax-indicator span {
312 #ajax-indicator span {
309 background-position: 0% 40%;
313 background-position: 0% 40%;
310 background-repeat: no-repeat;
314 background-repeat: no-repeat;
311 background-image: url(../images/loading.gif);
315 background-image: url(../images/loading.gif);
312 padding-left: 26px;
316 padding-left: 26px;
313 vertical-align: bottom;
317 vertical-align: bottom;
314 }
318 }
315
319
316 /***** Calendar *****/
320 /***** Calendar *****/
317 table.cal {border-collapse: collapse; width: 100%; margin: 8px 0 6px 0;border: 1px solid #d7d7d7;}
321 table.cal {border-collapse: collapse; width: 100%; margin: 8px 0 6px 0;border: 1px solid #d7d7d7;}
318 table.cal thead th {width: 14%;}
322 table.cal thead th {width: 14%;}
319 table.cal tbody tr {height: 100px;}
323 table.cal tbody tr {height: 100px;}
320 table.cal th { background-color:#EEEEEE; padding: 4px; }
324 table.cal th { background-color:#EEEEEE; padding: 4px; }
321 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
325 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
322 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
326 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
323 table.cal td.odd p.day-num {color: #bbb;}
327 table.cal td.odd p.day-num {color: #bbb;}
324 table.cal td.today {background:#ffffdd;}
328 table.cal td.today {background:#ffffdd;}
325 table.cal td.today p.day-num {font-weight: bold;}
329 table.cal td.today p.day-num {font-weight: bold;}
326
330
327 /***** Tooltips ******/
331 /***** Tooltips ******/
328 .tooltip{position:relative;z-index:24;}
332 .tooltip{position:relative;z-index:24;}
329 .tooltip:hover{z-index:25;color:#000;}
333 .tooltip:hover{z-index:25;color:#000;}
330 .tooltip span.tip{display: none; text-align:left;}
334 .tooltip span.tip{display: none; text-align:left;}
331
335
332 div.tooltip:hover span.tip{
336 div.tooltip:hover span.tip{
333 display:block;
337 display:block;
334 position:absolute;
338 position:absolute;
335 top:12px; left:24px; width:270px;
339 top:12px; left:24px; width:270px;
336 border:1px solid #555;
340 border:1px solid #555;
337 background-color:#fff;
341 background-color:#fff;
338 padding: 4px;
342 padding: 4px;
339 font-size: 0.8em;
343 font-size: 0.8em;
340 color:#505050;
344 color:#505050;
341 }
345 }
342
346
343 /***** Progress bar *****/
347 /***** Progress bar *****/
344 table.progress {
348 table.progress {
345 border: 1px solid #D7D7D7;
349 border: 1px solid #D7D7D7;
346 border-collapse: collapse;
350 border-collapse: collapse;
347 border-spacing: 0pt;
351 border-spacing: 0pt;
348 empty-cells: show;
352 empty-cells: show;
349 text-align: center;
353 text-align: center;
350 float:left;
354 float:left;
351 margin: 1px 6px 1px 0px;
355 margin: 1px 6px 1px 0px;
352 }
356 }
353
357
354 table.progress td { height: 0.9em; }
358 table.progress td { height: 0.9em; }
355 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
359 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
356 table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
360 table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
357 table.progress td.open { background: #FFF none repeat scroll 0%; }
361 table.progress td.open { background: #FFF none repeat scroll 0%; }
358 p.pourcent {font-size: 80%;}
362 p.pourcent {font-size: 80%;}
359 p.progress-info {clear: left; font-style: italic; font-size: 80%;}
363 p.progress-info {clear: left; font-style: italic; font-size: 80%;}
360
364
361 /***** Tabs *****/
365 /***** Tabs *****/
362 #content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}
366 #content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}
363 #content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}
367 #content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}
364 #content .tabs>ul { bottom:-1px; } /* others */
368 #content .tabs>ul { bottom:-1px; } /* others */
365 #content .tabs ul li {
369 #content .tabs ul li {
366 float:left;
370 float:left;
367 list-style-type:none;
371 list-style-type:none;
368 white-space:nowrap;
372 white-space:nowrap;
369 margin-right:8px;
373 margin-right:8px;
370 background:#fff;
374 background:#fff;
371 }
375 }
372 #content .tabs ul li a{
376 #content .tabs ul li a{
373 display:block;
377 display:block;
374 font-size: 0.9em;
378 font-size: 0.9em;
375 text-decoration:none;
379 text-decoration:none;
376 line-height:1.3em;
380 line-height:1.3em;
377 padding:4px 6px 4px 6px;
381 padding:4px 6px 4px 6px;
378 border: 1px solid #ccc;
382 border: 1px solid #ccc;
379 border-bottom: 1px solid #bbbbbb;
383 border-bottom: 1px solid #bbbbbb;
380 background-color: #eeeeee;
384 background-color: #eeeeee;
381 color:#777;
385 color:#777;
382 font-weight:bold;
386 font-weight:bold;
383 }
387 }
384
388
385 #content .tabs ul li a:hover {
389 #content .tabs ul li a:hover {
386 background-color: #ffffdd;
390 background-color: #ffffdd;
387 text-decoration:none;
391 text-decoration:none;
388 }
392 }
389
393
390 #content .tabs ul li a.selected {
394 #content .tabs ul li a.selected {
391 background-color: #fff;
395 background-color: #fff;
392 border: 1px solid #bbbbbb;
396 border: 1px solid #bbbbbb;
393 border-bottom: 1px solid #fff;
397 border-bottom: 1px solid #fff;
394 }
398 }
395
399
396 #content .tabs ul li a.selected:hover {
400 #content .tabs ul li a.selected:hover {
397 background-color: #fff;
401 background-color: #fff;
398 }
402 }
399
403
400 /***** Diff *****/
404 /***** Diff *****/
401 .diff_out { background: #fcc; }
405 .diff_out { background: #fcc; }
402 .diff_in { background: #cfc; }
406 .diff_in { background: #cfc; }
403
407
404 /***** Wiki *****/
408 /***** Wiki *****/
405 div.wiki table {
409 div.wiki table {
406 border: 1px solid #505050;
410 border: 1px solid #505050;
407 border-collapse: collapse;
411 border-collapse: collapse;
408 margin-bottom: 1em;
412 margin-bottom: 1em;
409 }
413 }
410
414
411 div.wiki table, div.wiki td, div.wiki th {
415 div.wiki table, div.wiki td, div.wiki th {
412 border: 1px solid #bbb;
416 border: 1px solid #bbb;
413 padding: 4px;
417 padding: 4px;
414 }
418 }
415
419
416 div.wiki .external {
420 div.wiki .external {
417 background-position: 0% 60%;
421 background-position: 0% 60%;
418 background-repeat: no-repeat;
422 background-repeat: no-repeat;
419 padding-left: 12px;
423 padding-left: 12px;
420 background-image: url(../images/external.png);
424 background-image: url(../images/external.png);
421 }
425 }
422
426
423 div.wiki a.new {
427 div.wiki a.new {
424 color: #b73535;
428 color: #b73535;
425 }
429 }
426
430
427 div.wiki pre {
431 div.wiki pre {
428 margin: 1em 1em 1em 1.6em;
432 margin: 1em 1em 1em 1.6em;
429 padding: 2px;
433 padding: 2px;
430 background-color: #fafafa;
434 background-color: #fafafa;
431 border: 1px solid #dadada;
435 border: 1px solid #dadada;
432 width:95%;
436 width:95%;
433 overflow-x: auto;
437 overflow-x: auto;
434 }
438 }
435
439
436 div.wiki div.toc {
440 div.wiki div.toc {
437 background-color: #ffffdd;
441 background-color: #ffffdd;
438 border: 1px solid #e4e4e4;
442 border: 1px solid #e4e4e4;
439 padding: 4px;
443 padding: 4px;
440 line-height: 1.2em;
444 line-height: 1.2em;
441 margin-bottom: 12px;
445 margin-bottom: 12px;
442 margin-right: 12px;
446 margin-right: 12px;
443 display: table
447 display: table
444 }
448 }
445 * html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */
449 * html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */
446
450
447 div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
451 div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
448 div.wiki div.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
452 div.wiki div.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
449
453
450 div.wiki div.toc a {
454 div.wiki div.toc a {
451 display: block;
455 display: block;
452 font-size: 0.9em;
456 font-size: 0.9em;
453 font-weight: normal;
457 font-weight: normal;
454 text-decoration: none;
458 text-decoration: none;
455 color: #606060;
459 color: #606060;
456 }
460 }
457 div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}
461 div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}
458
462
459 div.wiki div.toc a.heading2 { margin-left: 6px; }
463 div.wiki div.toc a.heading2 { margin-left: 6px; }
460 div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }
464 div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }
461
465
462 /***** My page layout *****/
466 /***** My page layout *****/
463 .block-receiver {
467 .block-receiver {
464 border:1px dashed #c0c0c0;
468 border:1px dashed #c0c0c0;
465 margin-bottom: 20px;
469 margin-bottom: 20px;
466 padding: 15px 0 15px 0;
470 padding: 15px 0 15px 0;
467 }
471 }
468
472
469 .mypage-box {
473 .mypage-box {
470 margin:0 0 20px 0;
474 margin:0 0 20px 0;
471 color:#505050;
475 color:#505050;
472 line-height:1.5em;
476 line-height:1.5em;
473 }
477 }
474
478
475 .handle {
479 .handle {
476 cursor: move;
480 cursor: move;
477 }
481 }
478
482
479 a.close-icon {
483 a.close-icon {
480 display:block;
484 display:block;
481 margin-top:3px;
485 margin-top:3px;
482 overflow:hidden;
486 overflow:hidden;
483 width:12px;
487 width:12px;
484 height:12px;
488 height:12px;
485 background-repeat: no-repeat;
489 background-repeat: no-repeat;
486 cursor:pointer;
490 cursor:pointer;
487 background-image:url('../images/close.png');
491 background-image:url('../images/close.png');
488 }
492 }
489
493
490 a.close-icon:hover {
494 a.close-icon:hover {
491 background-image:url('../images/close_hl.png');
495 background-image:url('../images/close_hl.png');
492 }
496 }
493
497
494 /***** Gantt chart *****/
498 /***** Gantt chart *****/
495 .gantt_hdr {
499 .gantt_hdr {
496 position:absolute;
500 position:absolute;
497 top:0;
501 top:0;
498 height:16px;
502 height:16px;
499 border-top: 1px solid #c0c0c0;
503 border-top: 1px solid #c0c0c0;
500 border-bottom: 1px solid #c0c0c0;
504 border-bottom: 1px solid #c0c0c0;
501 border-right: 1px solid #c0c0c0;
505 border-right: 1px solid #c0c0c0;
502 text-align: center;
506 text-align: center;
503 overflow: hidden;
507 overflow: hidden;
504 }
508 }
505
509
506 .task {
510 .task {
507 position: absolute;
511 position: absolute;
508 height:8px;
512 height:8px;
509 font-size:0.8em;
513 font-size:0.8em;
510 color:#888;
514 color:#888;
511 padding:0;
515 padding:0;
512 margin:0;
516 margin:0;
513 line-height:0.8em;
517 line-height:0.8em;
514 }
518 }
515
519
516 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
520 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
517 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
521 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
518 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
522 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
519 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
523 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
520
524
521 /***** Icons *****/
525 /***** Icons *****/
522 .icon {
526 .icon {
523 background-position: 0% 40%;
527 background-position: 0% 40%;
524 background-repeat: no-repeat;
528 background-repeat: no-repeat;
525 padding-left: 20px;
529 padding-left: 20px;
526 padding-top: 2px;
530 padding-top: 2px;
527 padding-bottom: 3px;
531 padding-bottom: 3px;
528 }
532 }
529
533
530 .icon22 {
534 .icon22 {
531 background-position: 0% 40%;
535 background-position: 0% 40%;
532 background-repeat: no-repeat;
536 background-repeat: no-repeat;
533 padding-left: 26px;
537 padding-left: 26px;
534 line-height: 22px;
538 line-height: 22px;
535 vertical-align: middle;
539 vertical-align: middle;
536 }
540 }
537
541
538 .icon-add { background-image: url(../images/add.png); }
542 .icon-add { background-image: url(../images/add.png); }
539 .icon-edit { background-image: url(../images/edit.png); }
543 .icon-edit { background-image: url(../images/edit.png); }
540 .icon-copy { background-image: url(../images/copy.png); }
544 .icon-copy { background-image: url(../images/copy.png); }
541 .icon-del { background-image: url(../images/delete.png); }
545 .icon-del { background-image: url(../images/delete.png); }
542 .icon-move { background-image: url(../images/move.png); }
546 .icon-move { background-image: url(../images/move.png); }
543 .icon-save { background-image: url(../images/save.png); }
547 .icon-save { background-image: url(../images/save.png); }
544 .icon-cancel { background-image: url(../images/cancel.png); }
548 .icon-cancel { background-image: url(../images/cancel.png); }
545 .icon-file { background-image: url(../images/file.png); }
549 .icon-file { background-image: url(../images/file.png); }
546 .icon-folder { background-image: url(../images/folder.png); }
550 .icon-folder { background-image: url(../images/folder.png); }
547 .open .icon-folder { background-image: url(../images/folder_open.png); }
551 .open .icon-folder { background-image: url(../images/folder_open.png); }
548 .icon-package { background-image: url(../images/package.png); }
552 .icon-package { background-image: url(../images/package.png); }
549 .icon-home { background-image: url(../images/home.png); }
553 .icon-home { background-image: url(../images/home.png); }
550 .icon-user { background-image: url(../images/user.png); }
554 .icon-user { background-image: url(../images/user.png); }
551 .icon-mypage { background-image: url(../images/user_page.png); }
555 .icon-mypage { background-image: url(../images/user_page.png); }
552 .icon-admin { background-image: url(../images/admin.png); }
556 .icon-admin { background-image: url(../images/admin.png); }
553 .icon-projects { background-image: url(../images/projects.png); }
557 .icon-projects { background-image: url(../images/projects.png); }
554 .icon-logout { background-image: url(../images/logout.png); }
558 .icon-logout { background-image: url(../images/logout.png); }
555 .icon-help { background-image: url(../images/help.png); }
559 .icon-help { background-image: url(../images/help.png); }
556 .icon-attachment { background-image: url(../images/attachment.png); }
560 .icon-attachment { background-image: url(../images/attachment.png); }
557 .icon-index { background-image: url(../images/index.png); }
561 .icon-index { background-image: url(../images/index.png); }
558 .icon-history { background-image: url(../images/history.png); }
562 .icon-history { background-image: url(../images/history.png); }
559 .icon-time { background-image: url(../images/time.png); }
563 .icon-time { background-image: url(../images/time.png); }
560 .icon-stats { background-image: url(../images/stats.png); }
564 .icon-stats { background-image: url(../images/stats.png); }
561 .icon-warning { background-image: url(../images/warning.png); }
565 .icon-warning { background-image: url(../images/warning.png); }
562 .icon-fav { background-image: url(../images/fav.png); }
566 .icon-fav { background-image: url(../images/fav.png); }
563 .icon-fav-off { background-image: url(../images/fav_off.png); }
567 .icon-fav-off { background-image: url(../images/fav_off.png); }
564 .icon-reload { background-image: url(../images/reload.png); }
568 .icon-reload { background-image: url(../images/reload.png); }
565 .icon-lock { background-image: url(../images/locked.png); }
569 .icon-lock { background-image: url(../images/locked.png); }
566 .icon-unlock { background-image: url(../images/unlock.png); }
570 .icon-unlock { background-image: url(../images/unlock.png); }
567 .icon-checked { background-image: url(../images/true.png); }
571 .icon-checked { background-image: url(../images/true.png); }
568 .icon-details { background-image: url(../images/zoom_in.png); }
572 .icon-details { background-image: url(../images/zoom_in.png); }
569 .icon-report { background-image: url(../images/report.png); }
573 .icon-report { background-image: url(../images/report.png); }
570
574
571 .icon22-projects { background-image: url(../images/22x22/projects.png); }
575 .icon22-projects { background-image: url(../images/22x22/projects.png); }
572 .icon22-users { background-image: url(../images/22x22/users.png); }
576 .icon22-users { background-image: url(../images/22x22/users.png); }
573 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
577 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
574 .icon22-role { background-image: url(../images/22x22/role.png); }
578 .icon22-role { background-image: url(../images/22x22/role.png); }
575 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
579 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
576 .icon22-options { background-image: url(../images/22x22/options.png); }
580 .icon22-options { background-image: url(../images/22x22/options.png); }
577 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
581 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
578 .icon22-authent { background-image: url(../images/22x22/authent.png); }
582 .icon22-authent { background-image: url(../images/22x22/authent.png); }
579 .icon22-info { background-image: url(../images/22x22/info.png); }
583 .icon22-info { background-image: url(../images/22x22/info.png); }
580 .icon22-comment { background-image: url(../images/22x22/comment.png); }
584 .icon22-comment { background-image: url(../images/22x22/comment.png); }
581 .icon22-package { background-image: url(../images/22x22/package.png); }
585 .icon22-package { background-image: url(../images/22x22/package.png); }
582 .icon22-settings { background-image: url(../images/22x22/settings.png); }
586 .icon22-settings { background-image: url(../images/22x22/settings.png); }
583 .icon22-plugin { background-image: url(../images/22x22/plugin.png); }
587 .icon22-plugin { background-image: url(../images/22x22/plugin.png); }
584
588
585 /***** Media print specific styles *****/
589 /***** Media print specific styles *****/
586 @media print {
590 @media print {
587 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual { display:none; }
591 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual { display:none; }
588 #main { background: #fff; }
592 #main { background: #fff; }
589 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }
593 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }
590 }
594 }
General Comments 0
You need to be logged in to leave comments. Login now