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