SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/kleanny/stuff/res/template/design	Fri Jun 10 13:35:13 2022 +0100
     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 +