Line 484: | Line 484: | ||
background-color: transparent !important; | background-color: transparent !important; | ||
} | } | ||
+ | /************************************************************************ | ||
+ | Tables | ||
+ | ************************************************************************/ | ||
+ | #bodyContent table{ | ||
+ | font: 18px Work Sans; | ||
+ | background: rgba(0,0,0,0); | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | width: 100%; | ||
+ | table-layout: fixed; | ||
+ | } | ||
+ | #bodyContent table thead { | ||
+ | display:none; | ||
+ | } | ||
+ | @media (min-width: 1024px) { | ||
+ | #bodyContent table thead { | ||
+ | display:table-header-group; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #bodyContent table th{ | ||
+ | border: none; | ||
+ | background-color: #036860; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #bodyContent table td { | ||
+ | border:none; | ||
+ | display:block; | ||
+ | } | ||
+ | #bodyContent table tbody td:before{ | ||
+ | content: attr(data-th); | ||
+ | font-weight: bold; | ||
+ | display: inline-block; | ||
+ | width: 6rem; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1024px){ | ||
+ | #bodyContent table tbody td{ | ||
+ | display: table-cell; | ||
+ | padding: 10px; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #bodyContent table tbody td:before{ | ||
+ | content:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #bodyContent table tr{ | ||
+ | background-color: rgba(0,0,0,0); | ||
+ | -webkit-transition: all 0.5s ease; | ||
+ | -o-transition: all 0.5s ease; | ||
+ | transition: all 0.5s ease; | ||
+ | } | ||
+ | #bodyContent table tr:nth-child(even) { | ||
+ | background-color: rgba(20, 147, 117, 0.125); | ||
+ | } | ||
+ | #bodyContent table tr:hover { | ||
+ | background-color: rgba(20, 147, 117, 0.75); | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1024px){ | ||
+ | |||
+ | #bodyContent table th:first-child{ | ||
+ | border-radius: 10px 0 0 10px; | ||
+ | } | ||
+ | #bodyContent table th:last-child{ | ||
+ | border-radius: 0 10px 10px 0; | ||
+ | } | ||
+ | #bodyContent table td:first-child{ | ||
+ | border-radius: 10px 0 0 10px; | ||
+ | } | ||
+ | #bodyContent table td:last-child{ | ||
+ | border-radius: 0 10px 10px 0; | ||
+ | } | ||
+ | #bodyContent table.small_first th:first-child { | ||
+ | width: 120px; | ||
+ | } | ||
+ | #bodyContent table.small_first td:first-child { | ||
+ | width: 120px; | ||
+ | } | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Revision as of 14:21, 12 October 2019