Demos & themes: include caption in metro theme; add to various demos

This commit is contained in:
Mottie 2014-09-27 11:35:42 -05:00
parent 121e275ec8
commit 8320e12ea5
6 changed files with 6 additions and 3 deletions

View File

@ -165,7 +165,7 @@ Test out these custom less files live
padding: @overallPadding; padding: @overallPadding;
} }
.dark-row th, .dark-row td { .dark-row th, .dark-row td, caption.dark-row {
background-color: darken( @headerBackground, 10% ); background-color: darken( @headerBackground, 10% );
} }

View File

@ -5,7 +5,7 @@
.tablesorter-jui { .tablesorter-jui {
width: 100%; width: 100%;
border-collapse: separate; border-collapse: separate;
border-spacing: 2px; /* adjust spacing between table cells */ border-spacing: 2px; /* adjust spacing between table cells */
margin: 10px 0 15px; margin: 10px 0 15px;
padding: 5px; padding: 5px;
font-size: 0.8em; font-size: 0.8em;

View File

@ -12,7 +12,7 @@ Metro Dark Theme
text-align: left; text-align: left;
} }
.tablesorter-metro-dark tr.dark-row th, .tablesorter-metro-dark tr.dark-row td { .tablesorter-metro-dark tr.dark-row th, .tablesorter-metro-dark tr.dark-row td, .tablesorter-metro-dark caption.dark-row {
background-color: #222; background-color: #222;
color: #fff; color: #fff;
padding: 2px; padding: 2px;

View File

@ -24,6 +24,7 @@
<link class="theme" rel="stylesheet" href="../css/theme.black-ice.css"> <link class="theme" rel="stylesheet" href="../css/theme.black-ice.css">
<link class="theme" rel="stylesheet" href="../css/theme.dark.css"> <link class="theme" rel="stylesheet" href="../css/theme.dark.css">
<link class="theme" rel="stylesheet" href="../css/theme.dropbox.css"> <link class="theme" rel="stylesheet" href="../css/theme.dropbox.css">
<link class="theme" rel="stylesheet" href="../css/theme.metro-dark.css">
<style id="css">/* wrapper of table 2 */ <style id="css">/* wrapper of table 2 */
.wrapper { .wrapper {

View File

@ -24,6 +24,7 @@
<link class="theme black-ice" rel="stylesheet" href="../css/theme.black-ice.css"> <link class="theme black-ice" rel="stylesheet" href="../css/theme.black-ice.css">
<link class="theme dark" rel="stylesheet" href="../css/theme.dark.css"> <link class="theme dark" rel="stylesheet" href="../css/theme.dark.css">
<link class="theme dropbox" rel="stylesheet" href="../css/theme.dropbox.css"> <link class="theme dropbox" rel="stylesheet" href="../css/theme.dropbox.css">
<link class="theme metro-dark" rel="stylesheet" href="../css/theme.metro-dark.css">
<!-- Tablesorter script: required --> <!-- Tablesorter script: required -->
<script src="../js/jquery.tablesorter.js"></script> <script src="../js/jquery.tablesorter.js"></script>

View File

@ -24,6 +24,7 @@
<link class="theme black-ice" rel="stylesheet" href="../css/theme.black-ice.css"> <link class="theme black-ice" rel="stylesheet" href="../css/theme.black-ice.css">
<link class="theme dark" rel="stylesheet" href="../css/theme.dark.css"> <link class="theme dark" rel="stylesheet" href="../css/theme.dark.css">
<link class="theme dropbox" rel="stylesheet" href="../css/theme.dropbox.css"> <link class="theme dropbox" rel="stylesheet" href="../css/theme.dropbox.css">
<link class="theme metro-dark" rel="stylesheet" href="../css/theme.metro-dark.css">
<style id="css">/* wrapper of table 2 */ <style id="css">/* wrapper of table 2 */
.wrapper { .wrapper {