remove todo, after upgrade PHPExcel
[phpmyadmin/arisferyanto.git] / setup / styles.css
blob0b89143286b81d6c85e6d059e3bc7f1af35cbf6d
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.warning {
115 border-color: #C00;
116 background-color: #FFC;
117 background-image: url(../themes/original/img/s_warn.png);
120 div.warning h4 {
121 color: #C00;
122 border-color: #C00;
125 div.error {
126 border-color: #D00;
127 background-color: #FFC;
128 background-image: url(../themes/original/img/s_error.png);
131 div.error h4 {
132 color: #D00;
133 border-color: #D00;
136 /* form tabs */
138 ul.tabs {
139 margin: 0;
140 padding: 0 0 7px 0;
141 list-style: none;
142 font-weight: bold;
145 ul.tabs li {
146 float: left;
149 ul.tabs li a {
150 display: block;
151 margin: 2px 2px 0;
152 padding: 2px 8px;
153 background: #DEE1FF;
154 white-space: nowrap;
155 text-decoration: none;
156 border: 1px #9AA4FF solid;
157 border-bottom: none;
160 ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.active {
161 margin: 0;
162 padding: 2px 10px 4px;
163 background: #F7FBFF;
166 ul.tabs li a:hover, ul.tabs li a:active {
167 color: #C00;
170 .tabs_contents {
171 border-top: 2px #66B solid;
174 .tabs_contents fieldset {
175 margin-top: 0;
176 border-top: none;
179 .tabs_contents legend {
180 display: none;
183 /* "restore default value" and "set value: foo" buttons */
185 .restore-default img, .set-value img {
186 margin-bottom: -3px;
189 /* forms */
191 fieldset {
192 padding: 0;
193 margin-top: 1em;
194 border: 2px #DEE1FF solid;
195 background: #DEE1FF;
198 .form {
199 border: 2px #DEE1FF solid;
202 fieldset legend {
203 margin-left: 1em;
204 padding: 2px 8px;
205 font-weight: bold;
206 background: #F7FBFF;
207 border: 1px #9AA4FF solid;
210 fieldset p {
211 margin: 0;
212 padding: 0.5em;
213 background: #DEE1FF;
216 fieldset .errors { /* form error list */
217 margin: 0 -2px 1em -2px;
218 padding: 0.5em 1.5em;
219 background: #FBEAD9;
220 border: 1px #C83838 solid;
221 border-width: 1px 0;
222 list-style: none;
223 font-family: sans-serif;
224 font-size: small;
227 fieldset .inline_errors { /* field error list */
228 margin: 0.3em 0.3em 0.3em 0;
229 padding: 0;
230 list-style: none;
231 color: #9A0000;
234 fieldset table {
235 background: #FFF;
238 fieldset th {
239 width: 40%;
240 min-width: 350px;
241 padding: 0.3em 0.3em 0.3em 0.5em;
242 text-align: left;
243 vertical-align: top;
246 fieldset th small {
247 display: block;
250 fieldset .doc {
251 margin-left: 1em;
254 fieldset td {
255 padding-top: 0.3em;
256 vertical-align: top;
259 fieldset th small {
260 font-weight: normal;
261 font-family: sans-serif;
262 font-size: x-small;
263 color: #666;
266 fieldset th, fieldset td {
267 border-top: 1px #555 dotted;
270 fieldset .lastrow, .form .lastrow {
271 background: #F7FBFF;
272 padding: 0.5em;
273 text-align: center;
276 .form .lastrow {
277 border-top: 1px #555 dotted;
280 fieldset .lastrow input, .form .lastrow input {
281 font-weight: bold;
284 /* simple form, without header and legend */
286 fieldset.simple {
287 border-top-color: #DEE1FF;
290 fieldset.simple legend {
291 display: none;
294 fieldset.simple th, fieldset.simple td {
295 border-top: none;
296 border-bottom: 1px #555 dotted;
299 fieldset.simple .lastrow {
300 border: 0;
303 /* form elements */
305 span.checkbox {
306 padding: 2px;
309 .custom { /* customized field */
310 background: #FFC;
313 span.checkbox.custom {
314 padding: 1px;
315 border: 1px #EDEC90 solid;
316 background: #FFC;
319 input[type="text"], select, textarea {
320 border: 1px #A7A6AA solid;
323 input[type="text"]:focus, select:focus, textarea:focus {
324 border: 1px #6676FF solid;
325 background: #F7FBFF;
328 .green { /* default form button */
329 color: #080;
332 table.datatable {
333 margin: 0.5em 0 1em;
336 table.datatable th {
337 padding: 0 1em 0 0.5em;
338 border-bottom: 2px #66F solid;
339 text-align: left;
342 table.datatable td {
343 padding: 1px 0.5em;
344 border-bottom: 1px #DEE1FF solid;
347 /* textarea with config file's contents */
349 #textconfig {
350 width: 100%;
351 border: 0;
354 /* error list */
356 dd {
357 margin-left: 0.5em;
360 dd:before {
361 content: "\25B8 ";
364 /* links on failed validation page, when saving a form */
366 a.btn {
367 padding: 1px 5px;
368 text-decoration: none;
369 background: #E2E8FF;
370 border: 1px #A6C8FF solid;
371 border-top-color: #AFD0FF;
372 border-left-color: #AFD0FF;
373 font-weight: bold;
376 a.btn:hover, a.btn:active {
377 background: #E6F5FF;
378 color: #004C96;