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