|
|
| Line 483: |
Line 483: |
| | .lb-outerContainer { | | .lb-outerContainer { |
| | 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> |
