Created
September 1, 2022 14:11
-
-
Save runezero/bb19f392cfe2a0ac82773024683630d7 to your computer and use it in GitHub Desktop.
[Tablepress styling] A basic styling for tablepress with exclusions for multisite #wordpress
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.tablepress { | |
font-size: 12px; | |
} | |
.tablepress thead .column-1 { | |
border-top-left-radius: 20px; | |
} | |
.tablepress thead tr th:last-child { | |
border-top-right-radius: 20px; | |
} | |
.tablepress tbody tr:last-child td:first-child { | |
border-bottom-left-radius: 20px; | |
} | |
.tablepress tbody tr:last-child td:last-child { | |
border-bottom-right-radius: 20px; | |
} | |
.tablepress th { | |
font-size: 14px; | |
} | |
.tablepress th, | |
.tablepress td { | |
font-family: "Raleway"; | |
text-align: center; | |
} | |
/*basic header/footer colors */ | |
.tablepress thead th, | |
.tablepress tfoot th { | |
background-color: #0499A9; | |
color: #ffffff; | |
border: #F8F2F9; | |
} | |
/*Site one*/ | |
.site-one .tablepress thead th, | |
.site-one .tablepress tfoot th { | |
background-color: #0499A9!important; | |
color: #ffffff!important; | |
border: #F8F2F9!important; | |
} | |
/*Site two*/ | |
.site-two .tablepress thead th, | |
.site-two .tablepress tfoot th { | |
background-color: #6C2777!important; | |
color: #ffffff!important; | |
border: #F8F2F9!important; | |
} | |
.tablepress thead th, | |
.tablepress tbody td { | |
border-top: 1px solid #F8F2F9; | |
border-bottom: 1px solid #F8F2F9; | |
border-left: 1px solid #F8F2F9; | |
} | |
.tablepress thead th:first-child, | |
.tablepress tbody td:first-child { | |
border-left: none; | |
} | |
.tablepress tbody .row-1 td, | |
.tablepress tbody { | |
border-bottom: 1px solid #F8F2F9 !important; | |
} | |
@media (min-width:1025px) { | |
.tablepress { | |
font-size: 18px; | |
} | |
.tablepress th { | |
font-size: 24px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment