Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);
- body {
- background-color: #3e94ec;
- font-family: "Roboto", helvetica, arial, sans-serif;
- font-size: 16px;
- font-weight: 400;
- }
- div.table-title {
- display: block;
- margin: auto;
- max-width: 600px;
- padding:5px;
- width: 100%;
- }
- .table-title h3 {
- color: #fafafa;
- font-size: 30px;
- font-weight: 400;
- }
- /*** Table Styles **/
- .table-fill {
- background: white;
- border-radius:3px;
- border-collapse: collapse;
- height: 320px;
- margin: auto;
- max-width: 600px;
- padding:5px;
- width: 100%;
- }
- th {
- color:#D5DDE5;;
- background:#1b1e24;
- border-bottom:4px solid #9ea7af;
- border-right: 1px solid #343a45;
- font-size:23px;
- font-weight: 100;
- padding:24px;
- text-align:left;
- vertical-align:middle;
- }
- th {
- border-top-right-radius:3px;
- border-top-left-radius:3px;
- }
- tr {
- border-top: 1px solid #C1C3D1;
- border-bottom: 1px solid #C1C3D1;
- color:#666B85;
- font-size:16px;
- }
- tr:hover td {
- background:#4E5066;
- color:#FFFFFF;
- }
- tr:first-child {
- border-top:none;
- }
- tr:last-child {
- border-bottom: 1px solid #4E5066;
- }
- tr:nth-child(odd) td {
- background:#EBEBEB;
- }
- tr:nth-child(odd):hover td {
- background:#4E5066;
- }
- tr:last-child td:first-child {
- border-bottom-left-radius:3px;
- }
- tr:last-child td:last-child {
- border-bottom-right-radius:3px;
- }
- td {
- background:#FFFFFF;
- padding:20px;
- text-align:left;
- vertical-align:middle;
- font-weight:300;
- font-size:18px;
- border-right: 1px solid #C1C3D1;
- }
- td:last-child {
- border-right: 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement