slitaz-arm view cgi-adm/data/style.css @ rev 135
rpi: add Audio support in CGI admin interface
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Apr 26 10:41:23 2014 +0200 (2014-04-26) |
| parents | 98696048c24a |
| children | e785c2b0ea5a |
line source
1 /* SliTaz RPi CSS */
3 html { height: 102%; }
4 body { margin: 0; font-size: 90%; }
5 h1 { color: #4d4d4d; }
6 h2 { color: #666; font-size: 140%; }
7 h1, h2 { border-bottom: 1px dashed #afafaf; padding: 0 0 5px 0; }
8 a:hover { text-decoration: none; }
9 li { list-style-type: square; color: #4d4d4d; }
10 pre, textarea {
11 font-size: 110%;
12 background: #ddd;
13 padding: 10px;
14 overflow: hidden;
15 }
16 textarea {
17 width: 100%; height: 320px;
18 border: 2px solid #ccc;
19 padding: 5px;
20 overflow: auto;
21 }
23 /* Header and navigation */
25 header {
26 background: #222; height: 40px; border-bottom: 4px solid #afafaf;
27 }
29 #nav { float: left; margin: 0; padding: 12px 0 0 45px; }
30 #nav a { font-size: 90%; color: #fff; text-decoration: none;
31 font-weight: bold; padding: 0 4px; }
32 #nav a:hover { color: #afafaf;}
34 /* Logo */
36 #logo {
37 background: url(logo.png) no-repeat left;
38 position: absolute; float: left;
39 left: 5px; top: 0px; width: 40px; height: 40px;
40 }
42 /* Content */
44 #content { margin: 4%; text-align: justify; }
45 #notify { padding: 10px; background-color: #ddd; border: 1px solid #00A500; }
46 .button { margin: 25px 0; } .button a { text-decoration: none; }
47 .center { text-align: center; }
49 input[type="submit"], select, .button a {
50 color: #444444;
51 border: 1px solid #afafaf;
52 padding: 4px;
53 margin: 4px 0px;
54 font-size: 14px;
55 line-height: 1.2em;
56 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
57 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
58 -webkit-appearance: none;
59 -webkit-padding-end: 12px;
60 -webkit-padding-start: 6px;
61 }
62 input[type="submit"], {
63 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
64 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
65 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
66 }
67 input[type="text"] {
68 border: 1px solid #afafaf;
69 padding: 4px;
70 min-width: 360px;
71 }
73 input[type="submit"]:hover, select:hover, .button a:hover {
74 background-color: #ddd;
75 border: 1px solid #999;
76 }
78 pre, input[type="submit"], input[type="text"], textarea, .button a,
79 #notify, img {
80 border-radius: 4px;
81 }
83 /* Footer */
85 #footer {
86 text-align: center;
87 font-size: 84%;
88 border-top: 1px dotted #ddd;
89 padding: 40px;
90 }
91 #footer, #footer a { color: #888888; }