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