SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/turbine/stuff/res/theme/design	Wed May 29 11:38:51 2024 +0000
     1.3 @@ -0,0 +1,312 @@
     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 + * @@ Turbine 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:orange;}
    1.45 +a:focus, a:hover {color:black;}
    1.46 +
    1.47 +*:before {
    1.48 +content:attr(data-icon);
    1.49 +}
    1.50 +
    1.51 +html, body {
    1.52 +background:-webkit-linear-gradient(#D2691E, #B85C1A);
    1.53 +color:#FFD3B2;
    1.54 +font-family:"monospace", monospace;
    1.55 +font-size:12px;
    1.56 +letter-spacing:normal;
    1.57 +line-height:normal;
    1.58 +overflow:hidden;
    1.59 +}
    1.60 +
    1.61 +body {
    1.62 +height:519px;
    1.63 +position:relative;
    1.64 +text-shadow:00px 01px 01px #803F12;
    1.65 +width:759px;
    1.66 +}
    1.67 +
    1.68 +br {
    1.69 +clear:both;
    1.70 +}
    1.71 +
    1.72 +hr {
    1.73 +border-bottom:01px solid #B55B1A;
    1.74 +margin:05px auto;
    1.75 +width:80%;
    1.76 +}
    1.77 +
    1.78 +table {
    1.79 +width:80%;
    1.80 +text-align:left;
    1.81 +}
    1.82 +table td {
    1.83 +border-bottom:01px solid #B55B1A;
    1.84 +padding:02px 00px;
    1.85 +text-align:left;
    1.86 +}
    1.87 +
    1.88 +/* @scheme */
    1.89 +
    1.90 +header {
    1.91 +background-color:#2B3137;
    1.92 +border:04px solid #803F12;
    1.93 +border-bottom-width:00px;
    1.94 +border-radius:100px;
    1.95 +margin-top:20px;
    1.96 +width:70%;
    1.97 +}
    1.98 +
    1.99 +header, footer {
   1.100 +padding:20px 00px;
   1.101 +}
   1.102 +
   1.103 +div#display {
   1.104 +border-bottom:04px double RGBA(0,0,0,0.1);
   1.105 +border-top:04px double RGBA(0,0,0,0.1);
   1.106 +padding-bottom:20px;
   1.107 +}
   1.108 +
   1.109 +aside.l, aside.r {
   1.110 +margin-top:20px;
   1.111 +width:40%;
   1.112 +}
   1.113 +aside.l, aside.panel {
   1.114 +float:left;
   1.115 +}
   1.116 +aside.r {
   1.117 +float:right;
   1.118 +}
   1.119 +aside.panel {
   1.120 +margin-top:15px;
   1.121 +width:32.9%;
   1.122 +}
   1.123 +
   1.124 +[data=center]{
   1.125 +background-color:#1C2024;
   1.126 +border-bottom:01px solid #CC661D;
   1.127 +border-radius:04px;
   1.128 +box-shadow:inset 00px 04px 04px 00px #121417;
   1.129 +text-shadow:00px 01px 01px #1A1E21;
   1.130 +}
   1.131 +[data=center] form {
   1.132 +padding:10px 00px;
   1.133 +}
   1.134 +[data=center] form button {
   1.135 +background-color:RGBA(255,255,255,0.1);
   1.136 +border:04px solid RGBA(255,255,255,0.2);
   1.137 +border-radius:100px;
   1.138 +color:#FFFFFF;
   1.139 +cursor:pointer;
   1.140 +font-size:12px;
   1.141 +font-weight:bold;
   1.142 +margin:07px auto;
   1.143 +padding:04% 08%;
   1.144 +}
   1.145 +
   1.146 +[data=center] form button:hover {
   1.147 +background-color:RGBA(255,255,255,0.2);
   1.148 +border:04px solid RGBA(255,255,255,0.1);
   1.149 +}
   1.150 +
   1.151 +section {
   1.152 +margin:10px auto;
   1.153 +position:relative;
   1.154 +}
   1.155 +section#pc {
   1.156 +margin:00px auto;
   1.157 +padding:02% 04%;
   1.158 +width:80%;
   1.159 +}
   1.160 +
   1.161 +footer {
   1.162 +bottom:00px;
   1.163 +left:00px;
   1.164 +letter-spacing:0.50px;
   1.165 +line-height:01.125001em;
   1.166 +position:absolute;
   1.167 +width:759px;
   1.168 +}
   1.169 +
   1.170 +/* @typography */
   1.171 +
   1.172 +p#user-id {
   1.173 +background-color:transparent;
   1.174 +border:02px solid RGBA(255,255,255,0.1);
   1.175 +border-radius:100px;
   1.176 +color:floralwhite;
   1.177 +font-size:10px;
   1.178 +font-weight:bold;
   1.179 +left:04px;
   1.180 +padding:04px 08px;
   1.181 +position:absolute;
   1.182 +text-shadow:none;
   1.183 +top:00px;
   1.184 +}
   1.185 +p#reload {
   1.186 +line-height:30px;
   1.187 +padding:00px;
   1.188 +position:absolute;
   1.189 +right:40px;
   1.190 +top:00px;
   1.191 +width:40px;
   1.192 +}
   1.193 +p#reload a {
   1.194 +color:RGBA(255,255,255,0.5);
   1.195 +font-size:30px;
   1.196 +text-shadow:none;
   1.197 +}
   1.198 +p#reload a:focus, p#reload a:hover {
   1.199 +color:RGBA(255,255,255,1);
   1.200 +}
   1.201 +
   1.202 +header h1 {
   1.203 +background:url("turbine.svg") 50% 50% no-repeat;
   1.204 +}
   1.205 +
   1.206 +header h1, footer h4 {
   1.207 +color:#FFFFFF;
   1.208 +font-family:"sans";
   1.209 +font-weight:bold;
   1.210 +}
   1.211 +section#pc h1 {
   1.212 +font-size:12px;
   1.213 +font-weight:bold;
   1.214 +}
   1.215 +footer h4 {
   1.216 +font-size:11px;
   1.217 +}
   1.218 +footer h5 {
   1.219 +font-size:09px;
   1.220 +}
   1.221 +
   1.222 +form#close {
   1.223 +line-height:0;
   1.224 +position:absolute;
   1.225 +top:00px;
   1.226 +right:08px;
   1.227 +}
   1.228 +form#close button {
   1.229 +background-color:#2B3137;
   1.230 +border:02px solid #803F12;
   1.231 +border-bottom-width:00px;
   1.232 +border-radius:100%;
   1.233 +color:#FFFFFF;
   1.234 +cursor:pointer;
   1.235 +display:table;
   1.236 +font-size:14px;
   1.237 +font-weight:bold;
   1.238 +height:30px;
   1.239 +line-height:29px;
   1.240 +width:30px;
   1.241 +}
   1.242 +
   1.243 +/* @extra */
   1.244 +
   1.245 +.date {
   1.246 +color:black;
   1.247 +text-shadow:none;
   1.248 +}
   1.249 +
   1.250 +header h1 img {
   1.251 +margin-right:04px;
   1.252 +vertical-align:text-top;
   1.253 +}
   1.254 +
   1.255 +.rs:after {
   1.256 +color:#FFFFFF;
   1.257 +content:"KB";
   1.258 +font-size:10px;
   1.259 +margin-left:02px;
   1.260 +vertical-align:middle;
   1.261 +}
   1.262 +.tr {
   1.263 +color:#FFFFFF;
   1.264 +text-align:right;
   1.265 +}
   1.266 +.info * {
   1.267 +border:01px solid RGBA(255,255,255,0.1);
   1.268 +border-radius:100px;
   1.269 +color:#FFFFFF;
   1.270 +display:table;
   1.271 +font-size:10px;
   1.272 +font-weight:bolder;
   1.273 +letter-spacing:00.100001em;
   1.274 +margin-bottom:-10px;
   1.275 +padding:04px 16px;
   1.276 +}
   1.277 +.textup {
   1.278 +text-transform:uppercase;
   1.279 +}
   1.280 +
   1.281 +/* @animation */
   1.282 +
   1.283 +.anibox {
   1.284 +background-color:#1C2024;
   1.285 +border:06px solid #4C260B;
   1.286 +border-radius:100%;
   1.287 +box-shadow:00px 12px 20px 00px #4C260B;
   1.288 +height:220px;
   1.289 +margin-top:60px;
   1.290 +position:relative;
   1.291 +width:220px;
   1.292 +}
   1.293 +
   1.294 +.ani {
   1.295 +left:03px;
   1.296 +position:absolute;
   1.297 +top:03px;
   1.298 +width:200px;
   1.299 +}
   1.300 +.gear {
   1.301 +left:03.5px;
   1.302 +position:absolute;
   1.303 +top:03.5px;
   1.304 +width:200px;
   1.305 +}
   1.306 +.fix {
   1.307 +left:03px;
   1.308 +position:absolute;
   1.309 +top:03px;
   1.310 +width:200px;
   1.311 +}
   1.312 +
   1.313 +.spin {-webkit-animation:spin 0.5s linear infinite;}
   1.314 +@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
   1.315 +