# HG changeset patch
# User Aleksej Bobylev <al.bobylev@gmail.com>
# Date 1403524453 -10800
# Node ID 6d57be5e4797d4b0c769007b90260aaedc53c12e
# Parent  b0e7329ba147587132fb98b81d6675e1d47eacf0
Add: tazpanel-theme-sandfive

diff -r b0e7329ba147 -r 6d57be5e4797 tazpanel-theme-sandfive/receipt
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/tazpanel-theme-sandfive/receipt	Mon Jun 23 14:54:13 2014 +0300
@@ -0,0 +1,35 @@
+# SliTaz package receipt.
+
+PACKAGE="tazpanel-theme-sandfive"
+VERSION="1.0"
+CATEGORY="misc"
+SHORT_DESC="SliTaz Sand Five theme for TazPanel"
+MAINTAINER="holkfoor@gmail.com"
+LICENSE="PublicDomain"
+WEB_SITE="http://www.slitaz.org/"
+
+DEPENDS="tazpanel"
+
+# Rules to gen a SliTaz package suitable for Tazpkg.
+genpkg_rules()
+{
+	mkdir -p $fs/var/www/tazpanel/styles/sandfive
+	cp -a stuff/* $fs/var/www/tazpanel/styles/sandfive
+
+	# link absent files with default theme
+	cd $fs/var/www/tazpanel/styles/sandfive
+	for i in favicon.ico footer.html header.html images; do
+		ln -s ../default/$i $i
+	done
+}
+
+# Pre and post install commands for Tazpkg.
+post_install()
+{
+	sed -i 's|STYLE=".*"|STYLE="sandfive"|' $1/etc/slitaz/tazpanel.conf
+}
+
+pre_remove()
+{
+	sed -i 's|STYLE=".*"|STYLE="default"|' $1/etc/slitaz/tazpanel.conf
+}
diff -r b0e7329ba147 -r 6d57be5e4797 tazpanel-theme-sandfive/stuff/style.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/tazpanel-theme-sandfive/stuff/style.css	Mon Jun 23 14:54:13 2014 +0300
@@ -0,0 +1,437 @@
+/*
+ *  CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
+ * 
+*/
+
+/* To always have a scroll bar */
+html {
+  min-height:  102%;
+} 
+ 
+body {
+  background: #F0EFE4;
+  color: #453A1C;
+  font: 12px "Coda", "Sans", FreeSans, sans-serif;
+  margin: 25px 0 0;
+}
+
+* {
+  outline: 0;
+}
+
+h1 { color: #CE895E; padding: 6px 0 0 20px; font-size: 180%; }
+h2 { color: #5E4F26; margin: 10px 0 10px; font-size: 150%; }
+h3 { color: #453A1C; font-size: 140%; }
+h4 { color: #453A1C; font-size: 120%; margin: 10px 0 5px; }
+img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;}
+p { margin: 10px 0; }
+ul { list-style-type: square; }
+li { padding: 4px 0; }
+a { text-decoration: none; color: #807455; }
+a:hover { color: #2A220E; }
+
+/* Header and main title */
+
+#header {
+  background: #FAFAFA;
+  text-shadow: 1px 1px 1px rgb(220,220,220);
+  padding: 10px 0;
+  box-shadow: inset 0 0 10px 0 rgb(200,200,200);
+}
+
+/* Desktop gui style bar */
+
+#toolbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 23px;
+  width: 100%;
+  padding: 4px 0;
+  background: #DBD9CC;
+  border-bottom: 1px solid #F2F2F2;
+  z-index: 200;
+  cursor: default;
+}
+
+#menu {
+  margin: 0;
+  padding: 0;
+}
+#menu li {
+  list-style: none;
+  float: left;
+  padding: 0;
+}
+#menu li a {
+  display: block;
+  padding: 4px 6px;
+  background-color: inherit;
+  text-decoration: none;
+  cursor: default;
+  color: #000;
+}
+#menu li a:hover {
+  color: #FFF;
+  background: #CE895E; /* no support gradient */
+  background-image: linear-gradient(to bottom, #DFA17B, #CE895E);
+  background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E);
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+}
+#menu li ul {
+  display: none; 
+  min-width: 180px;
+  background: #DBD9CC;
+  border: 1px solid #D1D0C3;
+}
+#menu li ul a {
+  padding: 4px 6px;
+}
+#menu li:hover ul {
+  display: block;
+  position: absolute;
+  margin: 0;
+  padding: 0;
+}
+#menu li:hover li {
+  float: none;
+}
+#menu li:hover li a {
+  background-color: #DBD9CC;
+  color: #453A1C;
+}
+#menu li li a { border: none; }
+#menu li li a:hover {
+  background: #CE895E; /* no support gradient */
+  background-image: linear-gradient(to bottom, #DFA17B, #CE895E);
+  background-image: webkit-linear-gradient(to bottom, #DFA17B, #CE895E);
+  color: #FFF;
+  border-radius: 2px;
+}
+/* addings
+ * 
+ */
+#menu > ul {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
+}
+#menu:hover > ul {
+  visibility: visible;
+  opacity: 1;
+  transition-delay: 0s;
+}
+
+
+#icons { margin: 3px 8px; float: right; }
+#icons img { padding: 0; }
+
+#loading {
+  z-index: 1000;
+  background: #F6F6A8;
+  color: #453A1C;
+  text-align: center;
+  cursor: progress;
+  position: fixed;
+  top: 123px;
+  right: 0px;
+  width: 248px;
+  padding: 40px 12px;
+  border: 2px solid #E38E5E;
+  /* box-shadow: 0 0 2000px 2000px #453A1C; */
+}
+
+/* Blocks */
+
+#block { float: left; }
+
+/* Sidebar menus */
+
+#sidebar {
+  background: rgba(255,255,255, .5);
+  position: fixed;
+  top: 118px;
+  right: 0;
+  width: 116px;
+  padding: 20px 0;
+  border-radius: 4px;
+  box-shadow: 0 0 10px 0 rgba(0,0,0, .3);
+}
+
+#sidebar a {
+  display: block;
+  padding: 0px 0 0px 12px;
+  margin: 0;
+}
+
+#sidebar a.active {
+  color: #000;
+  font-weight: bold;
+}
+
+#sidebar h4 { margin: 0 0 2px 12px; }
+#sidebar ul { list-style-type: none; padding: 0; }
+
+/* Content */
+
+#content { margin: 20px; }
+#content-sidebar { margin: 20px 120px 20px 20px; }
+#wrapper { margin: 10px 0 20px; }
+
+#actions {
+  min-height: 20px;
+  padding: 16px 0;
+}
+
+#actions p { margin: 6px 0; }
+
+.search {
+  position: absolute;
+  right: 40px;
+  top: 43px;
+}
+
+.search * {
+  font-size: 11px!important;
+}
+
+.search input[type=submit] {
+  letter-spacing: 1px;
+  padding: 5px;
+  margin-left: -4px;
+  background: #DEDCD0;
+  cursor: pointer;
+  color: #000;
+  font-weight: normal;
+  border-radius: 0px;
+}
+
+.search input[type=submit].radius  {
+  border-radius: 4px;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+.search input[type=text] {
+  background: #F2F2F2;
+  color: #453A1C;
+  border: 2px solid #DEDCD0;
+  padding: 4px;
+  height: 17px;
+  margin: 0;
+  width: 200px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.box {
+  margin: 10px 0;
+  padding: 12px;
+  background: #FFF;
+  border: 1px solid #D1D1C7;
+  box-shadow: 0 0 4px 0 #C2C1B8;
+}
+
+.box ul { list-style-type: none; padding: 0; }
+
+.debug {
+  position: fixed;
+  bottom: 0px;
+  right: 10px;
+  left: 10px;
+  margin: 5px;
+  padding: 4px 10px;
+  background: #453A1C;
+  color: #FFF;
+  border: 0;
+  font-size: 12px;
+  opacity: 0.9;
+}
+
+.float-left {
+  float: left;
+}
+.float-right {
+  float: right;
+}
+
+/* Table */
+
+table {
+  background-color: #f8f8f8;
+  border: 1px solid #DBD9CC;
+  padding: 10px;
+  width: 100%;
+  margin: 0 0 6px 0;
+}
+
+table a { color: #000; }
+table a:hover { color: #666; }
+td.small { min-width: 60px; }
+td.pkg { max-width: 160px; }
+td.desc { max-width: 300px; }
+td.pct { min-width: 200px; background: #E3E1D3; }
+div.pct { background: #ccc; }
+td.pct, div.pct { border-radius: 2px; }
+
+#thead, .thead, thead {
+  height: 10px;
+  font-weight: bold;
+}
+
+/*
+ * Table Zebra
+ */
+
+table.zebra {
+  border: none;
+  border-collapse: collapse;
+  margin: 16px 0;
+  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #D1D0C3;
+}
+table.zebra tr:nth-child(even) {
+  background-color: #E3E1D4;
+}
+table.zebra thead tr td {
+  height: 22px;
+  background-color: #E3E1D3;
+  text-align: center;
+  vertical-align: middle;
+}
+table.zebra td + td {
+  border-left: 1px solid #DBD9CC;
+}
+
+
+/*
+ * syntax_highlighter
+ */
+
+span.conf-comment { color: #666; }
+span.conf-var { color: #392600; }
+span.conf-val, span.sh-val { color: #f35a00; }
+span.sh-comment { color: #b20000; }
+span.activity-log { color: #888; }
+span.diff-rm { color: red; }
+span.diff-add { color: green; }
+span.diff-at { color: blue;  }
+span.top { color: #00c800; font-weight: normal; }
+span.kernel-hex { color: #18A423; }
+span.kernel-id { color: #287FC7; }
+span.kernel-id2 { color: #843523; }
+
+/* alert messages */
+span.msg-ok { color: limegreen; }
+span.msg-nok { color: tomato; }
+
+/* Misc */
+
+pre, .pre-main { 
+  font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace;
+  background-color: #f8f8f8; 
+  border: 1px solid #DBD9CC; 
+  padding: 10px;
+  margin: 10px 0;
+  overflow: auto;
+}
+
+.pre-main { margin: 16px 0; }
+
+input[type=submit], select, .button {
+  padding: 4px;
+  margin: 0;
+  background-color: #f1f1f1;
+  border: 1px solid #DBD9CC;
+  cursor: pointer;
+  color: #000;
+}
+a.button {
+  white-space: nowrap;
+  height: 16px;
+  margin: 2px 0;
+  display: inline-block;
+}
+
+input[type=submit]:hover, select:hover, .button:hover {
+  background-color: #DBD9CC;
+  border: 1px solid #999;
+}
+
+input[type=text], input[type=password] { height: 18px; }
+
+div.scroll { height: 200px; overflow: auto;
+  border: 1px solid #DBD9CC; }
+div.scroll table { border: 0px solid #fff; }
+
+#terminal {
+  background: #000;
+  color: #fff;
+  border: 1px solid #444;
+  min-height: 180px;
+  opacity: 0.8;
+}
+
+/* Round corner */
+
+#loading, table, pre, input[type=submit], .debug, .box,
+.button, div.scroll {
+  /*-moz-border-radius: 4px;
+  -webkit-border-radius: 4px; */
+  border-radius: 4px;
+}
+
+/* Help page */
+
+#help { text-align: justify; }
+#help a { color: #215090; text-decoration: underline; }
+#help a:hover { text-decoration: none; color: blue; }
+
+/* Footer */
+
+#footer {
+  /* border-bottom: 1px solid #c1baad; */
+  height: 25px;
+  text-align: center;
+  padding: 40px 10px;
+  font-size: 11px;
+  color: inherit;
+}
+
+#footer a { color: #817553; text-decoration:underline; }
+#footer a:hover { color: #2B2513; text-decoration:none; }
+
+/* HTML5 Meter */
+.meter {
+  height: 22px;
+  min-width: 200px;
+  cursor: default;
+}
+.meter meter {
+  height: inherit;
+  width: 100%;
+  display: block;
+  border: 1px solid #DBD9CC;
+  border-radius: 4px;
+}
+.meter span {
+  height: 22px;
+  display: block;
+  white-space: nowrap;
+  position: absolute;
+  margin: -18px auto 0 2px;
+}
+
+
+a.button, input {
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+
+input {
+  border: 1px solid #B4AC95!important;
+  border-radius: 2px!important;
+}