27c873dcb1054bb50be1abdb491b514ce04b9f72
[Packages/TYPO3.CMS.git] / typo3 / sysext / install / modules / setup / res / styles.css
1 h1 {
2 color: gray;
3 text-align: left;
4 font-size: 3em;
5 }
6
7 h2 {
8 text-align: left;
9 color: gray;
10 font-size: 2em;
11 background: none;
12 }
13
14 h3 {
15 background: none;
16 color: #404040;
17 border-bottom: 1px #c0c0c0 dashed;
18 }
19
20 fieldset legend {
21 font-weight: bold;
22 }
23
24 input.bg, select.bg, button.bg {
25 background: #fff url(../../../imgs/icons/bg_input.gif) no-repeat scroll left top;
26 border: 1px solid #aaa;
27 margin-top: 2px;
28 padding:3px;
29 }
30
31 /** styles for login box - start **/
32 form#formLogin {
33 width: 400px;
34 position: absolute;
35 left: 50%;
36 margin-left: -200px;
37
38 background-color: #D7DBE2;
39 border: 1px solid #9BA1A8;
40 padding: 10px;
41 }
42
43 form#formLogin h4 {
44 font-size: 16px;
45 font-weight: bold;
46 background: none;
47 margin: 0 0 16px 0;
48 }
49
50 form#formLogin .formElement {
51 background-color: white;
52 border: 1px silver solid;
53 padding: 10px 5px;
54 text-align: center;
55 }
56
57 form#formLogin label {
58 font-weight: bold;
59 }
60
61 form#formLogin .installer-message {
62 margin: 10px 0;
63 font-size: 11px;
64 font-style: italic;
65 }
66
67 form#formLogin .submit {
68 font-weight: bold;
69 font-size: 12px;
70 width: 100%;
71 cursor: pointer;
72 }
73
74 form#formLogin .submit:hover {
75 color: green;
76 }
77
78 form#formLogin ul {
79 text-align: left;
80 }
81
82 /** styles for login box - end **/
83
84 label em {
85 font-style: italic;
86 display: block;
87 margin: 0px 0px 7px 20px;
88 }
89
90 .error-header {
91 font-weight: bold;
92 color: red;
93 margin: 5px;
94 }
95
96 .categoryTreeContainer {
97 position: fixed;
98 top: 5px;
99 left: 5px;
100 width: 210px;
101 padding: 5px;
102 }
103
104 #collapseExpandToggle {
105 background-image: url(../../../imgs/icons/expandall.png);
106 background-repeat: no-repeat;
107 background-position: left center;
108 padding-left: 20px;
109 margin: 5px 0;
110 text-decoration: none;
111 border-top: 1px #f0f0f0 solid;
112 }
113
114 .categoryTree {
115 padding: 0;
116 list-style-type: none;
117 clear: left;
118 }
119
120 .categoryTree img {
121 padding: 2px 3px 0px 2px;
122 }
123
124 .tree_item_nosub {
125 padding-left: 14px;
126 }
127
128 .help_container {
129 border-bottom: 3px gray solid;
130 width: 100%;
131 opacity: 0.9;
132 background-color: yellow;
133 padding: 5px;
134 font-size: 1.2em;
135 position: absolute;
136 }
137
138 #moduleContent {
139 position: absolute;
140 left: 270px;
141
142 opacity: 1.0;
143 }
144 .formElementCheckbox {
145 display: inline;
146 margin-right: 5px;
147 }
148
149 .category_about {
150 background: #c0c0c0 url(../../../imgs/icons/bg_about.png) repeat-y top left;
151 border: 4px white solid;
152 font-size: 1.4em;
153 height: 128px;
154 padding: 5px;
155 }
156
157 .category_about img {
158 float: left;
159 margin: 0 5px 0 0;
160 }
161
162 .italic {
163 font-style: italic;
164 }
165
166 .description {
167 margin: 5px;
168 }
169
170 .installer-message {
171 margin-bottom: 15px;
172 }
173
174 .installer-message strong.message-header {
175 display: block;
176 background-color: #d9d5c9;
177 padding: 3px;
178 }
179
180 /** error messages **/
181
182 .severity_ok strong.message-header {
183 background-image: url('../../../imgs/icons/ok.png');
184 background-position: 4px 50%;
185 background-repeat: no-repeat;
186 padding-left: 24px;
187 }
188
189 .severity_error strong.message-header {
190 background-image: url('../../../imgs/icons/cancel.png');
191 background-position: 4px 50%;
192 background-repeat: no-repeat;
193 padding-left: 24px;
194 }
195
196 .error-fatal {
197 color: red;
198 }
199
200 .error-warning {
201 color: #AA0000;
202 }
203
204 /* list items */
205 li.severity-fatal {
206 list-style-image: url(../../../imgs/icons/cancel.png);
207 }
208
209 li.severity-warning {
210 list-style-image: url(../../../imgs/icons/warning.png);
211 }