library-mirrors/tablesorter
1
0
Fork 0
mirror of https://github.com/Mottie/tablesorter.git synced 2024-11-15 23:54:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Themes: fix high-specificity blue theme

Browse Source
This commit is contained in:
Rob Garrison 2017-01-06 12:14:38 -06:00
parent c8f124f8af
commit d9b8c1feb3
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/high-specificity/theme.blue.specific.css
View File

@ -1,6 +1,8 @@
/************* /**
Blue Theme (nested tables) * Blue Theme (demo - https://jsfiddle.net/Mottie/k9uasLc7/)
*************/ * Intended for an outer table containing differently styled nested
* tables (inner tables will not need a high specificity style)
*/
/* overall */ /* overall */
.tablesorter-blue { .tablesorter-blue {
width: 100%; width: 100%;
@ -122,10 +124,10 @@
} }
/* Zebra Widget - row alternating colors */ /* Zebra Widget - row alternating colors */
.tablesorter-blue > tbody tr.odd > td { .tablesorter-blue > tbody > tr.odd > td {
background-color: #ebf2fa; background-color: #ebf2fa;
} }
.tablesorter-blue > tbody tr.even > td { .tablesorter-blue > tbody > tr.even > td {
background-color: #fff; background-color: #fff;
} }
@ -171,13 +173,13 @@
transition: line-height 0.1s ease; transition: line-height 0.1s ease;
} }
/* optional disabled input styling */ /* optional disabled input styling */
.tablesorter-blue .tablesorter-filter-row .disabled { .tablesorter-blue > thead > .tablesorter-filter-row .disabled {
opacity: 0.5; opacity: 0.5;
filter: alpha(opacity=50); filter: alpha(opacity=50);
cursor: not-allowed; cursor: not-allowed;
} }
/* hidden filter row */ /* hidden filter row */
.tablesorter-blue .tablesorter-filter-row.hideme td { .tablesorter-blue > thead > .tablesorter-filter-row.hideme td {
/*** *********************************************** ***/ /*** *********************************************** ***/
/*** change this padding to modify the thickness ***/ /*** change this padding to modify the thickness ***/
/*** of the closed filter row (height = padding x 2) ***/ /*** of the closed filter row (height = padding x 2) ***/
@ -187,7 +189,7 @@
line-height: 0; line-height: 0;
cursor: pointer; cursor: pointer;
} }
.tablesorter-blue .tablesorter-filter-row.hideme * { .tablesorter-blue > thead > .tablesorter-filter-row.hideme * {
height: 1px; height: 1px;
min-height: 0; min-height: 0;
border: 0; border: 0;
@ -198,8 +200,8 @@
filter: alpha(opacity=0); filter: alpha(opacity=0);
} }
/* filters */ /* filters */
.tablesorter-blue input.tablesorter-filter, .tablesorter-blue > thead > .tablesorter-filter-row input.tablesorter-filter,
.tablesorter-blue select.tablesorter-filter { .tablesorter-blue > thead > .tablesorter-filter-row select.tablesorter-filter {
width: 98%; width: 98%;
height: auto; height: auto;
margin: 0; margin: 0;
@ -221,7 +223,7 @@
} }
/* ajax error row */ /* ajax error row */
.tablesorter .tablesorter-errorRow td { .tablesorter-blue > thead > .tablesorter-errorRow td {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
background-color: #e6bf99; background-color: #e6bf99;