|
|
| (2 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| @media
| |
| only screen
| |
| and (max-width: 760px), (min-device-width: 768px)
| |
| and (max-device-width: 1024px) {
| |
|
| |
|
| table, tbody, th, td, tr {
| |
| display: block;
| |
| }
| |
|
| |
| .table-header {
| |
| position: absolute;
| |
| top: -9999px;
| |
| left: -9999px;
| |
| }
| |
|
| |
| tr {
| |
| margin: 0 0 1rem 0;
| |
| }
| |
|
| |
|
| |
| tr:nth-child(odd) {
| |
| background: #00008B !important;
| |
| }
| |
|
| |
| td {
| |
| border: none;
| |
| border-bottom: 1px solid #eee;
| |
| position: relative;
| |
| padding: 0.2rem 6.4rem !important;
| |
| }
| |
|
| |
| td:before {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 6px;
| |
| width: 45%;
| |
| padding-right: 20px;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| td:empty::after{content:'\00a0';visibility:hidden}
| |
|
| |
| td:nth-of-type(1):before { content: "Combo"; }
| |
| td:nth-of-type(2):before { content: "Position"; }
| |
| td:nth-of-type(3):before { content: "Damage"; }
| |
| td:nth-of-type(4):before { content: "Drive Gauge"; }
| |
| td:nth-of-type(5):before { content: "Super Gauge"; }
| |
| td:nth-of-type(6):before { content: "Difficulty"; }
| |
| td:nth-of-type(7):before { content: "Notes"; }
| |
| td:nth-of-type(8):before { content: "Video"; }
| |
| }
| |
