slitaz-pizza view web/style.css @ rev 43
Better help
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Tue Mar 27 11:57:39 2012 +0200 (2012-03-27) |
| parents | a666d22cd751 |
| children | e93f523cc91f |
line source
1 /* CSS style for SliTaz Pizza */
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; }
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; } */
31 /* Header */
33 #header {
34 background: #351a0a;
35 height: 40px;
36 border-bottom: 8px solid #ffad02;
37 /*border-bottom: 8px solid #d66018;*/
38 }
40 #header h1 {
41 margin: 0;
42 padding: 8px 0 0 42px;
43 width: 250px;
44 }
46 #header h1 a {
47 color: white;
48 text-decoration: none;
49 font-size: 20px;
50 font-style: italic;
51 }
53 #header h1 a:hover, #network a:hover {
54 color: #d66018;
55 }
57 /* Logo */
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 }
69 /* Header links */
71 #network {
72 float: right;
73 padding: 12px 5px 0;
74 font-size: 12px;
75 }
77 #network a {
78 padding: 0 6px;
79 color: #fff;
80 font-weight: bold;
81 text-decoration: none;
82 }
84 /* Notification box */
86 #notify {
87 /*font-weight: bold;*/
88 background-color: #351a0a;
89 border: 1px solid #ffad02;
90 color: #fff;
91 cursor: help;
92 position: absolute;
93 top: 58px;
94 right: 10px;
95 width: auto;
96 padding: 6px 12px;
97 }
98 #notify img { margin-right: 10px; }
100 /* Content */
102 #content {
103 margin: 40px auto;
104 text-align: justify;
105 width: 740px;
106 }
108 .note {
109 margin: 20px;
110 padding: 20px;
111 background-color: #eaeaea;
112 border: 2px solid #ccc;
113 }
115 .box { margin: 20px 0; }
116 .next { float: right; }
118 .span-ok { color: green; }
119 .span-red { color: red; }
120 .log-date { color: #666; font-size: 95%; }
122 #packages {
123 width: 100%;
124 height: 260px;
125 overflow: auto;
126 border: 1px solid #ddd;
127 background-color: #f8f8f8;
128 }
130 #packages table {
131 border: 0px solid #fff;
132 }
134 #pkgs-search {
135 width: 100%;
136 max-height: 180px;
137 overflow: auto;
138 }
140 /* Form */
142 form { display: inline; }
143 input[type="submit"], input[type="text"], textarea, select {
144 color: #444444;
145 border: 1px solid #cccccc;
146 padding: 4px;
147 margin: 4px 0px;
148 font-size: 14px;
149 line-height: 1.2em;
150 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
151 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
152 -webkit-appearance: none;
153 -webkit-padding-end: 12px;
154 -webkit-padding-start: 6px;
155 }
157 input[type="text"] { background: #fefefe; border: 2px solid #ccc;
158 width: 460px; }
159 /*input[type="file"] { border: 2px solid #ddd; }*/
160 /*input[type="checkbox"] { background: #fefefe; }*/
162 /* Be compatible with old FF and Webkit version. */
163 input[type="submit"] {
164 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
165 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
166 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
167 }
169 input[type="submit"]:hover {
170 cursor: pointer;
171 color: black;
172 }
174 select {
175 background-image: url(images/down.png),
176 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
177 background-position: center right;
178 background-repeat: no-repeat;
179 }
181 input[type="file"] {
182 width: 576px;
183 z-index: -1;
184 vertical-align: middle;
185 cursor: pointer;
186 margin: 0;
187 }
189 .inputhide { overflow: hidden; width: 420px; }
191 .inputfile {
192 width: 462px;
193 background: #f8f8f8 url(images/open.png) no-repeat center right;
194 z-index: 2;
195 border: 1px solid #ccc;
196 padding: 3px 0px 0px 2px;
197 height: 25px;
198 float: left;
199 margin-top: 4px;
200 }
202 input[type="file"]::-webkit-file-upload-button {
203 float: right;
204 }
206 /* Round corner */
208 img, pre, table, input, textarea, select, .note, .box, #notify,
209 #packages, #pkgs-search, .inputfile {
210 -moz-border-radius: 4px;
211 -webkit-border-radius: 4px;
212 border-radius: 4px;
213 }
215 /* Footer */
217 #footer {
218 text-align: center;
219 margin-top: 80px;
220 padding: 20px;
221 /*border-top: 1px solid #ddd;*/
222 font-size: 90%;
223 }
225 #footer a { padding: 0 2px; }