Common strings for descriptions of DATE, TIME, DATETIME and VARCHAR2
[phpmyadmin.git] / setup / styles.css
blob761603640585c0b5ac19d0135e7a5207154ec7d4
1 /* global styles */
3 body {
4 padding-bottom: 1em;
7 img {
8 border: 0;
11 a {
12 color: #004C96;
15 a:hover, a:active {
16 color: #000;
19 h1 {
20 font-size: 1.5em;
21 font-family: Verdana, Arial, Helvetica, sans-serif;
24 /* language selection box */
26 #select_lang {
27 position: absolute;
28 right: 1em;
29 top: 1em;
32 /* menu */
34 #menu {
35 float: left;
36 width: 200px;
39 #menu ul {
40 margin: 1em 1em 1em 0.5em;
41 padding: 0 0.5em;
42 list-style: none;
45 #menu li a {
46 padding: 3px;
47 font-weight: bold;
48 display: block;
49 color: #669;
50 text-decoration: none;
51 zoom: 1; /* IE fix */
54 #menu li a:hover, #menu li a:active {
55 color: #C00;
58 /* page contents and footer layout */
60 #page {
61 margin-left: 200px;
64 #footer {
65 margin-top: 1em;
68 #footer a {
69 margin-right: 0.5em;
70 text-decoration: none;
71 font-size: small;
74 /* phpMyAdmin logo colors */
76 .blue {
77 color: #7584B3;
80 .orange {
81 color: #FFAD17;
84 .red {
85 color: #C00;
88 /* main page messages */
90 div.notice, div.warning, div.error {
91 margin: 0.5em 0;
92 padding: 10px 10px 10px 36px;
93 border: 1px solid #000;
94 background: #FFD url(../themes/original/img/b_tipp.png) no-repeat 10px 0.8em;
97 div.notice h4, div.warning h4, div.error h4 {
98 font-weight: bold;
99 font-size: large;
100 margin: 0 0 0.2em 0;
101 border-bottom: 1px solid #000;
104 div.notice {
105 border-color: #FFD700;
106 background-color: #FFD;
107 background-image: url(../themes/original/img/s_notice.png);
110 div.notice h4 {
111 border-color: #FFD700;
114 div.notice[id^=version_check] {
115 border-color: #002DFF;
116 background-color: #EEF;
119 div.notice[id^=version_check] h4 {
120 border-color: #002DFF;
123 div.warning {
124 border-color: #C00;
125 background-color: #FFC;
126 background-image: url(../themes/original/img/s_notice.png);
129 div.warning h4 {
130 color: #C00;
131 border-color: #C00;
134 div.error {
135 border-color: #D00;
136 background-color: #FFC;
137 background-image: url(../themes/original/img/s_error.png);
140 div.error h4 {
141 color: #D00;
142 border-color: #D00;
145 /* form tabs */
147 ul.tabs {
148 margin: 0;
149 padding: 0 0 7px 0;
150 list-style: none;
151 font-weight: bold;
154 ul.tabs li {
155 float: left;
158 ul.tabs li a {
159 display: block;
160 margin: 2px 2px 0;
161 padding: 2px 8px;
162 background: #DEE1FF;
163 white-space: nowrap;
164 text-decoration: none;
165 border: 1px #9AA4FF solid;
166 border-bottom: none;
169 ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li.active a {
170 margin: 0;
171 padding: 2px 10px 4px;
172 background: #F7FBFF;
175 ul.tabs li a:hover, ul.tabs li a:active {
176 color: #C00;
179 .tabs_contents {
180 border-top: 2px #66B solid;
183 .tabs_contents fieldset {
184 margin-top: 0;
185 border-top: none;
188 .tabs_contents legend {
189 display: none;
192 /* "restore default value" and "set value: foo" buttons */
194 .restore-default img, .set-value img {
195 margin-bottom: -3px;
198 .userprefs-comment {
199 cursor: help;
200 float: right;
203 /* forms */
205 fieldset {
206 padding: 0;
207 margin-top: 1em;
208 border: 2px #DEE1FF solid;
209 background: #DEE1FF;
212 .form {
213 border: 2px #DEE1FF solid;
216 fieldset legend {
217 margin-left: 1em;
218 padding: 2px 8px;
219 font-weight: bold;
220 background: #F7FBFF;
221 border: 1px #9AA4FF solid;
224 fieldset p {
225 margin: 0;
226 padding: 0.5em;
227 background: #DEE1FF;
230 fieldset .errors { /* form error list */
231 margin: 0 -2px 1em -2px;
232 padding: 0.5em 1.5em;
233 background: #FBEAD9;
234 border: 1px #C83838 solid;
235 border-width: 1px 0;
236 list-style: none;
237 font-family: sans-serif;
238 font-size: small;
241 fieldset .inline_errors { /* field error list */
242 margin: 0.3em 0.3em 0.3em 0;
243 padding: 0;
244 list-style: none;
245 color: #9A0000;
246 font-size: small;
249 fieldset table {
250 background: #FFF;
253 fieldset th {
254 width: 40%;
255 min-width: 350px;
256 padding: 0.3em 0.3em 0.3em 0.5em;
257 text-align: left;
258 vertical-align: top;
261 fieldset .doc {
262 margin-left: 1em;
265 fieldset td {
266 padding-top: 0.3em;
267 vertical-align: top;
270 fieldset td.userprefs-allow {
271 padding: 0;
272 vertical-align: middle;
273 text-align: center;
274 width: 3em;
277 fieldset td.userprefs-allow:hover {
278 cursor: pointer;
279 background-color: #EEE;
282 fieldset th small {
283 display: block;
284 font-weight: normal;
285 font-family: sans-serif;
286 font-size: x-small;
287 color: #666;
290 fieldset th, fieldset td, .form .lastrow {
291 border-top: 1px #555 dotted;
294 fieldset .group-header th {
295 background: #EAEDFF;
296 border: none;
299 fieldset .group-header + tr th, fieldset .group-header + tr td,
300 fieldset p + table tr:first-child td, fieldset p + table tr:first-child th {
301 border-top: none;
304 fieldset .group-field-1 th, fieldset .group-header-2 th {
305 padding-left: 1em;
308 fieldset .group-field-2 th, fieldset .group-header-3 th {
309 padding-left: 2em;
312 fieldset .group-field-3 th {
313 padding-left: 3em;
316 fieldset .lastrow, .form .lastrow {
317 background: #F7FBFF;
318 padding: 0.5em;
319 text-align: center;
322 fieldset .lastrow input, .form .lastrow input {
323 font-weight: bold;
326 /* simple form, without header and legend */
328 fieldset.simple {
329 border-top-color: #DEE1FF;
332 fieldset.simple legend {
333 display: none;
336 fieldset.simple th, fieldset.simple td {
337 border-top: none;
338 border-bottom: 1px #555 dotted;
341 fieldset.simple .lastrow {
342 border: 0;
345 /* form elements */
347 span.checkbox {
348 padding: 2px;
349 display: inline-block;
352 .custom { /* customized field */
353 background: #FFC;
356 .checkbox.custom {
357 padding: 1px;
358 border: 1px #EDEC90 solid;
361 .field-error {
362 border-color: #C11 !important;
365 input[type="text"], select, textarea {
366 border: 1px #A7A6AA solid;
369 input[type="text"]:focus, select:focus, textarea:focus {
370 border: 1px #6676FF solid;
371 background: #F7FBFF;
374 .field-comment {
376 position: relative;
379 .field-comment-mark {
380 cursor: help;
381 padding: 0 0.2em;
382 font-weight: bold;
383 font-style: italic;
386 .field-comment-warning {
387 color: #A00;
390 .green { /* default form button */
391 color: #080;
394 table.datatable {
395 margin: 0.5em 0 1em;
398 table.datatable th {
399 padding: 0 1em 0 0.5em;
400 border-bottom: 2px #66F solid;
401 text-align: left;
404 table.datatable td {
405 padding: 1px 0.5em;
406 border-bottom: 1px #DEE1FF solid;
409 /* textarea with config file's contents */
411 #textconfig {
412 width: 100%;
413 border: 0;
416 /* error list */
418 dd {
419 margin-left: 0.5em;
422 dd:before {
423 content: "\25B8 ";
426 /* links on failed validation page, when saving a form */
428 a.btn {
429 padding: 1px 5px;
430 text-decoration: none;
431 background: #E2E8FF;
432 border: 1px #A6C8FF solid;
433 border-top-color: #AFD0FF;
434 border-left-color: #AFD0FF;
435 font-weight: bold;
438 a.btn:hover, a.btn:active {
439 background: #E6F5FF;
440 color: #004C96;