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

pizza.cgi: Add link to mublic directory
author Eric Joseph-Alexandre <erjo@slitaz.org>
date Sun Nov 04 01:58:24 2012 +0100 (2012-11-04)
parents b870dbff832c
children
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 pre img { margin: 2px 0px; }
13
14 pre {
15 background-color: #f8f8f8;
16 border: 1px solid #ddd;
17 padding: 10px;
18 overflow: auto;
19 font-size: 98%;
20 }
21 table {
22 background-color: #f8f8f8;
23 border: 1px solid #ddd;
24 width: 100%;
25 margin: 0px 0px 20px 0px;
26 padding: 10px;
27 }
28 /* HTML 5 dont allow size="40" but it's buggy on FF
29 * input[type="file"] { width: 240px; margin: 0 5px; } */
30
31 /* Header */
32
33 #header {
34 background: #351a0a;
35 height: 40px;
36 border-bottom: 8px solid #ffad02;
37 /*border-bottom: 8px solid #d66018;*/
38 }
39
40 #header h1 {
41 margin: 0;
42 padding: 8px 0 0 42px;
43 width: 250px;
44 }
45
46 #header h1 a {
47 color: white;
48 text-decoration: none;
49 font-size: 20px;
50 font-style: italic;
51 }
52
53 #header h1 a:hover {
54 color: #d66018;
55 }
56
57 /* Logo */
58
59 #logo {
60 background: url(images/logo.png) no-repeat left;
61 position: absolute;
62 float: left;
63 left: 0px;
64 top: 0px;
65 width: 40px;
66 height: 40px;
67 }
68
69 /* Header links */
70
71 #network {
72 float: right;
73 padding: 12px 5px 0;
74 font-size: 12px;
75 }
76
77 #network a {
78 padding: 0 4px;
79 color: #fff;
80 font-weight: bold;
81 text-decoration: none;
82 }
83 #network a:hover { color: #cfcfcf; }
84
85 /* Notification box */
86
87 #notify {
88 /*font-weight: bold;*/
89 background-color: #351a0a;
90 border: 1px solid #ffad02;
91 color: #fff;
92 cursor: help;
93 position: absolute;
94 top: 58px;
95 right: 10px;
96 width: auto;
97 padding: 6px 12px;
98 }
99 #notify img { margin-right: 10px; }
100
101 /* Content */
102
103 #content {
104 margin: 40px auto;
105 text-align: justify;
106 width: 740px;
107 }
108
109 .note {
110 margin: 20px;
111 padding: 20px;
112 background-color: #eaeaea;
113 border: 2px solid #ccc;
114 }
115
116 .box { margin: 20px 0; }
117 .next { float: right; }
118
119 .span-ok { color: green; }
120 .span-red { color: red; }
121 .log-date { color: #666; font-size: 95%; }
122
123 #packages {
124 width: 100%;
125 height: 260px;
126 overflow: auto;
127 border: 1px solid #ddd;
128 background-color: #f8f8f8;
129 }
130
131 #packages table {
132 border: 0px solid #fff;
133 }
134
135 #pkgs-search {
136 width: 100%;
137 max-height: 180px;
138 overflow: auto;
139 }
140
141 /* Form */
142
143 form { display: inline; }
144 input[type="submit"], input[type="text"], textarea, select {
145 color: #444444;
146 border: 1px solid #cccccc;
147 padding: 4px;
148 margin: 4px 0px;
149 font-size: 14px;
150 line-height: 1.2em;
151 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
152 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
153 -webkit-appearance: none;
154 -webkit-padding-end: 12px;
155 -webkit-padding-start: 6px;
156 }
157
158 input[type="text"] { background: #fefefe; border: 2px solid #ccc;
159 width: 460px; }
160 /*input[type="file"] { border: 2px solid #ddd; }*/
161 /*input[type="checkbox"] { background: #fefefe; }*/
162
163 /* Be compatible with old FF and Webkit version. */
164 input[type="submit"] {
165 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
166 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
167 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
168 }
169
170 input[type="submit"]:hover {
171 cursor: pointer;
172 color: black;
173 }
174
175 select {
176 background-image: url(images/down.png),
177 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
178 background-position: center right;
179 background-repeat: no-repeat;
180 }
181
182 input[type="file"] {
183 width: 576px;
184 z-index: -1;
185 vertical-align: middle;
186 cursor: pointer;
187 margin: 0;
188 }
189
190 .inputhide { overflow: hidden; width: 420px; }
191
192 .inputfile {
193 width: 462px;
194 background: #f8f8f8 url(images/open.png) no-repeat center right;
195 z-index: 2;
196 border: 1px solid #ccc;
197 padding: 3px 0px 0px 2px;
198 height: 25px;
199 float: left;
200 margin-top: 4px;
201 }
202
203 input[type="file"]::-webkit-file-upload-button {
204 float: right;
205 }
206
207 /* Round corner */
208
209 img, pre, table, input, textarea, select, .note, .box, #notify,
210 #packages, #pkgs-search, .inputfile {
211 -moz-border-radius: 4px;
212 -webkit-border-radius: 4px;
213 border-radius: 4px;
214 }
215
216 /* Footer */
217
218 #footer {
219 text-align: center;
220 margin-top: 80px;
221 padding: 20px;
222 /*border-top: 1px solid #ddd;*/
223 font-size: 90%;
224 }
225
226 #footer a { padding: 0 2px; }