##// END OF EJS Templates
jro_apps » redmine
RSS
Right overflow of the left menu now hidden....
Jean-Philippe Lang -
r458:05b08ae38fd8
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,636 +1,637
1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
2 /* Edited by Jean-Philippe Lang *>
2 /* Edited by Jean-Philippe Lang *>
3 /**************** Body and tag styles ****************/
3 /**************** Body and tag styles ****************/
4
4
5 #header * {margin:0; padding:0;}
5 #header * {margin:0; padding:0;}
6 p, ul, ol, li {margin:0; padding:0;}
6 p, ul, ol, li {margin:0; padding:0;}
7
7
8 body{
8 body{
9 font:76% Verdana,Tahoma,Arial,sans-serif;
9 font:76% Verdana,Tahoma,Arial,sans-serif;
10 line-height:1.4em;
10 line-height:1.4em;
11 text-align:center;
11 text-align:center;
12 color:#303030;
12 color:#303030;
13 background:#e8eaec;
13 background:#e8eaec;
14 margin:0;
14 margin:0;
15 }
15 }
16
16
17 a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}
17 a{color:#467aa7;font-weight:bold;text-decoration:none;background-color:inherit;}
18 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
18 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
19 a img{border:none;}
19 a img{border:none;}
20
20
21 p{margin:0 0 1em 0;}
21 p{margin:0 0 1em 0;}
22 p form{margin-top:0; margin-bottom:20px;}
22 p form{margin-top:0; margin-bottom:20px;}
23
23
24 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
24 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
25 img.left{float:left; margin:0 12px 5px 0;}
25 img.left{float:left; margin:0 12px 5px 0;}
26 img.center{display:block; margin:0 auto 5px auto;}
26 img.center{display:block; margin:0 auto 5px auto;}
27 img.right{float:right; margin:0 0 5px 12px;}
27 img.right{float:right; margin:0 0 5px 12px;}
28
28
29 /**************** Header and navigation styles ****************/
29 /**************** Header and navigation styles ****************/
30
30
31 #container{
31 #container{
32 width:100%;
32 width:100%;
33 min-width: 800px;
33 min-width: 800px;
34 margin:0;
34 margin:0;
35 padding:0;
35 padding:0;
36 text-align:left;
36 text-align:left;
37 background:#ffffff;
37 background:#ffffff;
38 color:#303030;
38 color:#303030;
39 }
39 }
40
40
41 #header{
41 #header{
42 height:4.5em;
42 height:4.5em;
43 margin:0;
43 margin:0;
44 background:#467aa7;
44 background:#467aa7;
45 color:#ffffff;
45 color:#ffffff;
46 margin-bottom:1px;
46 margin-bottom:1px;
47 }
47 }
48
48
49 #header h1{
49 #header h1{
50 padding:10px 0 0 20px;
50 padding:10px 0 0 20px;
51 font-size:2em;
51 font-size:2em;
52 background-color:inherit;
52 background-color:inherit;
53 color:#fff;
53 color:#fff;
54 letter-spacing:-1px;
54 letter-spacing:-1px;
55 font-weight:bold;
55 font-weight:bold;
56 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
56 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
57 }
57 }
58
58
59 #header h2{
59 #header h2{
60 margin:3px 0 0 40px;
60 margin:3px 0 0 40px;
61 font-size:1.5em;
61 font-size:1.5em;
62 background-color:inherit;
62 background-color:inherit;
63 color:#f0f2f4;
63 color:#f0f2f4;
64 letter-spacing:-1px;
64 letter-spacing:-1px;
65 font-weight:normal;
65 font-weight:normal;
66 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
66 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
67 }
67 }
68
68
69 #navigation{
69 #navigation{
70 height:2.2em;
70 height:2.2em;
71 line-height:2.2em;
71 line-height:2.2em;
72 margin:0;
72 margin:0;
73 background:#578bb8;
73 background:#578bb8;
74 color:#ffffff;
74 color:#ffffff;
75 }
75 }
76
76
77 #navigation li{
77 #navigation li{
78 float:left;
78 float:left;
79 list-style-type:none;
79 list-style-type:none;
80 border-right:1px solid #ffffff;
80 border-right:1px solid #ffffff;
81 white-space:nowrap;
81 white-space:nowrap;
82 }
82 }
83
83
84 #navigation li.right {
84 #navigation li.right {
85 float:right;
85 float:right;
86 list-style-type:none;
86 list-style-type:none;
87 border-right:0;
87 border-right:0;
88 border-left:1px solid #ffffff;
88 border-left:1px solid #ffffff;
89 white-space:nowrap;
89 white-space:nowrap;
90 }
90 }
91
91
92 #navigation li a{
92 #navigation li a{
93 display:block;
93 display:block;
94 padding:0px 10px 0px 22px;
94 padding:0px 10px 0px 22px;
95 font-size:0.8em;
95 font-size:0.8em;
96 font-weight:normal;
96 font-weight:normal;
97 text-decoration:none;
97 text-decoration:none;
98 background-color:inherit;
98 background-color:inherit;
99 color: #ffffff;
99 color: #ffffff;
100 }
100 }
101
101
102 #navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
102 #navigation li.submenu {background:url(../images/arrow_down.png) 96% 80% no-repeat;}
103 #navigation li.submenu a {padding:0px 16px 0px 22px;}
103 #navigation li.submenu a {padding:0px 16px 0px 22px;}
104 * html #navigation a {width:1%;}
104 * html #navigation a {width:1%;}
105
105
106 #navigation .selected,#navigation a:hover{
106 #navigation .selected,#navigation a:hover{
107 color:#ffffff;
107 color:#ffffff;
108 text-decoration:none;
108 text-decoration:none;
109 background-color: #80b0da;
109 background-color: #80b0da;
110 }
110 }
111
111
112 /**************** Icons *******************/
112 /**************** Icons *******************/
113 .icon {
113 .icon {
114 background-position: 0% 40%;
114 background-position: 0% 40%;
115 background-repeat: no-repeat;
115 background-repeat: no-repeat;
116 padding-left: 20px;
116 padding-left: 20px;
117 padding-top: 2px;
117 padding-top: 2px;
118 padding-bottom: 3px;
118 padding-bottom: 3px;
119 vertical-align: middle;
119 vertical-align: middle;
120 }
120 }
121
121
122 #navigation .icon {
122 #navigation .icon {
123 background-position: 4px 50%;
123 background-position: 4px 50%;
124 }
124 }
125
125
126 .icon22 {
126 .icon22 {
127 background-position: 0% 40%;
127 background-position: 0% 40%;
128 background-repeat: no-repeat;
128 background-repeat: no-repeat;
129 padding-left: 26px;
129 padding-left: 26px;
130 line-height: 22px;
130 line-height: 22px;
131 vertical-align: middle;
131 vertical-align: middle;
132 }
132 }
133
133
134 .icon-add { background-image: url(../images/add.png); }
134 .icon-add { background-image: url(../images/add.png); }
135 .icon-edit { background-image: url(../images/edit.png); }
135 .icon-edit { background-image: url(../images/edit.png); }
136 .icon-del { background-image: url(../images/delete.png); }
136 .icon-del { background-image: url(../images/delete.png); }
137 .icon-move { background-image: url(../images/move.png); }
137 .icon-move { background-image: url(../images/move.png); }
138 .icon-save { background-image: url(../images/save.png); }
138 .icon-save { background-image: url(../images/save.png); }
139 .icon-cancel { background-image: url(../images/cancel.png); }
139 .icon-cancel { background-image: url(../images/cancel.png); }
140 .icon-pdf { background-image: url(../images/pdf.png); }
140 .icon-pdf { background-image: url(../images/pdf.png); }
141 .icon-csv { background-image: url(../images/csv.png); }
141 .icon-csv { background-image: url(../images/csv.png); }
142 .icon-html { background-image: url(../images/html.png); }
142 .icon-html { background-image: url(../images/html.png); }
143 .icon-txt { background-image: url(../images/txt.png); }
143 .icon-txt { background-image: url(../images/txt.png); }
144 .icon-file { background-image: url(../images/file.png); }
144 .icon-file { background-image: url(../images/file.png); }
145 .icon-folder { background-image: url(../images/folder.png); }
145 .icon-folder { background-image: url(../images/folder.png); }
146 .icon-package { background-image: url(../images/package.png); }
146 .icon-package { background-image: url(../images/package.png); }
147 .icon-home { background-image: url(../images/home.png); }
147 .icon-home { background-image: url(../images/home.png); }
148 .icon-user { background-image: url(../images/user.png); }
148 .icon-user { background-image: url(../images/user.png); }
149 .icon-mypage { background-image: url(../images/user_page.png); }
149 .icon-mypage { background-image: url(../images/user_page.png); }
150 .icon-admin { background-image: url(../images/admin.png); }
150 .icon-admin { background-image: url(../images/admin.png); }
151 .icon-projects { background-image: url(../images/projects.png); }
151 .icon-projects { background-image: url(../images/projects.png); }
152 .icon-logout { background-image: url(../images/logout.png); }
152 .icon-logout { background-image: url(../images/logout.png); }
153 .icon-help { background-image: url(../images/help.png); }
153 .icon-help { background-image: url(../images/help.png); }
154 .icon-attachment { background-image: url(../images/attachment.png); }
154 .icon-attachment { background-image: url(../images/attachment.png); }
155 .icon-index { background-image: url(../images/index.png); }
155 .icon-index { background-image: url(../images/index.png); }
156 .icon-history { background-image: url(../images/history.png); }
156 .icon-history { background-image: url(../images/history.png); }
157 .icon-feed { background-image: url(../images/feed.png); }
157 .icon-feed { background-image: url(../images/feed.png); }
158 .icon-time { background-image: url(../images/time.png); }
158 .icon-time { background-image: url(../images/time.png); }
159 .icon-stats { background-image: url(../images/stats.png); }
159 .icon-stats { background-image: url(../images/stats.png); }
160 .icon-warning { background-image: url(../images/warning.png); }
160 .icon-warning { background-image: url(../images/warning.png); }
161 .icon-fav { background-image: url(../images/fav.png); }
161 .icon-fav { background-image: url(../images/fav.png); }
162
162
163 .icon22-projects { background-image: url(../images/22x22/projects.png); }
163 .icon22-projects { background-image: url(../images/22x22/projects.png); }
164 .icon22-users { background-image: url(../images/22x22/users.png); }
164 .icon22-users { background-image: url(../images/22x22/users.png); }
165 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
165 .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
166 .icon22-role { background-image: url(../images/22x22/role.png); }
166 .icon22-role { background-image: url(../images/22x22/role.png); }
167 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
167 .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
168 .icon22-options { background-image: url(../images/22x22/options.png); }
168 .icon22-options { background-image: url(../images/22x22/options.png); }
169 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
169 .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
170 .icon22-authent { background-image: url(../images/22x22/authent.png); }
170 .icon22-authent { background-image: url(../images/22x22/authent.png); }
171 .icon22-info { background-image: url(../images/22x22/info.png); }
171 .icon22-info { background-image: url(../images/22x22/info.png); }
172 .icon22-comment { background-image: url(../images/22x22/comment.png); }
172 .icon22-comment { background-image: url(../images/22x22/comment.png); }
173 .icon22-package { background-image: url(../images/22x22/package.png); }
173 .icon22-package { background-image: url(../images/22x22/package.png); }
174 .icon22-settings { background-image: url(../images/22x22/settings.png); }
174 .icon22-settings { background-image: url(../images/22x22/settings.png); }
175
175
176 /**************** Content styles ****************/
176 /**************** Content styles ****************/
177
177
178 html>body #content {
178 html>body #content {
179 height: auto;
179 height: auto;
180 min-height: 500px;
180 min-height: 500px;
181 }
181 }
182
182
183 #content{
183 #content{
184 width: auto;
184 width: auto;
185 height:500px;
185 height:500px;
186 font-size:0.9em;
186 font-size:0.9em;
187 padding:20px 10px 10px 20px;
187 padding:20px 10px 10px 20px;
188 margin-left: 120px;
188 margin-left: 120px;
189 border-left: 1px dashed #c0c0c0;
189 border-left: 1px dashed #c0c0c0;
190
190
191 }
191 }
192
192
193 #content h2, #content div.wiki h1 {
193 #content h2, #content div.wiki h1 {
194 display:block;
194 display:block;
195 margin:0 0 16px 0;
195 margin:0 0 16px 0;
196 font-size:1.7em;
196 font-size:1.7em;
197 font-weight:normal;
197 font-weight:normal;
198 letter-spacing:-1px;
198 letter-spacing:-1px;
199 color:#606060;
199 color:#606060;
200 background-color:inherit;
200 background-color:inherit;
201 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
201 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
202 }
202 }
203
203
204 #content h2 a{font-weight:normal;}
204 #content h2 a{font-weight:normal;}
205 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
205 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
206 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
206 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
207 #content a:hover,#subcontent a:hover{text-decoration:underline;}
207 #content a:hover,#subcontent a:hover{text-decoration:underline;}
208 #content ul,#content ol{margin:0 5px 16px 35px;}
208 #content ul,#content ol{margin:0 5px 16px 35px;}
209 #content dl{margin:0 5px 10px 25px;}
209 #content dl{margin:0 5px 10px 25px;}
210 #content dt{font-weight:bold; margin-bottom:5px;}
210 #content dt{font-weight:bold; margin-bottom:5px;}
211 #content dd{margin:0 0 10px 15px;}
211 #content dd{margin:0 0 10px 15px;}
212
212
213 #content .tabs{height: 2.6em;}
213 #content .tabs{height: 2.6em;}
214 #content .tabs ul{margin:0;}
214 #content .tabs ul{margin:0;}
215 #content .tabs ul li{
215 #content .tabs ul li{
216 float:left;
216 float:left;
217 list-style-type:none;
217 list-style-type:none;
218 white-space:nowrap;
218 white-space:nowrap;
219 margin-right:8px;
219 margin-right:8px;
220 background:#fff;
220 background:#fff;
221 }
221 }
222 #content .tabs ul li a{
222 #content .tabs ul li a{
223 display:block;
223 display:block;
224 font-size: 0.9em;
224 font-size: 0.9em;
225 text-decoration:none;
225 text-decoration:none;
226 line-height:1em;
226 line-height:1em;
227 padding:4px;
227 padding:4px;
228 border: 1px solid #c0c0c0;
228 border: 1px solid #c0c0c0;
229 }
229 }
230
230
231 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
231 #content .tabs ul li a.selected, #content .tabs ul li a:hover{
232 background-color: #80b0da;
232 background-color: #80b0da;
233 border: 1px solid #80b0da;
233 border: 1px solid #80b0da;
234 color: #fff;
234 color: #fff;
235 text-decoration:none;
235 text-decoration:none;
236 }
236 }
237
237
238 /***********************************************/
238 /***********************************************/
239
239
240 form {display: inline;}
240 form {display: inline;}
241 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
241 blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
242 input, select {vertical-align: middle; margin-bottom: 4px;}
242 input, select {vertical-align: middle; margin-bottom: 4px;}
243
243
244 input.button-small {font-size: 0.8em;}
244 input.button-small {font-size: 0.8em;}
245 textarea.wiki-edit { width: 99.5%; }
245 textarea.wiki-edit { width: 99.5%; }
246 .select-small {font-size: 0.8em;}
246 .select-small {font-size: 0.8em;}
247 label {font-weight: bold; font-size: 1em; color: #505050;}
247 label {font-weight: bold; font-size: 1em; color: #505050;}
248 fieldset {border:1px solid #c0c0c0; padding: 6px;}
248 fieldset {border:1px solid #c0c0c0; padding: 6px;}
249 legend {color: #505050;}
249 legend {color: #505050;}
250 .required {color: #bb0000;}
250 .required {color: #bb0000;}
251 .odd {background-color:#f6f7f8;}
251 .odd {background-color:#f6f7f8;}
252 .even {background-color: #fff;}
252 .even {background-color: #fff;}
253 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
253 hr { border:0; border-top: dotted 1px #fff; border-bottom: dotted 1px #c0c0c0; }
254 table p {margin:0; padding:0;}
254 table p {margin:0; padding:0;}
255
255
256 .highlight { background-color: #FCFD8D;}
256 .highlight { background-color: #FCFD8D;}
257
257
258 div.square {
258 div.square {
259 border: 1px solid #999;
259 border: 1px solid #999;
260 float: left;
260 float: left;
261 margin: .4em .5em 0 0;
261 margin: .4em .5em 0 0;
262 overflow: hidden;
262 overflow: hidden;
263 width: .6em; height: .6em;
263 width: .6em; height: .6em;
264 }
264 }
265
265
266 ul.documents {
266 ul.documents {
267 list-style-type: none;
267 list-style-type: none;
268 padding: 0;
268 padding: 0;
269 margin: 0;
269 margin: 0;
270 }
270 }
271
271
272 ul.documents li {
272 ul.documents li {
273 background-image: url(../images/32x32/file.png);
273 background-image: url(../images/32x32/file.png);
274 background-repeat: no-repeat;
274 background-repeat: no-repeat;
275 background-position: 0 1px;
275 background-position: 0 1px;
276 padding-left: 36px;
276 padding-left: 36px;
277 margin-bottom: 10px;
277 margin-bottom: 10px;
278 margin-left: -37px;
278 margin-left: -37px;
279 }
279 }
280
280
281 /********** Table used to display lists of things ***********/
281 /********** Table used to display lists of things ***********/
282
282
283 table.list {
283 table.list {
284 width:100%;
284 width:100%;
285 border-collapse: collapse;
285 border-collapse: collapse;
286 border: 1px dotted #d0d0d0;
286 border: 1px dotted #d0d0d0;
287 margin-bottom: 6px;
287 margin-bottom: 6px;
288 }
288 }
289
289
290 table.with-cells td {
290 table.with-cells td {
291 border: 1px solid #d7d7d7;
291 border: 1px solid #d7d7d7;
292 }
292 }
293
293
294 table.list td {
294 table.list td {
295 padding:2px;
295 padding:2px;
296 }
296 }
297
297
298 table.list thead th {
298 table.list thead th {
299 text-align: center;
299 text-align: center;
300 background: #eee;
300 background: #eee;
301 border: 1px solid #d7d7d7;
301 border: 1px solid #d7d7d7;
302 color: #777;
302 color: #777;
303 }
303 }
304
304
305 table.list tbody th {
305 table.list tbody th {
306 font-weight: bold;
306 font-weight: bold;
307 background: #eed;
307 background: #eed;
308 border: 1px solid #d7d7d7;
308 border: 1px solid #d7d7d7;
309 color: #777;
309 color: #777;
310 }
310 }
311
311
312 /********** Validation error messages *************/
312 /********** Validation error messages *************/
313 #errorExplanation {
313 #errorExplanation {
314 width: 400px;
314 width: 400px;
315 border: 0;
315 border: 0;
316 padding: 7px;
316 padding: 7px;
317 padding-bottom: 3px;
317 padding-bottom: 3px;
318 margin-bottom: 0px;
318 margin-bottom: 0px;
319 }
319 }
320
320
321 #errorExplanation h2 {
321 #errorExplanation h2 {
322 text-align: left;
322 text-align: left;
323 font-weight: bold;
323 font-weight: bold;
324 padding: 5px 5px 10px 26px;
324 padding: 5px 5px 10px 26px;
325 font-size: 1em;
325 font-size: 1em;
326 margin: -7px;
326 margin: -7px;
327 background: url(../images/alert.png) no-repeat 6px 6px;
327 background: url(../images/alert.png) no-repeat 6px 6px;
328 }
328 }
329
329
330 #errorExplanation p {
330 #errorExplanation p {
331 color: #333;
331 color: #333;
332 margin-bottom: 0;
332 margin-bottom: 0;
333 padding: 5px;
333 padding: 5px;
334 }
334 }
335
335
336 #errorExplanation ul li {
336 #errorExplanation ul li {
337 font-size: 1em;
337 font-size: 1em;
338 list-style: none;
338 list-style: none;
339 margin-left: -16px;
339 margin-left: -16px;
340 }
340 }
341
341
342 /*========== Drop down menu ==============*/
342 /*========== Drop down menu ==============*/
343 div.menu {
343 div.menu {
344 background-color: #FFFFFF;
344 background-color: #FFFFFF;
345 border-style: solid;
345 border-style: solid;
346 border-width: 1px;
346 border-width: 1px;
347 border-color: #7F9DB9;
347 border-color: #7F9DB9;
348 position: absolute;
348 position: absolute;
349 top: 0px;
349 top: 0px;
350 left: 0px;
350 left: 0px;
351 padding: 0;
351 padding: 0;
352 visibility: hidden;
352 visibility: hidden;
353 z-index: 101;
353 z-index: 101;
354 }
354 }
355
355
356 div.menu a.menuItem {
356 div.menu a.menuItem {
357 font-size: 10px;
357 font-size: 10px;
358 font-weight: normal;
358 font-weight: normal;
359 line-height: 2em;
359 line-height: 2em;
360 color: #000000;
360 color: #000000;
361 background-color: #FFFFFF;
361 background-color: #FFFFFF;
362 cursor: default;
362 cursor: default;
363 display: block;
363 display: block;
364 padding: 0 1em;
364 padding: 0 1em;
365 margin: 0;
365 margin: 0;
366 border: 0;
366 border: 0;
367 text-decoration: none;
367 text-decoration: none;
368 white-space: nowrap;
368 white-space: nowrap;
369 }
369 }
370
370
371 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
371 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
372 background-color: #80b0da;
372 background-color: #80b0da;
373 color: #ffffff;
373 color: #ffffff;
374 }
374 }
375
375
376 div.menu a.menuItem span.menuItemText {}
376 div.menu a.menuItem span.menuItemText {}
377
377
378 div.menu a.menuItem span.menuItemArrow {
378 div.menu a.menuItem span.menuItemArrow {
379 margin-right: -.75em;
379 margin-right: -.75em;
380 }
380 }
381
381
382 /**************** Sidebar styles ****************/
382 /**************** Sidebar styles ****************/
383
383
384 #subcontent{
384 #subcontent{
385 position: absolute;
385 position: absolute;
386 left: 0px;
386 left: 0px;
387 width:110px;
387 width:95px;
388 padding:20px 20px 10px 5px;
388 padding:20px 20px 10px 5px;
389 overflow: hidden;
389 }
390 }
390
391
391 #subcontent h2{
392 #subcontent h2{
392 display:block;
393 display:block;
393 margin:0 0 5px 0;
394 margin:0 0 5px 0;
394 font-size:1.0em;
395 font-size:1.0em;
395 font-weight:bold;
396 font-weight:bold;
396 text-align:left;
397 text-align:left;
397 color:#606060;
398 color:#606060;
398 background-color:inherit;
399 background-color:inherit;
399 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
400 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
400 }
401 }
401
402
402 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
403 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
403
404
404 /**************** Menublock styles ****************/
405 /**************** Menublock styles ****************/
405
406
406 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
407 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
407 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
408 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
408 .menublock li a{font-weight:bold; text-decoration:none;}
409 .menublock li a{font-weight:bold; text-decoration:none;}
409 .menublock li a:hover{text-decoration:none;}
410 .menublock li a:hover{text-decoration:none;}
410 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
411 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
411 .menublock li ul li{margin-bottom:0;}
412 .menublock li ul li{margin-bottom:0;}
412 .menublock li ul a{font-weight:normal;}
413 .menublock li ul a{font-weight:normal;}
413
414
414 /**************** Footer styles ****************/
415 /**************** Footer styles ****************/
415
416
416 #footer{
417 #footer{
417 clear:both;
418 clear:both;
418 padding:5px 0;
419 padding:5px 0;
419 margin:0;
420 margin:0;
420 font-size:0.9em;
421 font-size:0.9em;
421 color:#f0f0f0;
422 color:#f0f0f0;
422 background:#467aa7;
423 background:#467aa7;
423 }
424 }
424
425
425 #footer p{padding:0; margin:0; text-align:center;}
426 #footer p{padding:0; margin:0; text-align:center;}
426 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
427 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
427 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
428 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
428
429
429 /**************** Misc classes and styles ****************/
430 /**************** Misc classes and styles ****************/
430
431
431 .splitcontentleft{float:left; width:49%;}
432 .splitcontentleft{float:left; width:49%;}
432 .splitcontentright{float:right; width:49%;}
433 .splitcontentright{float:right; width:49%;}
433 .clear{clear:both;}
434 .clear{clear:both;}
434 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
435 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
435 .hide{display:none;}
436 .hide{display:none;}
436 .textcenter{text-align:center;}
437 .textcenter{text-align:center;}
437 .textright{text-align:right;}
438 .textright{text-align:right;}
438 .important{color:#f02025; background-color:inherit; font-weight:bold;}
439 .important{color:#f02025; background-color:inherit; font-weight:bold;}
439
440
440 .box{
441 .box{
441 margin:0 0 20px 0;
442 margin:0 0 20px 0;
442 padding:10px;
443 padding:10px;
443 border:1px solid #c0c0c0;
444 border:1px solid #c0c0c0;
444 background-color:#fafbfc;
445 background-color:#fafbfc;
445 color:#505050;
446 color:#505050;
446 line-height:1.5em;
447 line-height:1.5em;
447 }
448 }
448
449
449 a.close-icon {
450 a.close-icon {
450 display:block;
451 display:block;
451 margin-top:3px;
452 margin-top:3px;
452 overflow:hidden;
453 overflow:hidden;
453 width:12px;
454 width:12px;
454 height:12px;
455 height:12px;
455 background-repeat: no-repeat;
456 background-repeat: no-repeat;
456 cursor:pointer;
457 cursor:pointer;
457 background-image:url('../images/close.png');
458 background-image:url('../images/close.png');
458 }
459 }
459
460
460 a.close-icon:hover {
461 a.close-icon:hover {
461 background-image:url('../images/close_hl.png');
462 background-image:url('../images/close_hl.png');
462 }
463 }
463
464
464 .rightbox{
465 .rightbox{
465 background: #fafbfc;
466 background: #fafbfc;
466 border: 1px solid #c0c0c0;
467 border: 1px solid #c0c0c0;
467 float: right;
468 float: right;
468 padding: 8px;
469 padding: 8px;
469 position: relative;
470 position: relative;
470 margin: 0 5px 5px;
471 margin: 0 5px 5px;
471 }
472 }
472
473
473 .overlay{
474 .overlay{
474 position: absolute;
475 position: absolute;
475 margin-left:0;
476 margin-left:0;
476 z-index: 50;
477 z-index: 50;
477 }
478 }
478
479
479 .layout-active {
480 .layout-active {
480 background: #ECF3E1;
481 background: #ECF3E1;
481 }
482 }
482
483
483 .block-receiver {
484 .block-receiver {
484 border:1px dashed #c0c0c0;
485 border:1px dashed #c0c0c0;
485 margin-bottom: 20px;
486 margin-bottom: 20px;
486 padding: 15px 0 15px 0;
487 padding: 15px 0 15px 0;
487 }
488 }
488
489
489 .mypage-box {
490 .mypage-box {
490 margin:0 0 20px 0;
491 margin:0 0 20px 0;
491 color:#505050;
492 color:#505050;
492 line-height:1.5em;
493 line-height:1.5em;
493 }
494 }
494
495
495 .handle {
496 .handle {
496 cursor: move;
497 cursor: move;
497 }
498 }
498
499
499 .login {
500 .login {
500 width: 50%;
501 width: 50%;
501 text-align: left;
502 text-align: left;
502 }
503 }
503
504
504 img.calendar-trigger {
505 img.calendar-trigger {
505 cursor: pointer;
506 cursor: pointer;
506 vertical-align: middle;
507 vertical-align: middle;
507 margin-left: 4px;
508 margin-left: 4px;
508 }
509 }
509
510
510 #history p {
511 #history p {
511 margin-left: 34px;
512 margin-left: 34px;
512 }
513 }
513
514
514 .progress {
515 .progress {
515 border: 1px solid #D7D7D7;
516 border: 1px solid #D7D7D7;
516 border-collapse: collapse;
517 border-collapse: collapse;
517 border-spacing: 0pt;
518 border-spacing: 0pt;
518 empty-cells: show;
519 empty-cells: show;
519 padding: 3px;
520 padding: 3px;
520 width: 40em;
521 width: 40em;
521 text-align: center;
522 text-align: center;
522 }
523 }
523
524
524 .progress td { height: 1em; }
525 .progress td { height: 1em; }
525 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
526 .progress .closed { background: #BAE0BA none repeat scroll 0%; }
526 .progress .open { background: #FFF none repeat scroll 0%; }
527 .progress .open { background: #FFF none repeat scroll 0%; }
527
528
528 /***** Contextual links div *****/
529 /***** Contextual links div *****/
529 .contextual {
530 .contextual {
530 float: right;
531 float: right;
531 font-size: 0.8em;
532 font-size: 0.8em;
532 line-height: 16px;
533 line-height: 16px;
533 padding: 2px;
534 padding: 2px;
534 }
535 }
535
536
536 .contextual select, .contextual input {
537 .contextual select, .contextual input {
537 font-size: 1em;
538 font-size: 1em;
538 }
539 }
539
540
540 /***** Gantt chart *****/
541 /***** Gantt chart *****/
541 .gantt_hdr {
542 .gantt_hdr {
542 position:absolute;
543 position:absolute;
543 top:0;
544 top:0;
544 height:16px;
545 height:16px;
545 border-top: 1px solid #c0c0c0;
546 border-top: 1px solid #c0c0c0;
546 border-bottom: 1px solid #c0c0c0;
547 border-bottom: 1px solid #c0c0c0;
547 border-right: 1px solid #c0c0c0;
548 border-right: 1px solid #c0c0c0;
548 text-align: center;
549 text-align: center;
549 overflow: hidden;
550 overflow: hidden;
550 }
551 }
551
552
552 .task {
553 .task {
553 position: absolute;
554 position: absolute;
554 height:8px;
555 height:8px;
555 font-size:0.8em;
556 font-size:0.8em;
556 color:#888;
557 color:#888;
557 padding:0;
558 padding:0;
558 margin:0;
559 margin:0;
559 line-height:0.8em;
560 line-height:0.8em;
560 }
561 }
561
562
562 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
563 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
563 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
564 .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
564 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
565 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
565 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
566 .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
566
567
567 /***** Tooltips ******/
568 /***** Tooltips ******/
568 .tooltip{position:relative;z-index:24;}
569 .tooltip{position:relative;z-index:24;}
569 .tooltip:hover{z-index:25;color:#000;}
570 .tooltip:hover{z-index:25;color:#000;}
570 .tooltip span.tip{display: none; text-align:left;}
571 .tooltip span.tip{display: none; text-align:left;}
571
572
572 div.tooltip:hover span.tip{
573 div.tooltip:hover span.tip{
573 display:block;
574 display:block;
574 position:absolute;
575 position:absolute;
575 top:12px; left:24px; width:270px;
576 top:12px; left:24px; width:270px;
576 border:1px solid #555;
577 border:1px solid #555;
577 background-color:#fff;
578 background-color:#fff;
578 padding: 4px;
579 padding: 4px;
579 font-size: 0.8em;
580 font-size: 0.8em;
580 color:#505050;
581 color:#505050;
581 }
582 }
582
583
583 /***** CSS FORM ******/
584 /***** CSS FORM ******/
584 .tabular p{
585 .tabular p{
585 margin: 0;
586 margin: 0;
586 padding: 5px 0 8px 0;
587 padding: 5px 0 8px 0;
587 padding-left: 180px; /*width of left column containing the label elements*/
588 padding-left: 180px; /*width of left column containing the label elements*/
588 height: 1%;
589 height: 1%;
589 }
590 }
590
591
591 .tabular label{
592 .tabular label{
592 font-weight: bold;
593 font-weight: bold;
593 float: left;
594 float: left;
594 margin-left: -180px; /*width of left column*/
595 margin-left: -180px; /*width of left column*/
595 width: 175px; /*width of labels. Should be smaller than left column to create some right
596 width: 175px; /*width of labels. Should be smaller than left column to create some right
596 margin*/
597 margin*/
597 }
598 }
598
599
599 .error {
600 .error {
600 color: #cc0000;
601 color: #cc0000;
601 }
602 }
602
603
603 #settings .tabular p{ padding-left: 250px; }
604 #settings .tabular p{ padding-left: 250px; }
604 #settings .tabular label{ margin-left: -250px; width: 245px; }
605 #settings .tabular label{ margin-left: -250px; width: 245px; }
605
606
606 /*.threepxfix class below:
607 /*.threepxfix class below:
607 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
608 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
608 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
609 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
609 */
610 */
610
611
611 * html .threepxfix{
612 * html .threepxfix{
612 margin-left: 3px;
613 margin-left: 3px;
613 }
614 }
614
615
615 /***** Wiki sections ****/
616 /***** Wiki sections ****/
616 #content div.wiki { font-size: 110%}
617 #content div.wiki { font-size: 110%}
617
618
618 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
619 #content div.wiki h2, div.wiki h3 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; color:#606060; }
619 #content div.wiki h2 { font-size: 1.4em;}
620 #content div.wiki h2 { font-size: 1.4em;}
620 #content div.wiki h3 { font-size: 1.2em;}
621 #content div.wiki h3 { font-size: 1.2em;}
621
622
622 div.wiki table {
623 div.wiki table {
623 border: 1px solid #505050;
624 border: 1px solid #505050;
624 border-collapse: collapse;
625 border-collapse: collapse;
625 }
626 }
626
627
627 div.wiki table, div.wiki td {
628 div.wiki table, div.wiki td {
628 border: 1px solid #bbb;
629 border: 1px solid #bbb;
629 padding: 4px;
630 padding: 4px;
630 }
631 }
631
632
632 div.wiki code {
633 div.wiki code {
633 font-size: 1.2em;
634 font-size: 1.2em;
634 }
635 }
635
636
636 #preview .preview { background: #fafbfc url(../images/draft.png); }
637 #preview .preview { background: #fafbfc url(../images/draft.png); }
General Comments 0
You need to be logged in to leave comments. Login now