tazpanel rev 311
change 'zebra' table styles to use in scrollable tables
| author | Aleksej Bobylev <al.bobylev@gmail.com> |
|---|---|
| date | Thu May 17 14:02:41 2012 +0300 (2012-05-17) |
| parents | 4074126a8eb0 |
| children | 42367a53cf50 |
| files | hardware.cgi index.cgi lib/libtazpanel network.cgi pkgs.cgi settings.cgi styles/default/style.css |
line diff
1.1 --- a/hardware.cgi Tue May 15 06:21:56 2012 +0000 1.2 +++ b/hardware.cgi Thu May 17 14:02:41 2012 +0300 1.3 @@ -210,7 +210,7 @@ 1.4 # Disk stats and management (mount, umount, check) 1.5 # 1.6 cat << EOT 1.7 -<table class="zebra"> 1.8 +<table class="zebra outbox"> 1.9 EOT 1.10 df_thead 1.11 echo '<tbody>'
2.1 --- a/index.cgi Tue May 15 06:21:56 2012 +0000 2.2 +++ b/index.cgi Thu May 17 14:02:41 2012 +0300 2.3 @@ -201,7 +201,7 @@ 2.4 xhtml_header 2.5 cat << EOT 2.6 <h2>$(eval_gettext 'Reporting to: $output')</h2> 2.7 -<table class="zebra"> 2.8 +<table class="zebra outbox"> 2.9 <tbody> 2.10 <tr><td>$(gettext 'Creating report header...')</td> 2.11 EOT 2.12 @@ -371,7 +371,7 @@ 2.13 EOT 2.14 # Disk stats (management is done as hardware.cgi) 2.15 cat << EOT 2.16 -<table class="zebra"> 2.17 +<table class="zebra outbox"> 2.18 EOT 2.19 df_thead 2.20 echo '<tbody>'
3.1 --- a/lib/libtazpanel Tue May 15 06:21:56 2012 +0000 3.2 +++ b/lib/libtazpanel Thu May 17 14:02:41 2012 +0300 3.3 @@ -95,7 +95,7 @@ 3.4 # Catch network interface (used in summary and network main page) 3.5 list_network_interfaces() { 3.6 cat << EOT 3.7 -<table class="zebra"> 3.8 +<table class="zebra outbox"> 3.9 <thead> 3.10 <tr> 3.11 <td>$(gettext 'Interface')</td>
4.1 --- a/network.cgi Tue May 15 06:21:56 2012 +0000 4.2 +++ b/network.cgi Thu May 17 14:02:41 2012 +0300 4.3 @@ -17,7 +17,7 @@ 4.4 detect_wifi_networks() 4.5 { 4.6 cat << EOT 4.7 -<table class="zebra"> 4.8 +<table class="zebra outbox"> 4.9 <thead> 4.10 <tr> 4.11 <td>$(gettext 'Name')</td>
5.1 --- a/pkgs.cgi Tue May 15 06:21:56 2012 +0000 5.2 +++ b/pkgs.cgi Thu May 17 14:02:41 2012 +0300 5.3 @@ -46,7 +46,7 @@ 5.4 # Display a full summary of packages stats 5.5 packages_summary() { 5.6 cat << EOT 5.7 -<table class="zebra"> 5.8 +<table class="zebra outbox"> 5.9 <tbody> 5.10 <tr><td>$(gettext 'Last recharge:')</td> 5.11 EOT 5.12 @@ -234,7 +234,7 @@ 5.13 </div> 5.14 EOT 5.15 cat << EOT 5.16 -<table class="zebra"> 5.17 +<table class="zebra outbox"> 5.18 $(table_head) 5.19 <tbody> 5.20 EOT 5.21 @@ -293,7 +293,7 @@ 5.22 </div> 5.23 EOT 5.24 cat << EOT 5.25 -<table class="zebra"> 5.26 +<table class="zebra outbox"> 5.27 $(table_head) 5.28 <tbody> 5.29 EOT 5.30 @@ -367,7 +367,7 @@ 5.31 EOT 5.32 fi 5.33 cat << EOT 5.34 -<table class="zebra"> 5.35 +<table class="zebra outbox"> 5.36 $(table_head) 5.37 <tbody> 5.38 EOT 5.39 @@ -414,7 +414,7 @@ 5.40 </div> 5.41 <input type="hidden" name="repo" value="$repo" /> 5.42 5.43 - <table class="zebra"> 5.44 + <table class="zebra outbox"> 5.45 EOT 5.46 if [ "$(GET files)" ]; then 5.47 cat <<EOT 5.48 @@ -523,7 +523,7 @@ 5.49 EOT 5.50 tazpkg up --check >/dev/null 5.51 cat << EOT 5.52 -<table class="zebra"> 5.53 +<table class="zebra outbox"> 5.54 $(table_head) 5.55 <tbody> 5.56 EOT 5.57 @@ -660,7 +660,7 @@ 5.58 </p> 5.59 </div> 5.60 </div> 5.61 -<table class="zebra"> 5.62 +<table class="zebra outbox"> 5.63 <tbody> 5.64 <tr><td>$(gettext 'Name:')</td><td>$PACKAGE</td></tr> 5.65 <tr><td>$(gettext 'Version:')</td><td>$VERSION</td></tr>
6.1 --- a/settings.cgi Tue May 15 06:21:56 2012 +0000 6.2 +++ b/settings.cgi Thu May 17 14:02:41 2012 +0300 6.3 @@ -96,7 +96,7 @@ 6.4 </div> 6.5 </div> 6.6 6.7 -<table class="zebra"> 6.8 +<table class="zebra outbox"> 6.9 <thead> 6.10 <tr class="thead"> 6.11 <td>$(gettext 'Login')</td>
7.1 --- a/styles/default/style.css Tue May 15 06:21:56 2012 +0000 7.2 +++ b/styles/default/style.css Thu May 17 14:02:41 2012 +0300 7.3 @@ -1,13 +1,12 @@ 7.4 /* 7.5 - * CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux 7.6 - * 7.7 + * CSS style for TazPanel - (C) 2011-12 SliTaz GNU/Linux 7.8 */ 7.9 7.10 /* To always have a scroll bar */ 7.11 html { 7.12 min-height: 102%; 7.13 -} 7.14 - 7.15 +} 7.16 + 7.17 body { 7.18 background: #ffffff; 7.19 color: black; 7.20 @@ -72,7 +71,7 @@ 7.21 border-top-left-radius: 3px; 7.22 } 7.23 #menu li ul { 7.24 - display: none; 7.25 + display: none; 7.26 min-width: 180px; 7.27 background-color: #f1efeb; 7.28 border: 1px solid #c1baad; 7.29 @@ -100,19 +99,6 @@ 7.30 border-radius: 2px; 7.31 /* border: 1px solid #c1baad; */ 7.32 } 7.33 -/* addings 7.34 - * 7.35 - */ 7.36 -#menu > ul { 7.37 - visibility: hidden; 7.38 - opacity: 0; 7.39 - transition: visibility 0s linear 0.5s, opacity 0.5s linear; 7.40 -} 7.41 -#menu:hover > ul { 7.42 - visibility: visible; 7.43 - opacity: 1; 7.44 - transition-delay: 0s; 7.45 -} 7.46 7.47 7.48 #icons { margin: 3px 8px; float: right; } 7.49 @@ -266,8 +252,7 @@ 7.50 table.zebra { 7.51 border: none; 7.52 border-collapse: collapse; 7.53 - margin: 16px 0; 7.54 - box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc; 7.55 + margin: 0; 7.56 } 7.57 table.zebra tr:nth-child(even) { 7.58 background-color: rgba(0,0,0,0.05); 7.59 @@ -281,7 +266,12 @@ 7.60 table.zebra td + td { 7.61 border-left: 1px solid #ddd; 7.62 } 7.63 - 7.64 +.outbox { 7.65 + box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc; 7.66 +} 7.67 +.fixed { 7.68 + table-layout: fixed; 7.69 +} 7.70 7.71 /* 7.72 * syntax_highlighter 7.73 @@ -306,10 +296,10 @@ 7.74 7.75 /* Misc */ 7.76 7.77 -pre, .pre-main { 7.78 +pre, .pre-main { 7.79 font: 13px "DejaVu Sans Mono", "Droid Sans Mono", "Liberation Mono", FreeMono, monospace; 7.80 - background-color: #f8f8f8; 7.81 - border: 1px solid #ddd; 7.82 + background-color: #f8f8f8; 7.83 + border: 1px solid #ddd; 7.84 padding: 10px; 7.85 margin: 10px 0; 7.86 overflow: auto; 7.87 @@ -354,7 +344,7 @@ 7.88 /* Round corner */ 7.89 7.90 #loading, table, pre, input[type=submit], .debug, .box, 7.91 -.button, div.scroll { 7.92 +.button, div.scroll, .outbox { 7.93 /*-moz-border-radius: 4px; 7.94 -webkit-border-radius: 4px; */ 7.95 border-radius: 4px;