slitaz-pizza view web/style.css @ rev 7

Add the web interface
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 24 23:12:44 2012 +0100 (2012-03-24)
parents
children 1db6876a778e
line source
1 /* CSS style for SliTaz Pizza */
2
3 html { height: 102%; }
4 body { font: 13px sans-serif, vernada, arial; margin: 0; }
5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
6 h1 a { color: #fff; text-decoration: none; }
7 h2 { color: #444; } h3 { color: #666; font-size: 130%; }
8 a { text-decoration: underline; color: #215090; }
9 a:hover { text-decoration: none; }
10 img { vertical-align: middle; }
11 h2 img { padding: 0px 6px 6px 0px; }
12
13 pre {
14 background-color: #f8f8f8;
15 border: 1px solid #ddd;
16 padding: 10px;
17 overflow: auto;
18 font-size: 98%;
19 }
20 table {
21 background-color: #f8f8f8;
22 border: 1px solid #ddd;
23 width: 100%;
24 margin: 0px 0px 20px 0px;
25 padding: 10px;
26 }
27 /* HTML 5 dont allow size="40" but it's buggy on FF
28 * input[type="file"] { width: 240px; margin: 0 5px; } */
29
30 /* Header */
31
32 #header {
33 background: #351a0a;
34 height: 40px;
35 border-bottom: 8px solid #ffad02;
36 /*border-bottom: 8px solid #d66018;*/
37 }
38
39 #header h1 {
40 margin: 0;
41 padding: 8px 0 0 42px;
42 width: 250px;
43 }
44
45 #header h1 a {
46 color: white;
47 text-decoration: none;
48 font-size: 20px;
49 font-style: italic;
50 }
51
52 #header h1 a:hover, #network a:hover {
53 color: #d66018;
54 }
55
56 /* Logo */
57
58 #logo {
59 background: url(images/logo.png) no-repeat left;
60 position: absolute;
61 float: left;
62 left: 0px;
63 top: 0px;
64 width: 40px;
65 height: 40px;
66 }
67
68 /* Header links */
69
70 #network {
71 float: right;
72 padding: 12px 5px 0;
73 font-size: 12px;
74 }
75
76 #network a {
77 padding: 0 6px;
78 color: #fff;
79 font-weight: bold;
80 text-decoration: none;
81 }
82
83 /* Notification box */
84
85 #notify {
86 /*font-weight: bold;*/
87 background-color: #351a0a;
88 border: 1px solid #ffad02;
89 color: #fff;
90 cursor: help;
91 position: absolute;
92 top: 58px;
93 right: 10px;
94 width: auto;
95 padding: 6px 12px;
96 }
97 #notify img { margin-right: 10px; }
98
99 /* Content */
100
101 #content {
102 margin: 40px auto;
103 text-align: justify;
104 width: 780px;
105 }
106
107 .note {
108 margin: 20px;
109 padding: 20px;
110 background-color: #eaeaea;
111 border: 2px solid #ccc;
112 }
113
114 .box { margin: 20px 0; }
115 .next { float: right; }
116
117 .span-ok { color: green; }
118 .span-red { color: red; }
119 .log-date { color: #666; font-size: 95%; }
120
121 /* Form */
122
123 form { display: inline; }
124 input[type="submit"], input[type="text"], textarea, select {
125 color: #444444;
126 border: 1px solid #cccccc;
127 padding: 4px;
128 margin: 4px 0px;
129 font-size: 14px;
130 line-height: 1.2em;
131 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
132 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
133 -webkit-appearance: none;
134 -webkit-padding-end: 12px;
135 -webkit-padding-start: 6px;
136 }
137
138 input[type="text"] { background: #fefefe; border: 2px solid #ccc;
139 width: 460px; }
140 /*input[type="file"] { border: 2px solid #ddd; }*/
141 /*input[type="checkbox"] { background: #fefefe; }*/
142
143 /* Be compatible with old FF and Webkit version. */
144 input[type="submit"] {
145 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
146 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
147 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
148 }
149
150 input[type="submit"]:hover {
151 cursor: pointer;
152 color: black;
153 }
154
155 select {
156 background-image: url(images/down.png),
157 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
158 background-position: center right;
159 background-repeat: no-repeat;
160 }
161
162 /* Round corner */
163
164 pre, table, input, textarea, select, .note, .box, #notify {
165 -moz-border-radius: 4px;
166 -webkit-border-radius: 4px;
167 border-radius: 4px;
168 }
169
170 /* Footer */
171
172 #footer {
173 text-align: center;
174 margin-top: 80px;
175 padding: 20px;
176 /*border-top: 1px solid #ddd;*/
177 font-size: 90%;
178 }
179
180 #footer a { padding: 0 2px; }
181
182 ::-webkit-scrollbar-track { color: #fefefe; }