wok-6.x diff kleanny/stuff/res/template/design @ rev 20040
Add: Kleanny v1.0 By The SliTaz DevTeam.
author | Leonardo Laporte <hackdorte@yandex.com> |
---|---|
date | Sun Aug 27 10:17:57 2017 -0300 (2017-08-27) |
parents | |
children |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/kleanny/stuff/res/template/design Sun Aug 27 10:17:57 2017 -0300 1.3 @@ -0,0 +1,249 @@ 1.4 +@charset "UTF-8"; 1.5 +/* --------------------------------------------------------------------------- 1.6 + * Provided By The SliTaz Development Team. 1.7 + * Copyright (C) 2017 The SliTaz Association. 1.8 + * 1.9 + * This program is free software: you can redistribute it and/or modify 1.10 + * it under the terms of the GNU General Public License as published by 1.11 + * the Free Software Foundation, either version 3 of the License, or 1.12 + * (at your option) any later version. 1.13 + * 1.14 + * This program is distributed in the hope that it will be useful, 1.15 + * but WITHOUT ANY WARRANTY; without even the implied warranty of 1.16 + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 1.17 + * GNU General Public License for more details. 1.18 + * 1.19 + * You should have received a copy of the GNU General Public License 1.20 + * along with this program. If not, see <http://www.gnu.org/licenses/>. 1.21 + * 1.22 + * --------------------------------------------------------------------------- 1.23 + * 1.24 + * @@ Kleanny Stylesheet. 1.25 + * 1.26 + * !! YAD with HTML widget support uses only webkit (-webkit-*). 1.27 + * Other options are disposable here. (-o, -moz, -ms ...). 1.28 + * 1.29 + */ 1.30 + 1.31 +* { 1.32 +/* Reset Rules */ 1.33 +border-width:00px; 1.34 +font-weight:normal; 1.35 +margin:00px auto; 1.36 +outline-style:none; 1.37 +outline-width:00px; 1.38 +padding:00px 00px; 1.39 +text-align:center; 1.40 +text-decoration:none; 1.41 +-webkit-box-sizing:border-box; 1.42 +} 1.43 + 1.44 +a {color:brown;} 1.45 +a:focus, a:hover {color:darkred;} 1.46 + 1.47 +html, body { 1.48 +background-color:#151515; 1.49 +color:#828282; 1.50 +font-family:"monospace", monospace; 1.51 +font-size:12px; 1.52 +letter-spacing:normal; 1.53 +line-height:normal; 1.54 +overflow:hidden; 1.55 +} 1.56 + 1.57 +body { 1.58 +height:470px; 1.59 +position:relative; 1.60 +text-shadow:00px 01px 01px #000000; 1.61 +width:310px; 1.62 +} 1.63 + 1.64 +hr { 1.65 +border-bottom:01px solid #000000; 1.66 +margin:05px auto; 1.67 +width:70%; 1.68 +} 1.69 + 1.70 +/* @scheme */ 1.71 + 1.72 +header { 1.73 +background-color:#080808; 1.74 +border-bottom:10px solid #181818; 1.75 +box-shadow:00px 04px 04px 01px #000000; 1.76 +-webkit-box-shadow:00px 07px 10px 01px #000000; 1.77 +} 1.78 + 1.79 +header, footer { 1.80 +padding:20px 00px; 1.81 +text-transform:uppercase; 1.82 +} 1.83 + 1.84 +section { 1.85 +margin:25px auto 10px auto; 1.86 +position:relative; 1.87 +} 1.88 + 1.89 +div#scope { 1.90 +background-color:#D3D3D3; 1.91 +height:180px; 1.92 +position:relative; 1.93 +width:180px; 1.94 +} 1.95 +div#coupler { 1.96 +background-color:#A52A2A; 1.97 +-webkit-box-shadow:inset 00px 00px 200px 15px #000000; 1.98 +height:160px; 1.99 +left:10px; 1.100 +position:absolute; 1.101 +top:10px; 1.102 +width:160px; 1.103 +} 1.104 +div#gearONE { 1.105 +border:06px dashed #5D0000; 1.106 +height:150px; 1.107 +left:15px; 1.108 +position:absolute; 1.109 +top:15px; 1.110 +width:150px; 1.111 +} 1.112 +div#gearTWO { 1.113 +border:04px dashed #8D0000; 1.114 +height:130px; 1.115 +left:25px; 1.116 +position:absolute; 1.117 +top:25px; 1.118 +width:130px; 1.119 +} 1.120 + 1.121 +div#scope, div#coupler, div#gearONE, div#gearTWO { 1.122 +-webkit-border-radius:100%; 1.123 +} 1.124 + 1.125 +form#cleaner { 1.126 +margin-top:20px; 1.127 +} 1.128 +form#cleaner button { 1.129 +background-color:#181818; 1.130 +border-bottom:02px solid #202020; 1.131 +border-top:01px solid #080808; 1.132 +color:#F2F2F2; 1.133 +cursor:pointer; 1.134 +line-height:40px; 1.135 +width:180px; 1.136 +-webkit-border-radius:50px; 1.137 +-webkit-box-shadow:00px 00px 04px 00px #000000; 1.138 +} 1.139 +form#cleaner button:focus, 1.140 +form#cleaner button:hover { 1.141 +color:#BABABA; 1.142 +-webkit-box-shadow:inset 00px 00px 04px 00px #000000; 1.143 +} 1.144 +form#cleaner button:active { 1.145 +-webkit-box-shadow:inset 00px -01px 04px 00px #00FF00; 1.146 +} 1.147 + 1.148 +section#cleanup div#scope { 1.149 +background-color:#303030; 1.150 +} 1.151 +section#cleanup div#coupler { 1.152 +background-color:#006400; 1.153 +-webkit-box-shadow:inset 00px 00px 200px 15px #000000; 1.154 +} 1.155 +section#cleanup div#gearONE { 1.156 +border-color:#00A200; 1.157 +} 1.158 +section#cleanup div#gearTWO { 1.159 +border-color:#00D200; 1.160 +} 1.161 + 1.162 +section#result div#scope { 1.163 +background-color:#282828; 1.164 +-webkit-box-shadow:00px 00px 10px 00px #0095D2; 1.165 +} 1.166 +section#result div#coupler { 1.167 +background-color:#005664; 1.168 +-webkit-box-shadow:inset 00px 00px 200px 15px #000000; 1.169 +} 1.170 +section#result div#gearONE { 1.171 +border-color:#007CA2; 1.172 +} 1.173 +section#result div#gearTWO { 1.174 +border-color:#0095D2; 1.175 +} 1.176 + 1.177 +#needle { 1.178 +background-color:#008B00; 1.179 +box-shadow:00px 00px 20px 04px #00FF00; 1.180 +content:"\0020\ "; 1.181 +height:02px; 1.182 +left:-10px; 1.183 +position:absolute; 1.184 +top:170px; 1.185 +width:200px; 1.186 +-webkit-animation:scan 4s infinite; 1.187 +} 1.188 + 1.189 +footer { 1.190 +bottom:00px; 1.191 +left:00px; 1.192 +letter-spacing:0.50px; 1.193 +line-height:01.125001em; 1.194 +position:absolute; 1.195 +width:310px; 1.196 +} 1.197 + 1.198 +/* @typography */ 1.199 + 1.200 +header h1, footer h4 { 1.201 +color:#FFFFFF; 1.202 +font-family:"sans"; 1.203 +font-weight:bold; 1.204 +} 1.205 +header h3 { 1.206 +font-size:12px; 1.207 +letter-spacing:01px; 1.208 +word-spacing:-03px; 1.209 +margin-top:10px; 1.210 +} 1.211 +p.status { 1.212 +background-color:transparent; 1.213 +-webkit-border-radius:100px; 1.214 +color:#FFFFFF; 1.215 +font-size:16px; 1.216 +font-weight:bold; 1.217 +left:35px; 1.218 +line-height:30px; 1.219 +position:absolute; 1.220 +text-shadow:00px 07px 02px #2D0000; 1.221 +top:73px; 1.222 +width:110px; 1.223 +} 1.224 +p#lines { 1.225 +left:00px; 1.226 +position:absolute; 1.227 +top:80px; 1.228 +width:180px; 1.229 +} 1.230 +p#lines:before { 1.231 +color:#FFFFFF; 1.232 +content:"...|||..."; 1.233 +font-weight:bold; 1.234 +} 1.235 +form#cleaner button { 1.236 +font-size:14px; 1.237 +font-weight:bold; 1.238 +} 1.239 +footer h4 { 1.240 +font-size:11px; 1.241 +} 1.242 +footer h5 { 1.243 +font-size:09px; 1.244 +} 1.245 + 1.246 +/* animation */ 1.247 + 1.248 +div.spin {-webkit-animation:spin 2s linear infinite;} 1.249 +@-webkit-keyframes spin { 50% { -webkit-transform: rotate(-90deg); } } 1.250 +@-webkit-keyframes scan { 50% {top:10px;} } 1.251 + 1.252 +