Navigation

Project: wok

Clone project: hg clone http://hg.slitaz.org/wok

  • Download tarball:
  • bz2
  • gz

Search

wok changeset 16784:6d57be5e4797

Add: tazpanel-theme-sandfive
author Aleksej Bobylev <al.bobylev@gmail.com>
date Mon Jun 23 14:54:13 2014 +0300 (2 months ago ago)
parents b0e7329ba147
children 265516f002cf
files tazpanel-theme-sandfive/receipt tazpanel-theme-sandfive/stuff/style.css
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/tazpanel-theme-sandfive/receipt	Mon Jun 23 14:54:13 2014 +0300
     1.3 @@ -0,0 +1,35 @@
     1.4 +# SliTaz package receipt.
     1.5 +
     1.6 +PACKAGE="tazpanel-theme-sandfive"
     1.7 +VERSION="1.0"
     1.8 +CATEGORY="misc"
     1.9 +SHORT_DESC="SliTaz Sand Five theme for TazPanel"
    1.10 +MAINTAINER="holkfoor@gmail.com"
    1.11 +LICENSE="PublicDomain"
    1.12 +WEB_SITE="http://www.slitaz.org/"
    1.13 +
    1.14 +DEPENDS="tazpanel"
    1.15 +
    1.16 +# Rules to gen a SliTaz package suitable for Tazpkg.
    1.17 +genpkg_rules()
    1.18 +{
    1.19 +	mkdir -p $fs/var/www/tazpanel/styles/sandfive
    1.20 +	cp -a stuff/* $fs/var/www/tazpanel/styles/sandfive
    1.21 +
    1.22 +	# link absent files with default theme
    1.23 +	cd $fs/var/www/tazpanel/styles/sandfive
    1.24 +	for i in favicon.ico footer.html header.html images; do
    1.25 +		ln -s ../default/$i $i
    1.26 +	done
    1.27 +}
    1.28 +
    1.29 +# Pre and post install commands for Tazpkg.
    1.30 +post_install()
    1.31 +{
    1.32 +	sed -i 's|STYLE=".*"|STYLE="sandfive"|' $1/etc/slitaz/tazpanel.conf
    1.33 +}
    1.34 +
    1.35 +pre_remove()
    1.36 +{
    1.37 +	sed -i 's|STYLE=".*"|STYLE="default"|' $1/etc/slitaz/tazpanel.conf
    1.38 +}
     2.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     2.2 +++ b/tazpanel-theme-sandfive/stuff/style.css	Mon Jun 23 14:54:13 2014 +0300
     2.3 @@ -0,0 +1,437 @@
     2.4 +/*
     2.5 + *  CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
     2.6 + * 
     2.7 +*/
     2.8 +
     2.9 +/* To always have a scroll bar */
    2.10 +html {
    2.11 +  min-height:  102%;
    2.12 +} 
    2.13 + 
    2.14 +body {
    2.15 +  background: #F0EFE4;
    2.16 +  color: #453A1C;
    2.17 +  font: 12px "Coda", "Sans", FreeSans, sans-serif;
    2.18 +  margin: 25px 0 0;
    2.19 +}
    2.20 +
    2.21 +* {
    2.22 +  outline: 0;
    2.23 +}
    2.24 +
    2.25 +h1 { color: #CE895E; padding: 6px 0 0 20px; font-size: 180%; }
    2.26 +h2 { color: #5E4F26; margin: 10px 0 10px; font-size: 150%; }
    2.27 +h3 { color: #453A1C; font-size: 140%; }
    2.28 +h4 { color: #453A1C; font-size: 120%; margin: 10px 0 5px; }
    2.29 +img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;}
    2.30 +p { margin: 10px 0; }
    2.31 +ul { list-style-type: square; }
    2.32 +li { padding: 4px 0; }
    2.33 +a { text-decoration: none; color: #807455; }
    2.34 +a:hover { color: #2A220E; }
    2.35 +
    2.36 +/* Header and main title */
    2.37 +
    2.38 +#header {
    2.39 +  background: #FAFAFA;
    2.40 +  text-shadow: 1px 1px 1px rgb(220,220,220);
    2.41 +  padding: 10px 0;
    2.42 +  box-shadow: inset 0 0 10px 0 rgb(200,200,200);
    2.43 +}
    2.44 +
    2.45 +/* Desktop gui style bar */
    2.46 +
    2.47 +#toolbar {
    2.48 +  position: fixed;
    2.49 +  top: 0;
    2.50 +  left: 0;
    2.51 +  height: 23px;
    2.52 +  width: 100%;
    2.53 +  padding: 4px 0;
    2.54 +  background: #DBD9CC;
    2.55 +  border-bottom: 1px solid #F2F2F2;
    2.56 +  z-index: 200;
    2.57 +  cursor: default;
    2.58 +}
    2.59 +
    2.60 +#menu {
    2.61 +  margin: 0;
    2.62 +  padding: 0;
    2.63 +}
    2.64 +#menu li {
    2.65 +  list-style: none;
    2.66 +  float: left;
    2.67 +  padding: 0;
    2.68 +}
    2.69 +#menu li a {
    2.70 +  display: block;
    2.71 +  padding: 4px 6px;
    2.72 +  background-color: inherit;
    2.73 +  text-decoration: none;
    2.74 +  cursor: default;
    2.75 +  color: #000;
    2.76 +}
    2.77 +#menu li a:hover {
    2.78 +  color: #FFF;
    2.79 +  background: #CE895E; /* no support gradient */
    2.80 +  background-image: linear-gradient(to bottom, #DFA17B, #CE895E);
    2.81 +  background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E);
    2.82 +  border-top-right-radius: 3px;
    2.83 +  border-top-left-radius: 3px;
    2.84 +}
    2.85 +#menu li ul {
    2.86 +  display: none; 
    2.87 +  min-width: 180px;
    2.88 +  background: #DBD9CC;
    2.89 +  border: 1px solid #D1D0C3;
    2.90 +}
    2.91 +#menu li ul a {
    2.92 +  padding: 4px 6px;
    2.93 +}
    2.94 +#menu li:hover ul {
    2.95 +  display: block;
    2.96 +  position: absolute;
    2.97 +  margin: 0;
    2.98 +  padding: 0;
    2.99 +}
   2.100 +#menu li:hover li {
   2.101 +  float: none;
   2.102 +}
   2.103 +#menu li:hover li a {
   2.104 +  background-color: #DBD9CC;
   2.105 +  color: #453A1C;
   2.106 +}
   2.107 +#menu li li a { border: none; }
   2.108 +#menu li li a:hover {
   2.109 +  background: #CE895E; /* no support gradient */
   2.110 +  background-image: linear-gradient(to bottom, #DFA17B, #CE895E);
   2.111 +  background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E);
   2.112 +  color: #FFF;
   2.113 +  border-radius: 2px;
   2.114 +}
   2.115 +/* addings
   2.116 + * 
   2.117 + */
   2.118 +#menu > ul {
   2.119 +  visibility: hidden;
   2.120 +  opacity: 0;
   2.121 +  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
   2.122 +}
   2.123 +#menu:hover > ul {
   2.124 +  visibility: visible;
   2.125 +  opacity: 1;
   2.126 +  transition-delay: 0s;
   2.127 +}
   2.128 +
   2.129 +
   2.130 +#icons { margin: 3px 8px; float: right; }
   2.131 +#icons img { padding: 0; }
   2.132 +
   2.133 +#loading {
   2.134 +  z-index: 1000;
   2.135 +  background: #F6F6A8;
   2.136 +  color: #453A1C;
   2.137 +  text-align: center;
   2.138 +  cursor: progress;
   2.139 +  position: fixed;
   2.140 +  top: 123px;
   2.141 +  right: 0px;
   2.142 +  width: 248px;
   2.143 +  padding: 40px 12px;
   2.144 +  border: 2px solid #E38E5E;
   2.145 +  /* box-shadow: 0 0 2000px 2000px #453A1C; */
   2.146 +}
   2.147 +
   2.148 +/* Blocks */
   2.149 +
   2.150 +#block { float: left; }
   2.151 +
   2.152 +/* Sidebar menus */
   2.153 +
   2.154 +#sidebar {
   2.155 +  background: rgba(255,255,255, .5);
   2.156 +  position: fixed;
   2.157 +  top: 118px;
   2.158 +  right: 0;
   2.159 +  width: 116px;
   2.160 +  padding: 20px 0;
   2.161 +  border-radius: 4px;
   2.162 +  box-shadow: 0 0 10px 0 rgba(0,0,0, .3);
   2.163 +}
   2.164 +
   2.165 +#sidebar a {
   2.166 +  display: block;
   2.167 +  padding: 0px 0 0px 12px;
   2.168 +  margin: 0;
   2.169 +}
   2.170 +
   2.171 +#sidebar a.active {
   2.172 +  color: #000;
   2.173 +  font-weight: bold;
   2.174 +}
   2.175 +
   2.176 +#sidebar h4 { margin: 0 0 2px 12px; }
   2.177 +#sidebar ul { list-style-type: none; padding: 0; }
   2.178 +
   2.179 +/* Content */
   2.180 +
   2.181 +#content { margin: 20px; }
   2.182 +#content-sidebar { margin: 20px 120px 20px 20px; }
   2.183 +#wrapper { margin: 10px 0 20px; }
   2.184 +
   2.185 +#actions {
   2.186 +  min-height: 20px;
   2.187 +  padding: 16px 0;
   2.188 +}
   2.189 +
   2.190 +#actions p { margin: 6px 0; }
   2.191 +
   2.192 +.search {
   2.193 +  position: absolute;
   2.194 +  right: 40px;
   2.195 +  top: 43px;
   2.196 +}
   2.197 +
   2.198 +.search * {
   2.199 +  font-size: 11px!important;
   2.200 +}
   2.201 +
   2.202 +.search input[type=submit] {
   2.203 +  letter-spacing: 1px;
   2.204 +  padding: 5px;
   2.205 +  margin-left: -4px;
   2.206 +  background: #DEDCD0;
   2.207 +  cursor: pointer;
   2.208 +  color: #000;
   2.209 +  font-weight: normal;
   2.210 +  border-radius: 0px;
   2.211 +}
   2.212 +
   2.213 +.search input[type=submit].radius  {
   2.214 +  border-radius: 4px;
   2.215 +  border-top-left-radius: 0px;
   2.216 +  border-bottom-left-radius: 0px;
   2.217 +}
   2.218 +
   2.219 +.search input[type=text] {
   2.220 +  background: #F2F2F2;
   2.221 +  color: #453A1C;
   2.222 +  border: 2px solid #DEDCD0;
   2.223 +  padding: 4px;
   2.224 +  height: 17px;
   2.225 +  margin: 0;
   2.226 +  width: 200px;
   2.227 +  border-top-left-radius: 4px;
   2.228 +  border-bottom-left-radius: 4px;
   2.229 +}
   2.230 +
   2.231 +.box {
   2.232 +  margin: 10px 0;
   2.233 +  padding: 12px;
   2.234 +  background: #FFF;
   2.235 +  border: 1px solid #D1D1C7;
   2.236 +  box-shadow: 0 0 4px 0 #C2C1B8;
   2.237 +}
   2.238 +
   2.239 +.box ul { list-style-type: none; padding: 0; }
   2.240 +
   2.241 +.debug {
   2.242 +  position: fixed;
   2.243 +  bottom: 0px;
   2.244 +  right: 10px;
   2.245 +  left: 10px;
   2.246 +  margin: 5px;
   2.247 +  padding: 4px 10px;
   2.248 +  background: #453A1C;
   2.249 +  color: #FFF;
   2.250 +  border: 0;
   2.251 +  font-size: 12px;
   2.252 +  opacity: 0.9;
   2.253 +}
   2.254 +
   2.255 +.float-left {
   2.256 +  float: left;
   2.257 +}
   2.258 +.float-right {
   2.259 +  float: right;
   2.260 +}
   2.261 +
   2.262 +/* Table */
   2.263 +
   2.264 +table {
   2.265 +  background-color: #f8f8f8;
   2.266 +  border: 1px solid #DBD9CC;
   2.267 +  padding: 10px;
   2.268 +  width: 100%;
   2.269 +  margin: 0 0 6px 0;
   2.270 +}
   2.271 +
   2.272 +table a { color: #000; }
   2.273 +table a:hover { color: #666; }
   2.274 +td.small { min-width: 60px; }
   2.275 +td.pkg { max-width: 160px; }
   2.276 +td.desc { max-width: 300px; }
   2.277 +td.pct { min-width: 200px; background: #E3E1D3; }
   2.278 +div.pct { background: #ccc; }
   2.279 +td.pct, div.pct { border-radius: 2px; }
   2.280 +
   2.281 +#thead, .thead, thead {
   2.282 +  height: 10px;
   2.283 +  font-weight: bold;
   2.284 +}
   2.285 +
   2.286 +/*
   2.287 + * Table Zebra
   2.288 + */
   2.289 +
   2.290 +table.zebra {
   2.291 +  border: none;
   2.292 +  border-collapse: collapse;
   2.293 +  margin: 16px 0;
   2.294 +  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #D1D0C3;
   2.295 +}
   2.296 +table.zebra tr:nth-child(even) {
   2.297 +  background-color: #E3E1D4;
   2.298 +}
   2.299 +table.zebra thead tr td {
   2.300 +  height: 22px;
   2.301 +  background-color: #E3E1D3;
   2.302 +  text-align: center;
   2.303 +  vertical-align: middle;
   2.304 +}
   2.305 +table.zebra td + td {
   2.306 +  border-left: 1px solid #DBD9CC;
   2.307 +}
   2.308 +
   2.309 +
   2.310 +/*
   2.311 + * syntax_highlighter
   2.312 + */
   2.313 +
   2.314 +span.conf-comment { color: #666; }
   2.315 +span.conf-var { color: #392600; }
   2.316 +span.conf-val, span.sh-val { color: #f35a00; }
   2.317 +span.sh-comment { color: #b20000; }
   2.318 +span.activity-log { color: #888; }
   2.319 +span.diff-rm { color: red; }
   2.320 +span.diff-add { color: green; }
   2.321 +span.diff-at { color: blue;  }
   2.322 +span.top { color: #00c800; font-weight: normal; }
   2.323 +span.kernel-hex { color: #18A423; }
   2.324 +span.kernel-id { color: #287FC7; }
   2.325 +span.kernel-id2 { color: #843523; }
   2.326 +
   2.327 +/* alert messages */
   2.328 +span.msg-ok { color: limegreen; }
   2.329 +span.msg-nok { color: tomato; }
   2.330 +
   2.331 +/* Misc */
   2.332 +
   2.333 +pre, .pre-main { 
   2.334 +  font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace;
   2.335 +  background-color: #f8f8f8; 
   2.336 +  border: 1px solid #DBD9CC; 
   2.337 +  padding: 10px;
   2.338 +  margin: 10px 0;
   2.339 +  overflow: auto;
   2.340 +}
   2.341 +
   2.342 +.pre-main { margin: 16px 0; }
   2.343 +
   2.344 +input[type=submit], select, .button {
   2.345 +  padding: 4px;
   2.346 +  margin: 0;
   2.347 +  background-color: #f1f1f1;
   2.348 +  border: 1px solid #DBD9CC;
   2.349 +  cursor: pointer;
   2.350 +  color: #000;
   2.351 +}
   2.352 +a.button {
   2.353 +  white-space: nowrap;
   2.354 +  height: 16px;
   2.355 +  margin: 2px 0;
   2.356 +  display: inline-block;
   2.357 +}
   2.358 +
   2.359 +input[type=submit]:hover, select:hover, .button:hover {
   2.360 +  background-color: #DBD9CC;
   2.361 +  border: 1px solid #999;
   2.362 +}
   2.363 +
   2.364 +input[type=text], input[type=password] { height: 18px; }
   2.365 +
   2.366 +div.scroll { height: 200px; overflow: auto;
   2.367 +  border: 1px solid #DBD9CC; }
   2.368 +div.scroll table { border: 0px solid #fff; }
   2.369 +
   2.370 +#terminal {
   2.371 +  background: #000;
   2.372 +  color: #fff;
   2.373 +  border: 1px solid #444;
   2.374 +  min-height: 180px;
   2.375 +  opacity: 0.8;
   2.376 +}
   2.377 +
   2.378 +/* Round corner */
   2.379 +
   2.380 +#loading, table, pre, input[type=submit], .debug, .box,
   2.381 +.button, div.scroll {
   2.382 +  /*-moz-border-radius: 4px;
   2.383 +  -webkit-border-radius: 4px; */
   2.384 +  border-radius: 4px;
   2.385 +}
   2.386 +
   2.387 +/* Help page */
   2.388 +
   2.389 +#help { text-align: justify; }
   2.390 +#help a { color: #215090; text-decoration: underline; }
   2.391 +#help a:hover { text-decoration: none; color: blue; }
   2.392 +
   2.393 +/* Footer */
   2.394 +
   2.395 +#footer {
   2.396 +  /* border-bottom: 1px solid #c1baad; */
   2.397 +  height: 25px;
   2.398 +  text-align: center;
   2.399 +  padding: 40px 10px;
   2.400 +  font-size: 11px;
   2.401 +  color: inherit;
   2.402 +}
   2.403 +
   2.404 +#footer a { color: #817553; text-decoration:underline; }
   2.405 +#footer a:hover { color: #2B2513; text-decoration:none; }
   2.406 +
   2.407 +/* HTML5 Meter */
   2.408 +.meter {
   2.409 +  height: 22px;
   2.410 +  min-width: 200px;
   2.411 +  cursor: default;
   2.412 +}
   2.413 +.meter meter {
   2.414 +  height: inherit;
   2.415 +  width: 100%;
   2.416 +  display: block;
   2.417 +  border: 1px solid #DBD9CC;
   2.418 +  border-radius: 4px;
   2.419 +}
   2.420 +.meter span {
   2.421 +  height: 22px;
   2.422 +  display: block;
   2.423 +  white-space: nowrap;
   2.424 +  position: absolute;
   2.425 +  margin: -18px auto 0 2px;
   2.426 +}
   2.427 +
   2.428 +
   2.429 +a.button, input {
   2.430 +  -webkit-transition: all 0.3s ease-in-out;
   2.431 +  -moz-transition: all 0.3s ease-in-out;
   2.432 +  -o-transition: all 0.3s ease-in-out;
   2.433 +  -ms-transition: all 0.3s ease-in-out;
   2.434 +  transition: all 0.3s ease-in-out;
   2.435 +}
   2.436 +
   2.437 +input {
   2.438 +  border: 1px solid #B4AC95!important;
   2.439 +  border-radius: 2px!important;
   2.440 +}