Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
.gantt {
2 
	width: 575px;
3 
	height: 500px;
4 
	margin: 20px auto;
5 
	border: 15px solid #ddd;
6 
    -webkit-border-radius: 5px;
7 
    -moz-border-radius: 5px;
8 
    border-radius: 5px;
9 
}
10 
 
11 
.gantt:after {
12 
   content: ".";
13 
   visibility: hidden;
14 
   display: block;
15 
   height: 0;
16 
   clear: both;
17 
}
18 
 
19 
.fn-gantt {
20 
	width: 100%;
21 
}
22 
 
23 
.fn-gantt .fn-content {
24 
	overflow: hidden;
25 
	width: 100%;
26 
}
27 
 
28 
/* left panel */
29 
 
30 
.fn-gantt .leftPanel {
31 
	float: left;
32 
	width: 225px;
33 
	overflow: hidden;
34 
	border-right: 1px solid #DDD;
35 
}
36 
 
37 
.fn-gantt .row {
38 
	float: left;
39 
	height: 24px;
40 
	line-height: 24px;
41 
}
42 
.fn-gantt .leftPanel .label {
43 
	margin: 0 0 0 5px;
44 
}
45 
 
46 
.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
47 
	float: left;
48 
	height: 23px;
49 
	margin: 0;
50 
	border-bottom: 1px solid #DDD;
51 
	background-color: #f6f6f6;
52 
}
53 
 
54 
.fn-gantt .leftPanel .name {
55 
	width: 110px;
56 
}
57 
 
58 
.fn-gantt .leftPanel .desc {
59 
	width: 115px;
60 
}
61 
 
62 
.fn-gantt .spacer
63 
{
64 
	margin: -2px 0 1px 0;
65 
	border-bottom: 1px solid #DDD;
66 
	background-color: #f6f6f6;
67 
}
68 
 
69 
/* right panel */
70 
 
71 
.fn-gantt .rightPanel {
72 
	float: left;
73 
	width: 349px;
74 
	overflow: hidden;
75 
}
76 
 
77 
.fn-gantt .day {
78 
	overflow: visible;
79 
	width: 24px;
80 
	line-height: 24px;
81 
	text-align: center;
82 
	border-left: 1px solid #DDD;
83 
	border-bottom: 1px solid #DDD;
84 
	margin: -1px 0 0 -1px;
85 
}
86 
 
87 
.fn-gantt .hollyday {
88 
	background-color: #f9e5e2;
89 
}
90 
 
91 
.fn-gantt .today {
92 
	background-color: #e2ebff;
93 
}
94 
 
95 
.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
96 
	height: 23px;
97 
	margin: 0 0 0 -1px;
98 
}
99 
 
100 
.fn-gantt .sa {
101 
	background-color: #dfdfdf;
102 
}
103 
 
104 
.fn-gantt .sn {
105 
	background-color: #dedede;
106 
}
107 
 
108 
.fn-gantt .wd {
109 
	background-color: #f6f6f6;
110 
}
111 
 
112 
.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
113 
	float: left;
114 
	overflow: hidden;
115 
	border-left: 1px solid #DDD;
116 
	border-bottom: 1px solid #DDD;
117 
	height: 23px;
118 
	margin: 0 0 0 -1px;
119 
	background-color: #f6f6f6;
120 
}
121 
 
122 
.fn-gantt-hint {
123 
	border: 5px solid #edc332;
124 
	background-color: #fff5d4;
125 
    -webkit-border-radius: 4px;
126 
    -moz-border-radius: 4px;
127 
    border-radius: 4px;
128 
    padding: 10px;
129 
	position: absolute;
130 
	display: none;
131 
    z-index: 10001;
132 
}
133 
 
134 
.fn-gantt .bar {
135 
	border: none;
136 
    -webkit-border-radius: 3px;
137 
    -moz-border-radius: 3px;
138 
    border-radius: 3px;
139 
    background-color: #89c5f8;
140 
    height: 18px;
141 
    margin: 4px 3px 3px 3px;
142 
    position: relative;
143 
    z-index: 10000;
144 
}
145 
 
146 
.fn-gantt .ganttRed {
147 
	background-color: #8F0000;
148 
}
149 
 
150 
.fn-gantt .ganttGreen {
151 
	background-color: #b3cf6f;
152 
}
153 
 
154 
.fn-gantt .ganttOrange {
155 
	background-color: #ff7e24;
156 
}
157 
 
158 
/* bottom (navigation) */
159 
 
160 
.fn-gantt .bottom {
161 
	clear: both;
162 
	background-color: #f6f6f6;
163 
	width: 100%;
164 
}
165 
.fn-gantt .navigate {
166 
	text-align: center;
167 
}
168 
.fn-gantt .navigate .page-number {
169 
	display: inline-block;
170 
	font-size: 10px;
171 
	height: 20px;
172 
}
173 
 
174 
.fn-gantt .navigate .page-number span {
175 
	color: #666666;
176 
	margin: 5px;
177 
	position: relative;
178 
	top: 13px;
179 
}
180 
 
181 
.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
182 
	text-decoration: none;
183 
}
184 
 
185 
.fn-gantt .nav-link {
186 
	margin: 0px 0px 8px 0px;
187 
	display: inline-block;
188 
	width: 20px;
189 
	height: 20px;
190 
	font-size: 0px;
191 
}
192 
 
193 
.fn-gantt .navigate .nav-page-back {
194 
	background-image: url(img/buttons.png);
195 
	background-position: 0 0;
196 
}
197 
 
198 
.fn-gantt .navigate .nav-page-next {
199 
	background-image: url(img/buttons.png);
200 
	background-position: -50px 0;
201 
	margin-right: 15px;
202 
}
203 
 
204 
.fn-gantt .navigate .nav-page-back:hover {
205 
	background-position: 0 -20px;
206 
}
207 
 
208 
.fn-gantt .navigate .nav-page-next:hover {
209 
	background-position: -50px -20px;
210 
}
211 
 
212 
.fn-gantt .navigate .nav-begin {
213 
	background-image: url(img/buttons.png);
214 
	background-position: -70px 0;
215 
}
216 
 
217 
.fn-gantt .navigate .nav-prev-week {
218 
	background-image: url(img/buttons.png);
219 
	background-position: -90px 0;
220 
}
221 
 
222 
.fn-gantt .navigate .nav-prev-day {
223 
	background-image: url(img/buttons.png);
224 
	background-position: -110px 0;
225 
}
226 
 
227 
.fn-gantt .navigate .nav-next-day {
228 
	background-image: url(img/buttons.png);
229 
	background-position: -130px 0;
230 
}
231 
 
232 
.fn-gantt .navigate .nav-next-week {
233 
	background-image: url(img/buttons.png);
234 
	background-position: -150px 0;
235 
}
236 
 
237 
.fn-gantt .navigate .nav-end {
238 
	background-image: url(img/buttons.png);
239 
	background-position: -170px 0;
240 
}
241 
 
242 
.fn-gantt .navigate .nav-begin:hover {
243 
	background-position: -70px -20px;
244 
}
245 
 
246 
.fn-gantt .navigate .nav-prev-week:hover {
247 
	background-position: -90px -20px;
248 
}
249 
 
250 
.fn-gantt .navigate .nav-prev-day:hover {
251 
	background-position: -110px -20px;
252 
}
253 
 
254 
.fn-gantt .navigate .nav-next-day:hover {
255 
	background-position: -130px -20px;
256 
}
257 
 
258 
.fn-gantt .navigate .nav-next-week:hover {
259 
	background-position: -150px -20px;
260 
}
261 
 
262 
.fn-gantt .navigate .nav-end:hover {
263 
	background-position: -170px -20px;
264 
}