SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/tazpanel-theme-sandfive/stuff/style.css	Wed Dec 30 22:30:07 2015 +0100
     1.3 @@ -0,0 +1,437 @@
     1.4 +/*
     1.5 + *  CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
     1.6 + * 
     1.7 +*/
     1.8 +
     1.9 +/* To always have a scroll bar */
    1.10 +html {
    1.11 +  min-height:  102%;
    1.12 +} 
    1.13 + 
    1.14 +body {
    1.15 +  background: #F0EFE4;
    1.16 +  color: #453A1C;
    1.17 +  font: 12px "Coda", "Sans", FreeSans, sans-serif;
    1.18 +  margin: 25px 0 0;
    1.19 +}
    1.20 +
    1.21 +* {
    1.22 +  outline: 0;
    1.23 +}
    1.24 +
    1.25 +h1 { color: #CE895E; padding: 6px 0 0 20px; font-size: 180%; }
    1.26 +h2 { color: #5E4F26; margin: 10px 0 10px; font-size: 150%; }
    1.27 +h3 { color: #453A1C; font-size: 140%; }
    1.28 +h4 { color: #453A1C; font-size: 120%; margin: 10px 0 5px; }
    1.29 +img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;}
    1.30 +p { margin: 10px 0; }
    1.31 +ul { list-style-type: square; }
    1.32 +li { padding: 4px 0; }
    1.33 +a { text-decoration: none; color: #807455; }
    1.34 +a:hover { color: #2A220E; }
    1.35 +
    1.36 +/* Header and main title */
    1.37 +
    1.38 +#header {
    1.39 +  background: #FAFAFA;
    1.40 +  text-shadow: 1px 1px 1px rgb(220,220,220);
    1.41 +  padding: 10px 0;
    1.42 +  box-shadow: inset 0 0 10px 0 rgb(200,200,200);
    1.43 +}
    1.44 +
    1.45 +/* Desktop gui style bar */
    1.46 +
    1.47 +#toolbar {
    1.48 +  position: fixed;
    1.49 +  top: 0;
    1.50 +  left: 0;
    1.51 +  height: 23px;
    1.52 +  width: 100%;
    1.53 +  padding: 4px 0;
    1.54 +  background: #DBD9CC;
    1.55 +  border-bottom: 1px solid #F2F2F2;
    1.56 +  z-index: 200;
    1.57 +  cursor: default;
    1.58 +}
    1.59 +
    1.60 +#menu {
    1.61 +  margin: 0;
    1.62 +  padding: 0;
    1.63 +}
    1.64 +#menu li {
    1.65 +  list-style: none;
    1.66 +  float: left;
    1.67 +  padding: 0;
    1.68 +}
    1.69 +#menu li a {
    1.70 +  display: block;
    1.71 +  padding: 4px 6px;
    1.72 +  background-color: inherit;
    1.73 +  text-decoration: none;
    1.74 +  cursor: default;
    1.75 +  color: #000;
    1.76 +}
    1.77 +#menu li a:hover {
    1.78 +  color: #FFF;
    1.79 +  background: #CE895E; /* no support gradient */
    1.80 +  background-image: linear-gradient(to bottom, #DFA17B, #CE895E);
    1.81 +  background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E);
    1.82 +  border-top-right-radius: 3px;
    1.83 +  border-top-left-radius: 3px;
    1.84 +}
    1.85 +#menu li ul {
    1.86 +  display: none; 
    1.87 +  min-width: 180px;
    1.88 +  background: #DBD9CC;
    1.89 +  border: 1px solid #D1D0C3;
    1.90 +}
    1.91 +#menu li ul a {
    1.92 +  padding: 4px 6px;
    1.93 +}
    1.94 +#menu li:hover ul {
    1.95 +  display: block;
    1.96 +  position: absolute;
    1.97 +  margin: 0;
    1.98 +  padding: 0;
    1.99 +}
   1.100 +#menu li:hover li {
   1.101 +  float: none;
   1.102 +}
   1.103 +#menu li:hover li a {
   1.104 +  background-color: #DBD9CC;
   1.105 +  color: #453A1C;
   1.106 +}
   1.107 +#menu li li a { border: none; }
   1.108 +#menu li li a:hover {
   1.109 +  background: #CE895E; /* no support gradient */
   1.110 +  background-image: linear-gradient(to bottom, #DFA17B, #CE895E);
   1.111 +  background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E);
   1.112 +  color: #FFF;
   1.113 +  border-radius: 2px;
   1.114 +}
   1.115 +/* addings
   1.116 + * 
   1.117 + */
   1.118 +#menu > ul {
   1.119 +  visibility: hidden;
   1.120 +  opacity: 0;
   1.121 +  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
   1.122 +}
   1.123 +#menu:hover > ul {
   1.124 +  visibility: visible;
   1.125 +  opacity: 1;
   1.126 +  transition-delay: 0s;
   1.127 +}
   1.128 +
   1.129 +
   1.130 +#icons { margin: 3px 8px; float: right; }
   1.131 +#icons img { padding: 0; }
   1.132 +
   1.133 +#loading {
   1.134 +  z-index: 1000;
   1.135 +  background: #F6F6A8;
   1.136 +  color: #453A1C;
   1.137 +  text-align: center;
   1.138 +  cursor: progress;
   1.139 +  position: fixed;
   1.140 +  top: 123px;
   1.141 +  right: 0px;
   1.142 +  width: 248px;
   1.143 +  padding: 40px 12px;
   1.144 +  border: 2px solid #E38E5E;
   1.145 +  /* box-shadow: 0 0 2000px 2000px #453A1C; */
   1.146 +}
   1.147 +
   1.148 +/* Blocks */
   1.149 +
   1.150 +#block { float: left; }
   1.151 +
   1.152 +/* Sidebar menus */
   1.153 +
   1.154 +#sidebar {
   1.155 +  background: rgba(255,255,255, .5);
   1.156 +  position: fixed;
   1.157 +  top: 118px;
   1.158 +  right: 0;
   1.159 +  width: 116px;
   1.160 +  padding: 20px 0;
   1.161 +  border-radius: 4px;
   1.162 +  box-shadow: 0 0 10px 0 rgba(0,0,0, .3);
   1.163 +}
   1.164 +
   1.165 +#sidebar a {
   1.166 +  display: block;
   1.167 +  padding: 0px 0 0px 12px;
   1.168 +  margin: 0;
   1.169 +}
   1.170 +
   1.171 +#sidebar a.active {
   1.172 +  color: #000;
   1.173 +  font-weight: bold;
   1.174 +}
   1.175 +
   1.176 +#sidebar h4 { margin: 0 0 2px 12px; }
   1.177 +#sidebar ul { list-style-type: none; padding: 0; }
   1.178 +
   1.179 +/* Content */
   1.180 +
   1.181 +#content { margin: 20px; }
   1.182 +#content-sidebar { margin: 20px 120px 20px 20px; }
   1.183 +#wrapper { margin: 10px 0 20px; }
   1.184 +
   1.185 +#actions {
   1.186 +  min-height: 20px;
   1.187 +  padding: 16px 0;
   1.188 +}
   1.189 +
   1.190 +#actions p { margin: 6px 0; }
   1.191 +
   1.192 +.search {
   1.193 +  position: absolute;
   1.194 +  right: 40px;
   1.195 +  top: 43px;
   1.196 +}
   1.197 +
   1.198 +.search * {
   1.199 +  font-size: 11px!important;
   1.200 +}
   1.201 +
   1.202 +.search input[type=submit] {
   1.203 +  letter-spacing: 1px;
   1.204 +  padding: 5px;
   1.205 +  margin-left: -4px;
   1.206 +  background: #DEDCD0;
   1.207 +  cursor: pointer;
   1.208 +  color: #000;
   1.209 +  font-weight: normal;
   1.210 +  border-radius: 0px;
   1.211 +}
   1.212 +
   1.213 +.search input[type=submit].radius  {
   1.214 +  border-radius: 4px;
   1.215 +  border-top-left-radius: 0px;
   1.216 +  border-bottom-left-radius: 0px;
   1.217 +}
   1.218 +
   1.219 +.search input[type=text] {
   1.220 +  background: #F2F2F2;
   1.221 +  color: #453A1C;
   1.222 +  border: 2px solid #DEDCD0;
   1.223 +  padding: 4px;
   1.224 +  height: 17px;
   1.225 +  margin: 0;
   1.226 +  width: 200px;
   1.227 +  border-top-left-radius: 4px;
   1.228 +  border-bottom-left-radius: 4px;
   1.229 +}
   1.230 +
   1.231 +.box {
   1.232 +  margin: 10px 0;
   1.233 +  padding: 12px;
   1.234 +  background: #FFF;
   1.235 +  border: 1px solid #D1D1C7;
   1.236 +  box-shadow: 0 0 4px 0 #C2C1B8;
   1.237 +}
   1.238 +
   1.239 +.box ul { list-style-type: none; padding: 0; }
   1.240 +
   1.241 +.debug {
   1.242 +  position: fixed;
   1.243 +  bottom: 0px;
   1.244 +  right: 10px;
   1.245 +  left: 10px;
   1.246 +  margin: 5px;
   1.247 +  padding: 4px 10px;
   1.248 +  background: #453A1C;
   1.249 +  color: #FFF;
   1.250 +  border: 0;
   1.251 +  font-size: 12px;
   1.252 +  opacity: 0.9;
   1.253 +}
   1.254 +
   1.255 +.float-left {
   1.256 +  float: left;
   1.257 +}
   1.258 +.float-right {
   1.259 +  float: right;
   1.260 +}
   1.261 +
   1.262 +/* Table */
   1.263 +
   1.264 +table {
   1.265 +  background-color: #f8f8f8;
   1.266 +  border: 1px solid #DBD9CC;
   1.267 +  padding: 10px;
   1.268 +  width: 100%;
   1.269 +  margin: 0 0 6px 0;
   1.270 +}
   1.271 +
   1.272 +table a { color: #000; }
   1.273 +table a:hover { color: #666; }
   1.274 +td.small { min-width: 60px; }
   1.275 +td.pkg { max-width: 160px; }
   1.276 +td.desc { max-width: 300px; }
   1.277 +td.pct { min-width: 200px; background: #E3E1D3; }
   1.278 +div.pct { background: #ccc; }
   1.279 +td.pct, div.pct { border-radius: 2px; }
   1.280 +
   1.281 +#thead, .thead, thead {
   1.282 +  height: 10px;
   1.283 +  font-weight: bold;
   1.284 +}
   1.285 +
   1.286 +/*
   1.287 + * Table Zebra
   1.288 + */
   1.289 +
   1.290 +table.zebra {
   1.291 +  border: none;
   1.292 +  border-collapse: collapse;
   1.293 +  margin: 16px 0;
   1.294 +  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #D1D0C3;
   1.295 +}
   1.296 +table.zebra tr:nth-child(even) {
   1.297 +  background-color: #E3E1D4;
   1.298 +}
   1.299 +table.zebra thead tr td {
   1.300 +  height: 22px;
   1.301 +  background-color: #E3E1D3;
   1.302 +  text-align: center;
   1.303 +  vertical-align: middle;
   1.304 +}
   1.305 +table.zebra td + td {
   1.306 +  border-left: 1px solid #DBD9CC;
   1.307 +}
   1.308 +
   1.309 +
   1.310 +/*
   1.311 + * syntax_highlighter
   1.312 + */
   1.313 +
   1.314 +span.conf-comment { color: #666; }
   1.315 +span.conf-var { color: #392600; }
   1.316 +span.conf-val, span.sh-val { color: #f35a00; }
   1.317 +span.sh-comment { color: #b20000; }
   1.318 +span.activity-log { color: #888; }
   1.319 +span.diff-rm { color: red; }
   1.320 +span.diff-add { color: green; }
   1.321 +span.diff-at { color: blue;  }
   1.322 +span.top { color: #00c800; font-weight: normal; }
   1.323 +span.kernel-hex { color: #18A423; }
   1.324 +span.kernel-id { color: #287FC7; }
   1.325 +span.kernel-id2 { color: #843523; }
   1.326 +
   1.327 +/* alert messages */
   1.328 +span.msg-ok { color: limegreen; }
   1.329 +span.msg-nok { color: tomato; }
   1.330 +
   1.331 +/* Misc */
   1.332 +
   1.333 +pre, .pre-main { 
   1.334 +  font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace;
   1.335 +  background-color: #f8f8f8; 
   1.336 +  border: 1px solid #DBD9CC; 
   1.337 +  padding: 10px;
   1.338 +  margin: 10px 0;
   1.339 +  overflow: auto;
   1.340 +}
   1.341 +
   1.342 +.pre-main { margin: 16px 0; }
   1.343 +
   1.344 +input[type=submit], select, .button {
   1.345 +  padding: 4px;
   1.346 +  margin: 0;
   1.347 +  background-color: #f1f1f1;
   1.348 +  border: 1px solid #DBD9CC;
   1.349 +  cursor: pointer;
   1.350 +  color: #000;
   1.351 +}
   1.352 +a.button {
   1.353 +  white-space: nowrap;
   1.354 +  height: 16px;
   1.355 +  margin: 2px 0;
   1.356 +  display: inline-block;
   1.357 +}
   1.358 +
   1.359 +input[type=submit]:hover, select:hover, .button:hover {
   1.360 +  background-color: #DBD9CC;
   1.361 +  border: 1px solid #999;
   1.362 +}
   1.363 +
   1.364 +input[type=text], input[type=password] { height: 18px; }
   1.365 +
   1.366 +div.scroll { height: 200px; overflow: auto;
   1.367 +  border: 1px solid #DBD9CC; }
   1.368 +div.scroll table { border: 0px solid #fff; }
   1.369 +
   1.370 +#terminal {
   1.371 +  background: #000;
   1.372 +  color: #fff;
   1.373 +  border: 1px solid #444;
   1.374 +  min-height: 180px;
   1.375 +  opacity: 0.8;
   1.376 +}
   1.377 +
   1.378 +/* Round corner */
   1.379 +
   1.380 +#loading, table, pre, input[type=submit], .debug, .box,
   1.381 +.button, div.scroll {
   1.382 +  /*-moz-border-radius: 4px;
   1.383 +  -webkit-border-radius: 4px; */
   1.384 +  border-radius: 4px;
   1.385 +}
   1.386 +
   1.387 +/* Help page */
   1.388 +
   1.389 +#help { text-align: justify; }
   1.390 +#help a { color: #215090; text-decoration: underline; }
   1.391 +#help a:hover { text-decoration: none; color: blue; }
   1.392 +
   1.393 +/* Footer */
   1.394 +
   1.395 +#footer {
   1.396 +  /* border-bottom: 1px solid #c1baad; */
   1.397 +  height: 25px;
   1.398 +  text-align: center;
   1.399 +  padding: 40px 10px;
   1.400 +  font-size: 11px;
   1.401 +  color: inherit;
   1.402 +}
   1.403 +
   1.404 +#footer a { color: #817553; text-decoration:underline; }
   1.405 +#footer a:hover { color: #2B2513; text-decoration:none; }
   1.406 +
   1.407 +/* HTML5 Meter */
   1.408 +.meter {
   1.409 +  height: 22px;
   1.410 +  min-width: 200px;
   1.411 +  cursor: default;
   1.412 +}
   1.413 +.meter meter {
   1.414 +  height: inherit;
   1.415 +  width: 100%;
   1.416 +  display: block;
   1.417 +  border: 1px solid #DBD9CC;
   1.418 +  border-radius: 4px;
   1.419 +}
   1.420 +.meter span {
   1.421 +  height: 22px;
   1.422 +  display: block;
   1.423 +  white-space: nowrap;
   1.424 +  position: absolute;
   1.425 +  margin: -18px auto 0 2px;
   1.426 +}
   1.427 +
   1.428 +
   1.429 +a.button, input {
   1.430 +  -webkit-transition: all 0.3s ease-in-out;
   1.431 +  -moz-transition: all 0.3s ease-in-out;
   1.432 +  -o-transition: all 0.3s ease-in-out;
   1.433 +  -ms-transition: all 0.3s ease-in-out;
   1.434 +  transition: all 0.3s ease-in-out;
   1.435 +}
   1.436 +
   1.437 +input {
   1.438 +  border: 1px solid #B4AC95!important;
   1.439 +  border-radius: 2px!important;
   1.440 +}