# HG changeset patch
# User Aleksej Bobylev <al.bobylev@gmail.com>
# Date 1337252561 -10800
# Node ID 3e9acc16f7282786486abe612ac0eaa39a325b35
# Parent  4074126a8eb018cb35059fd91b658af1bb8b2925
change 'zebra' table styles to use in scrollable tables

diff -r 4074126a8eb0 -r 3e9acc16f728 hardware.cgi
--- a/hardware.cgi	Tue May 15 06:21:56 2012 +0000
+++ b/hardware.cgi	Thu May 17 14:02:41 2012 +0300
@@ -210,7 +210,7 @@
 		# Disk stats and management (mount, umount, check)
 		#
 		cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 EOT
 		df_thead
 		echo '<tbody>'
diff -r 4074126a8eb0 -r 3e9acc16f728 index.cgi
--- a/index.cgi	Tue May 15 06:21:56 2012 +0000
+++ b/index.cgi	Thu May 17 14:02:41 2012 +0300
@@ -201,7 +201,7 @@
 		xhtml_header
 		cat << EOT
 <h2>$(eval_gettext 'Reporting to: $output')</h2>
-<table class="zebra">
+<table class="zebra outbox">
 <tbody>
 	<tr><td>$(gettext 'Creating report header...')</td>
 EOT
@@ -371,7 +371,7 @@
 EOT
 		# Disk stats (management is done as hardware.cgi)
 		cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 EOT
 		df_thead
 		echo '<tbody>'
diff -r 4074126a8eb0 -r 3e9acc16f728 lib/libtazpanel
--- a/lib/libtazpanel	Tue May 15 06:21:56 2012 +0000
+++ b/lib/libtazpanel	Thu May 17 14:02:41 2012 +0300
@@ -95,7 +95,7 @@
 # Catch network interface (used in summary and network main page)
 list_network_interfaces() {
 	cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 	<thead>
 		<tr>
 			<td>$(gettext 'Interface')</td>
diff -r 4074126a8eb0 -r 3e9acc16f728 network.cgi
--- a/network.cgi	Tue May 15 06:21:56 2012 +0000
+++ b/network.cgi	Thu May 17 14:02:41 2012 +0300
@@ -17,7 +17,7 @@
 detect_wifi_networks()
 {
 	cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 	<thead>
 		<tr>
 			<td>$(gettext 'Name')</td>
diff -r 4074126a8eb0 -r 3e9acc16f728 pkgs.cgi
--- a/pkgs.cgi	Tue May 15 06:21:56 2012 +0000
+++ b/pkgs.cgi	Thu May 17 14:02:41 2012 +0300
@@ -46,7 +46,7 @@
 # Display a full summary of packages stats
 packages_summary() {
 	cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 <tbody>
 <tr><td>$(gettext 'Last recharge:')</td>
 EOT
@@ -234,7 +234,7 @@
 </div>
 EOT
 		cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 $(table_head)
 <tbody>
 EOT
@@ -293,7 +293,7 @@
 </div>
 EOT
 		cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 $(table_head)
 <tbody>
 EOT
@@ -367,7 +367,7 @@
 EOT
 			fi
 			cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 $(table_head)
 <tbody>
 EOT
@@ -414,7 +414,7 @@
 </div>
 	<input type="hidden" name="repo" value="$repo" />
 
-	<table class="zebra">
+	<table class="zebra outbox">
 EOT
 		if [ "$(GET files)" ]; then
 			cat <<EOT
@@ -523,7 +523,7 @@
 EOT
 		tazpkg up --check >/dev/null
 		cat << EOT
-<table class="zebra">
+<table class="zebra outbox">
 $(table_head)
 <tbody>
 EOT
@@ -660,7 +660,7 @@
 		</p>
 	</div>
 </div>
-<table class="zebra">
+<table class="zebra outbox">
 <tbody>
 	<tr><td>$(gettext 'Name:')</td><td>$PACKAGE</td></tr>
 	<tr><td>$(gettext 'Version:')</td><td>$VERSION</td></tr>
diff -r 4074126a8eb0 -r 3e9acc16f728 settings.cgi
--- a/settings.cgi	Tue May 15 06:21:56 2012 +0000
+++ b/settings.cgi	Thu May 17 14:02:41 2012 +0300
@@ -96,7 +96,7 @@
 	</div>
 </div>
 
-<table class="zebra">
+<table class="zebra outbox">
 <thead>
 <tr class="thead">
 	<td>$(gettext 'Login')</td>
diff -r 4074126a8eb0 -r 3e9acc16f728 styles/default/style.css
--- a/styles/default/style.css	Tue May 15 06:21:56 2012 +0000
+++ b/styles/default/style.css	Thu May 17 14:02:41 2012 +0300
@@ -1,13 +1,12 @@
 /*
- * 	CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
- * 
+ * CSS style for TazPanel - (C) 2011-12 SliTaz GNU/Linux
 */
 
 /* To always have a scroll bar */
 html {
 	min-height:  102%;
-} 
- 
+}
+
 body {
 	background: #ffffff;
 	color: black;
@@ -72,7 +71,7 @@
 	border-top-left-radius: 3px;
 }
 #menu li ul {
-	display: none; 
+	display: none;
 	min-width: 180px;
 	background-color: #f1efeb;
 	border: 1px solid #c1baad;
@@ -100,19 +99,6 @@
 	border-radius: 2px;
 	/* border: 1px solid #c1baad; */
 }
-/* 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; }
@@ -266,8 +252,7 @@
 table.zebra {
 	border: none;
 	border-collapse: collapse;
-	margin: 16px 0;
-	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
+	margin: 0;
 }
 table.zebra tr:nth-child(even) {
 	background-color: rgba(0,0,0,0.05);
@@ -281,7 +266,12 @@
 table.zebra td + td {
 	border-left: 1px solid #ddd;
 }
-
+.outbox {
+	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
+}
+.fixed {
+	table-layout: fixed;
+}
 
 /*
  * syntax_highlighter
@@ -306,10 +296,10 @@
 
 /* Misc */
 
-pre, .pre-main { 
+pre, .pre-main {
 	font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace;
-	background-color: #f8f8f8; 
-	border: 1px solid #ddd; 
+	background-color: #f8f8f8;
+	border: 1px solid #ddd;
 	padding: 10px;
 	margin: 10px 0;
 	overflow: auto;
@@ -354,7 +344,7 @@
 /* Round corner */
 
 #loading, table, pre, input[type=submit], .debug, .box,
-.button, div.scroll {
+.button, div.scroll, .outbox {
 	/*-moz-border-radius: 4px;
 	-webkit-border-radius: 4px; */
 	border-radius: 4px;