slitaz-arm view cgi-adm/data/style.css @ rev 100
Start Rpi GPIO + leds CGI plugin and improve tazberry
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Apr 13 05:24:04 2014 +0200 (2014-04-13) |
| parents | d3376f278818 |
| children | 98696048c24a |
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: 120%; }
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: 100%;
12 background: #eee;
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 .button a { text-decoration: none; }
46 input[type="submit"], select, .button a {
47 color: #444444;
48 border: 1px solid #afafaf;
49 padding: 4px;
50 margin: 4px 0px;
51 font-size: 14px;
52 line-height: 1.2em;
53 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
54 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
55 -webkit-appearance: none;
56 -webkit-padding-end: 12px;
57 -webkit-padding-start: 6px;
58 }
59 input[type="submit"], {
60 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
61 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
62 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
63 }
64 input[type="text"] {
65 border: 1px solid #afafaf;
66 padding: 4px;
67 min-width: 360px;
68 }
70 input[type="submit"]:hover, select:hover, .button a:hover {
71 background-color: #ddd;
72 border: 1px solid #999;
73 }
75 pre, input[type="submit"], input[type="text"], textarea, .button a {
76 border-radius: 4px;
77 }
79 /* Footer */
81 #footer {
82 text-align: center;
83 font-size: 84%;
84 border-top: 1px dotted #ddd;
85 padding: 40px;
86 }
87 #footer, #footer a { color: #888888; }