Line 485: | Line 485: | ||
div.callout { | div.callout { | ||
+ | margin: 24px 0; | ||
padding: 10px; | padding: 10px; | ||
border: 2px solid rgba(20, 147, 117, 0.5); | border: 2px solid rgba(20, 147, 117, 0.5); | ||
border-radius: 0; | border-radius: 0; | ||
} | } | ||
+ | |||
+ | #container table { | ||
+ | width: 100%; | ||
+ | margin-bottom: 1rem; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | #container table thead, table tbody, table tfoot { | ||
+ | border: 1px solid #f1f1f1; | ||
+ | background-color: #fefefe | ||
+ | } | ||
+ | #container table caption { | ||
+ | padding: .5rem .625rem .625rem; | ||
+ | font-weight: bold | ||
+ | } | ||
+ | #container table thead { | ||
+ | background: rgba(20, 147, 117, 0.2); | ||
+ | color: #263238 | ||
+ | } | ||
+ | #container table tfoot { | ||
+ | background: #d8d8d8; | ||
+ | color: #263238 | ||
+ | } | ||
+ | #container table thead tr, table tfoot tr { | ||
+ | background: transparent | ||
+ | } | ||
+ | #container table thead th,table thead td,table tfoot th,table tfoot td { | ||
+ | padding: .5rem .625rem .625rem; | ||
+ | font-weight: bold; | ||
+ | text-align: left | ||
+ | } | ||
+ | #container table tbody th, | ||
+ | #container table tbody td { | ||
+ | padding: .5rem .625rem .625rem | ||
+ | } | ||
+ | #container table tbody tr:nth-child(even) { | ||
+ | border-bottom: 0; | ||
+ | background-color: rgba(20, 147, 117, 0.08) | ||
+ | } | ||
+ | |||
+ | #container table.hover thead tr:hover { | ||
+ | background-color: rgba(17, 125, 99, 0.2) | ||
+ | } | ||
+ | #container table.hover tfoot tr:hover { | ||
+ | background-color: #cbcbcb | ||
+ | } | ||
+ | #container table.hover tbody tr:hover { | ||
+ | background-color: #f1f1f1 | ||
+ | } | ||
+ | #container table.hover:not(.unstriped) tr:nth-of-type(even):hover { | ||
+ | background-color: rgba(17, 125, 99, 0.2) | ||
+ | } | ||
+ | |||
+ | |||
Revision as of 13:51, 4 May 2017