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;
}
.dark-row th, .dark-row td {
.dark-row th, .dark-row td, caption.dark-row {
background-color: darken( @headerBackground, 10% );
}

View File

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

View File

@ -12,7 +12,7 @@ Metro Dark Theme
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;
color: #fff;
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.dark.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 */
.wrapper {

View File

@ -24,6 +24,7 @@
<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 dropbox" rel="stylesheet" href="../css/theme.dropbox.css">
<link class="theme metro-dark" rel="stylesheet" href="../css/theme.metro-dark.css">
<!-- Tablesorter script: required -->
<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 dark" rel="stylesheet" href="../css/theme.dark.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 */
.wrapper {