1b43af5286f0a6577e14eb5259d2136779082647
[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 height: 23px;
69 padding-top: 2px;
70 display: block;
71 text-align: center;
72 background-image: url(../gfx/toolbar_separator.png);
73 background-repeat: no-repeat;
74 }
75
76 #typo3-toolbar .no-separator {
77 background-image: none;
78 }
79
80 .toolbar-item-active {
81 background-image: url(../gfx/toolbar_item_active_bg.png);
82 }
83
84
85 /* ----- logged in user ----- */
86
87 #username {
88 padding-top: 5px;
89 }
90
91 #logout-button {
92 padding-left: 4px;
93 padding-right: 7px;
94 }
95
96
97 /* ----- Workspace Selector ----- */
98
99 #workspace-selector span {
100 padding-top: 2px;
101 padding-left: 7px;
102 margin-right: 5px;
103 }
104
105 /* ----- Caching ----- */
106
107 #clear-cache-actions-menu {
108 width: 30px;
109 }
110
111 #clear-cache-actions-menu ul {
112 position: absolute;
113 list-style: none;
114 padding: 2px 0px 0px;
115 margin: 0px;
116 background-color: #f9f9f9;
117 border: 1px solid #abb2bc;
118 border-top: none;
119 width: 180px;
120 }
121
122 #clear-cache-actions-menu li {
123 padding-top: 2px;
124 text-align: left;
125 float: none;
126 vertical-align: middle;
127 height: 19px;
128 }
129
130 #clear-cache-actions-menu li img {
131 float: left;
132 padding-right: 3px;
133 }
134
135 #clear-cache-actions-menu li a {
136 text-decoration: none;
137 line-height: 12px;
138 vertical-align: middle;
139 display: block;
140 padding-bottom: 2px;
141 padding-left: 3px;
142 font-size: 11px;
143 }
144
145
146 /* ----- Shortcuts ----- */
147
148 #shortcut-menu {
149 width: 30px;
150 }
151
152
153 /* ----- Backend Search ----- */
154
155 #backend-search-menu {
156 width: 30px;
157 }
158
159 #backend-search-menu div {
160 position: absolute;
161 padding: 3px 5px;
162 text-align: right;
163 margin: 0px;
164 background-color: #f9f9f9;
165 border: 1px solid #abb2bc;
166 border-top: none;
167 width: 180px;
168 }
169
170 #search-query {
171 width: 170px;
172 border: 1px #848484 solid;
173 padding: 1px;
174 }
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206