wok-6.x view kleanny/stuff/res/template/design @ rev 21975
updated st (0.5 -> 0.8.2)
| author | Hans-G?nter Theisgen |
|---|---|
| date | Fri Oct 11 14:31:25 2019 +0100 (2019-10-11) |
| parents | |
| children |
line source
1 @charset "UTF-8";
2 /* ---------------------------------------------------------------------------
3 * Provided By The SliTaz Development Team.
4 * Copyright (C) 2017 The SliTaz Association.
5 *
6 * This program is free software: you can redistribute it and/or modify
7 * it under the terms of the GNU General Public License as published by
8 * the Free Software Foundation, either version 3 of the License, or
9 * (at your option) any later version.
10 *
11 * This program is distributed in the hope that it will be useful,
12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 * GNU General Public License for more details.
15 *
16 * You should have received a copy of the GNU General Public License
17 * along with this program. If not, see <http://www.gnu.org/licenses/>.
18 *
19 * ---------------------------------------------------------------------------
20 *
21 * @@ Kleanny Stylesheet.
22 *
23 * !! YAD with HTML widget support uses only webkit (-webkit-*).
24 * Other options are disposable here. (-o, -moz, -ms ...).
25 *
26 */
28 * {
29 /* Reset Rules */
30 border-width:00px;
31 font-weight:normal;
32 margin:00px auto;
33 outline-style:none;
34 outline-width:00px;
35 padding:00px 00px;
36 text-align:center;
37 text-decoration:none;
38 -webkit-box-sizing:border-box;
39 }
41 a {color:brown;}
42 a:focus, a:hover {color:darkred;}
44 html, body {
45 background-color:#151515;
46 color:#828282;
47 font-family:"monospace", monospace;
48 font-size:12px;
49 letter-spacing:normal;
50 line-height:normal;
51 overflow:hidden;
52 }
54 body {
55 height:470px;
56 position:relative;
57 text-shadow:00px 01px 01px #000000;
58 width:310px;
59 }
61 hr {
62 border-bottom:01px solid #000000;
63 margin:05px auto;
64 width:70%;
65 }
67 /* @scheme */
69 header {
70 background-color:#080808;
71 border-bottom:10px solid #181818;
72 box-shadow:00px 04px 04px 01px #000000;
73 -webkit-box-shadow:00px 07px 10px 01px #000000;
74 }
76 header, footer {
77 padding:20px 00px;
78 text-transform:uppercase;
79 }
81 section {
82 margin:25px auto 10px auto;
83 position:relative;
84 }
86 div#scope {
87 background-color:#D3D3D3;
88 height:180px;
89 position:relative;
90 width:180px;
91 }
92 div#coupler {
93 background-color:#A52A2A;
94 -webkit-box-shadow:inset 00px 00px 200px 15px #000000;
95 height:160px;
96 left:10px;
97 position:absolute;
98 top:10px;
99 width:160px;
100 }
101 div#gearONE {
102 border:06px dashed #5D0000;
103 height:150px;
104 left:15px;
105 position:absolute;
106 top:15px;
107 width:150px;
108 }
109 div#gearTWO {
110 border:04px dashed #8D0000;
111 height:130px;
112 left:25px;
113 position:absolute;
114 top:25px;
115 width:130px;
116 }
118 div#scope, div#coupler, div#gearONE, div#gearTWO {
119 -webkit-border-radius:100%;
120 }
122 form#cleaner {
123 margin-top:20px;
124 }
125 form#cleaner button {
126 background-color:#181818;
127 border-bottom:02px solid #202020;
128 border-top:01px solid #080808;
129 color:#F2F2F2;
130 cursor:pointer;
131 line-height:40px;
132 width:180px;
133 -webkit-border-radius:50px;
134 -webkit-box-shadow:00px 00px 04px 00px #000000;
135 }
136 form#cleaner button:focus,
137 form#cleaner button:hover {
138 color:#BABABA;
139 -webkit-box-shadow:inset 00px 00px 04px 00px #000000;
140 }
141 form#cleaner button:active {
142 -webkit-box-shadow:inset 00px -01px 04px 00px #00FF00;
143 }
145 section#cleanup div#scope {
146 background-color:#303030;
147 }
148 section#cleanup div#coupler {
149 background-color:#006400;
150 -webkit-box-shadow:inset 00px 00px 200px 15px #000000;
151 }
152 section#cleanup div#gearONE {
153 border-color:#00A200;
154 }
155 section#cleanup div#gearTWO {
156 border-color:#00D200;
157 }
159 section#result div#scope {
160 background-color:#282828;
161 -webkit-box-shadow:00px 00px 10px 00px #0095D2;
162 }
163 section#result div#coupler {
164 background-color:#005664;
165 -webkit-box-shadow:inset 00px 00px 200px 15px #000000;
166 }
167 section#result div#gearONE {
168 border-color:#007CA2;
169 }
170 section#result div#gearTWO {
171 border-color:#0095D2;
172 }
174 #needle {
175 background-color:#008B00;
176 box-shadow:00px 00px 20px 04px #00FF00;
177 content:"\0020\ ";
178 height:02px;
179 left:-10px;
180 position:absolute;
181 top:170px;
182 width:200px;
183 -webkit-animation:scan 4s infinite;
184 }
186 footer {
187 bottom:00px;
188 left:00px;
189 letter-spacing:0.50px;
190 line-height:01.125001em;
191 position:absolute;
192 width:310px;
193 }
195 /* @typography */
197 header h1, footer h4 {
198 color:#FFFFFF;
199 font-family:"sans";
200 font-weight:bold;
201 }
202 header h3 {
203 font-size:12px;
204 letter-spacing:01px;
205 word-spacing:-03px;
206 margin-top:10px;
207 }
208 p.status {
209 background-color:transparent;
210 -webkit-border-radius:100px;
211 color:#FFFFFF;
212 font-size:16px;
213 font-weight:bold;
214 left:35px;
215 line-height:30px;
216 position:absolute;
217 text-shadow:00px 07px 02px #2D0000;
218 top:73px;
219 width:110px;
220 }
221 p#lines {
222 left:00px;
223 position:absolute;
224 top:80px;
225 width:180px;
226 }
227 p#lines:before {
228 color:#FFFFFF;
229 content:"...|||...";
230 font-weight:bold;
231 }
232 form#cleaner button {
233 font-size:14px;
234 font-weight:bold;
235 }
236 footer h4 {
237 font-size:11px;
238 }
239 footer h5 {
240 font-size:09px;
241 }
243 /* animation */
245 div.spin {-webkit-animation:spin 2s linear infinite;}
246 @-webkit-keyframes spin { 50% { -webkit-transform: rotate(-90deg); } }
247 @-webkit-keyframes scan { 50% {top:10px;} }