bfe4ce7e25f1425096a58440bf0809744b1f4484
[Packages/TYPO3.CMS.git] / typo3 / css / backend-style.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2
3 Title : TYPO3 backend styles
4 Author : Ingo Renner <ingo@typo3.org>
5 URL : http://typo3.org
6
7 Description : styles the TYPO3 backend
8
9 $Id$
10
11 - - - - - - - - - - - - - - - - - - - - - */
12
13
14 /* ----- Basics ----- */
15
16 #typo3-backend {
17 /* background-color: #fff; */
18 }
19
20 #typo3-top-container {
21 background-image: url(../gfx/bar.png);
22 }
23
24 #typo3-logo {
25 padding: 1px 0px 0px 10px;
26 }
27
28
29 /* ----- Logout ----- */
30
31 #typo3-side-menu form,
32 #login-info p {
33 text-align: center;
34 }
35
36 #login-info p {
37 padding-top: 5px;
38 padding-bottom: 30px;
39 }
40
41
42 /* ----- Toolbar ----- */
43
44 .typo3-top-toolbar {
45 padding-right: 15px;
46 position: absolute;
47 right: 0px;
48 }
49
50 #typo3-toolbar {
51 display: inline;
52 list-style: none;
53 margin: 0px;
54 padding: 0px;
55 }
56
57 #typo3-toolbar li {
58 display: inline;
59 float: left;
60 margin-right: -1px; /* necessary for overlaying the separators with the active state background */
61 }
62
63 #typo3-toolbar * li {
64 display: list-item;
65 }
66
67 .toolbar-item {
68 display: block;
69 padding-top: 2px;
70 padding-bottom: 9px;
71 display: block;
72 text-align: center;
73 background-image: url(../gfx/toolbar_separator.png);
74 background-repeat: no-repeat;
75 }
76
77 .toolbar-item-menu {
78 top: 25px;
79 }
80
81 #typo3-toolbar .no-separator {
82 background-image: none;
83 }
84
85 .toolbar-item-active {
86 background-image: url(../gfx/toolbar_item_active_bg.png);
87 }
88
89
90 /* ----- logged in user ----- */
91
92 #username {
93 height: 13px;
94 }
95
96 #username.su-user {
97 background: #f7989f;
98 padding-left: 4px;
99 }
100
101 #username img {
102 padding: 0px 4px;
103 vertical-align: bottom;
104 }
105
106 #username span {
107 padding-right: 4px;
108 }
109
110 #logout-button {
111 padding-left: 4px;
112 padding-right: 7px;
113 }
114
115
116 /* ----- Workspace Selector ----- */
117
118 #workspace-selector span {
119 padding-top: 2px;
120 padding-left: 7px;
121 margin-right: 5px;
122 }
123
124 /* ----- Caching ----- */
125
126 #clear-cache-actions-menu {
127 width: 30px;
128 }
129
130 #clear-cache-actions-menu ul {
131 position: absolute;
132 list-style: none;
133 padding: 2px 0px 0px;
134 margin: 0px;
135 background-color: #f9f9f9;
136 border: 1px solid #abb2bc;
137 border-top: none;
138 width: 180px;
139 }
140
141 #clear-cache-actions-menu li {
142 padding-top: 2px;
143 text-align: left;
144 float: none;
145 vertical-align: middle;
146 height: 19px;
147 }
148
149 #clear-cache-actions-menu li img {
150 float: left;
151 padding-right: 3px;
152 }
153
154 #clear-cache-actions-menu li a {
155 text-decoration: none;
156 line-height: 12px;
157 vertical-align: middle;
158 display: block;
159 padding-bottom: 2px;
160 padding-left: 3px;
161 font-size: 11px;
162 }
163
164
165 /* ----- Shortcuts ----- */
166
167 #shortcut-menu {
168 width: 30px;
169 }
170
171 #shortcut-menu .toolbar-item-menu {
172 position: absolute;
173 list-style: none;
174 padding: 2px 0px 0px;
175 margin: 0px;
176 background-color: #f9f9f9;
177 border: 1px solid #abb2bc;
178 border-top: none;
179 width: 220px;
180 }
181
182 #shortcut-menu .shortcut-list {
183 width: 100%;
184 }
185
186 #shortcut-menu .shortcut-list tr.shortcut td {
187 padding: 2px 1px;
188 line-height: 16px;
189 }
190
191 #shortcut-menu .shortcut-list tr.shortcut.first-row td {
192 background-image: url(../gfx/shortcutgroups-bg.png);
193 background-repeat: repeat-x;
194 padding-top: 4px;
195 }
196
197 #shortcut-menu .shortcut-list tr.shortcut-group td.shortcut-group-icon,
198 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-icon,
199 #shortcut-menu .shortcut-list td.shortcut-edit,
200 #shortcut-menu .shortcut-list td.shortcut-delete {
201 width: 18px;
202 text-align: center;
203 vertical-align: top;
204 }
205
206 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-label a {
207 display: block;
208 cursor: pointer;
209 }
210
211 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-edit img,
212 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-delete img {
213 display: none;
214 cursor: pointer;
215 }
216
217 #shortcut-menu .shortcut-list tr.shortcut:hover td.shortcut-edit img,
218 #shortcut-menu .shortcut-list tr.shortcut:hover td.shortcut-delete img {
219 display: inline;
220 }
221
222 #shortcut-menu .shortcut-list tr.shortcut-group td.shortcut-group-icon,
223 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-icon {
224 padding-left: 7px;
225 vertical-align: top;
226 }
227
228 #shortcut-menu .shortcut-list .shortcut-group td {
229 border-top: 1px solid #a5a5a5;
230 border-bottom: 1px solid #a5a5a5;
231 background-color: #dbdbdb;
232 }
233
234
235 /* ----- Backend Search ----- */
236
237 #backend-search-menu {
238 width: 30px;
239 }
240
241 #backend-search-menu div {
242 position: absolute;
243 padding: 3px 5px;
244 text-align: right;
245 margin: 0px;
246 background-color: #f9f9f9;
247 border: 1px solid #abb2bc;
248 border-top: none;
249 width: 180px;
250 }
251
252 #search-query {
253 width: 170px;
254 border: 1px #848484 solid;
255 padding: 1px;
256 }
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289