062f37c545381b8b2bdd7ee46632942dbcbc797f
[Packages/TYPO3.CMS.git] / typo3 / sysext / taskcenter / Resources / Public / Css / styles.css
1 /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
2
3 /* general */
4 body#ext-taskcenter-task-index-php {
5 margin: 0;
6 }
7
8 body#ext-taskcenter-task-index-php div#typo3-docbody {
9 top: 50px;
10 }
11
12 body#ext-taskcenter-task-index-php div#typo3-inner-docbody {
13 padding: 24px;
14 height: 100%;
15 }
16
17 #typo3-inner-docbody p.help {
18 margin-bottom: 10px;
19 }
20
21 body#ext-taskcenter-task-index-php img.icon {
22 vertical-align: bottom;
23 }
24
25 body#ext-taskcenter-task-index-php h3 {
26 margin: 4px 0 8px;
27 padding: 0;
28 }
29
30 /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
31 /* overview */
32
33 #taskcenter-main {
34 width: 100%;
35 }
36
37 #taskcenter-main #taskcenter-menu {
38 width: 250px;
39 float: left;
40 }
41
42 #taskcenter-main #taskcenter-item {
43 position: absolute;
44 margin-left: 270px;
45 margin-right: 20px;
46 min-width: 300px;
47 float: right;
48 }
49
50 /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
51 /* menu */
52 #taskcenter-menu ul {
53 list-style: none;
54 padding: 0;
55 margin: 0;
56 border-bottom: 1px solid #b0b7c2;
57 }
58
59 #taskcenter-menu li {
60 margin-top: 1px;
61 border-top: 1px solid #EFEFF4;
62 }
63
64 #taskcenter-menu .image {
65 float: left;
66 height: 23px;
67 width: 23px;
68 }
69
70 #taskcenter-menu .image img {
71 margin: 3px 0 0 1px;
72 }
73
74 #taskcenter-menu .down {
75 color: #fff;
76 height: 23px;
77 float: left;
78 width: 25px;
79 cursor: pointer;
80 }
81
82 #taskcenter-menu .drag {
83 color: #fff;
84 float: right;
85 height: 23px;
86 width: 24px;
87 padding: 3px;
88 }
89
90 #taskcenter-menu .drag img {
91 margin-top: 6px;
92 cursor: move;
93 }
94
95 #taskcenter-menu .link {
96 border: 1px solid #adadad;
97 border-width: 1px 1px 0;
98 line-height: 18px;
99 display: block;
100 }
101
102 #taskcenter-menu .t3-row-header {
103 padding: 0;
104 }
105 #taskcenter-menu .t3-row-header a {
106 float: none;
107 }
108
109 #taskcenter-menu .link a {
110 padding: 2px 5px;
111 display: block;
112 color: #fff;
113 }
114
115 #taskcenter-menu .active-task .link a {
116 font-weight: bold;
117 }
118
119 #taskcenter-menu .content {
120 padding: 5px 0;
121 background: #fff;
122 border: 1px solid #b7bec9;
123 }
124
125 #taskcenter-menu .content p {
126 padding: 3px 5px 5px 5px;
127 margin: 0;
128 }
129
130 #taskcenter-menu .content ul, #taskcenter-menu .content ul li {
131 border: 0;
132 }
133
134 #taskcenter-menu .content ul li a {
135 display: block;
136 line-height: 16px;
137 margin: 0;
138 padding: 2px 24px;
139 background: url(../Images/list-item.gif) no-repeat 10px 6px;
140 }
141
142 #taskcenter-menu .content ul li.active {
143 background-color: #dadada;
144 }
145
146 #taskcenter-menu .content ul li.active a {
147 color: #000000;
148 font-weight: bold;
149 background-image: url(../Images/list-item-act.gif);
150 }
151
152 /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
153 /* content section */
154 #taskcenter-item {
155 margin-bottom: 20px;
156 }
157
158 #taskcenter-item ul {
159 padding: 5px 0 5px 5px;
160 margin: 0;
161 list-style: none;
162 }
163
164 #taskcenter-item ul li {
165 padding: 5px 0 0 12px;
166 }
167
168 #taskcenter-item ul.withicons li {
169 background: url(../Images/list-item.gif) no-repeat 0 7px;
170 }
171
172 #taskcenter-item ul .image {
173 float: left;
174 width: 20px;
175 }
176
177 #taskcenter-item ul .link {
178 font-weight: bold;
179 padding: 2px 5px;
180 }
181
182 #taskcenter-item ul .link a {
183 padding: 5px;
184 }
185
186 #taskcenter-item ul .link a:hover {
187 text-decoration: underline;
188 }
189
190 #taskcenter-item ul .content {
191 padding: 2px 0 0 25px;
192 }
193
194 #taskcenter-item ul .content .edit {
195 display: block;
196 margin-top: 2px;
197 }
198
199 /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
200 /* forms */
201 #taskcenter-item fieldset {
202 padding: 0;
203 }
204
205 #taskcenter-item fieldset.fields legend {
206 font-weight: bold;
207 border-bottom: 1px solid #ccc;
208 width: 100%;
209 padding: 0 0 2px 0;
210 }
211
212 #taskcenter-item form {
213 padding: 0;
214 }
215
216 #taskcenter-item fieldset.fields {
217 border: 0;
218 }
219
220 #taskcenter-item fieldset.fields .row {
221 width: 420px;
222 clear: both;
223 padding: 5px 0;
224 }
225
226 #taskcenter-item fieldset.fields label {
227 width: 150px;
228 display: block;
229 float: left;
230 }
231
232 #taskcenter-item fieldset.fields select {
233 width: 215px;
234 height: 120px;
235 margin-right: 5px;
236 resize: both;
237 }
238
239 #taskcenter-item fieldset.fields input {
240 width: 200px;
241 }
242
243 #taskcenter-item fieldset.fields input[type=checkbox] {
244 width: 16px;
245 text-align: left;
246 }
247
248 #taskcenter-item fieldset.fields input[type=submit] {
249 margin-left: 150px;
250 width: 215px;
251 }
252
253 #list_frame {
254 margin-top: -51px;
255 border: none;
256 }