make table CSS work on any page, not just blog posts
This commit is contained in:
parent
2718a05d8f
commit
2fff577440
18
css/main.css
18
css/main.css
@ -377,36 +377,36 @@ header.header-post .post-heading .post-subheading {
|
|||||||
|
|
||||||
/* --- Tables --- */
|
/* --- Tables --- */
|
||||||
|
|
||||||
.blog-post table {
|
table {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.blog-post table tr {
|
table tr {
|
||||||
border-top: 1px solid #cccccc;
|
border-top: 1px solid #cccccc;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.blog-post table tr:nth-child(2n) {
|
table tr:nth-child(2n) {
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
}
|
}
|
||||||
.blog-post table tr th {
|
table tr th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 6px 13px;
|
padding: 6px 13px;
|
||||||
}
|
}
|
||||||
.blog-post table tr td {
|
table tr td {
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 6px 13px;
|
padding: 6px 13px;
|
||||||
}
|
}
|
||||||
.blog-post table tr th :first-child,
|
table tr th :first-child,
|
||||||
.blog-post table tr td :first-child {
|
table tr td :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.blog-post table tr th :last-child,
|
table tr th :last-child,
|
||||||
.blog-post table tr td :last-child {
|
table tr td :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user