25 lines
1.2 KiB
CSS
25 lines
1.2 KiB
CSS
/**
|
|
Developed by Dimitrios Mourloukos (http://www.tabulizer.com) based on an idea presented by David Bushell at http://dbushell.com/
|
|
*/
|
|
|
|
@media only screen and (max-width: 40em) {
|
|
.responsive_flip { display: block; position: relative; width: 100%; }
|
|
.responsive_flip thead { display: block; float: left; }
|
|
.responsive_flip tbody { display: block; width: auto; position: relative; overflow-x: scroll; -webkit-overflow-scrolling: touch; z-index: 1; white-space: nowrap; }
|
|
.responsive_flip thead tr { display: block; }
|
|
.responsive_flip th { display: block; }
|
|
.responsive_flip tbody tr { display: inline-block; vertical-align: top; }
|
|
.responsive_flip td { display: block; }
|
|
|
|
.rt th { border-bottom: 0; }
|
|
.responsive_flip td { border-left: 0; border-right: 0; border-bottom: 0; }
|
|
.responsive_flip tbody tr { border-right: 1px solid #babcbf; }
|
|
.responsive_flip th:last-child,
|
|
.responsive_flip td:last-child { border-bottom: 1px solid #babcbf; }
|
|
|
|
.responsive_flip tfoot { display: block; float: left; position: relative; width: auto; }
|
|
.responsive_flip tfoot tr { display: inline-block; vertical-align: top; }
|
|
.responsive_flip tfoot tr { border-right: 1px solid #babcbf; }
|
|
}
|
|
|