tweak: add style for tables

This commit is contained in:
Nuno Sempere 2023-02-11 21:43:52 +00:00
parent 9cb754909b
commit c2d48d58b7

View File

@ -25,8 +25,8 @@ body {
font-family: serif; font-family: serif;
/* font-family: 'Source Serif Pro', serif; */ /* font-family: 'Source Serif Pro', serif; */
font-size: 1.5em; font-size: 1.5em;
background-color: #fff; background-color: #fcfcfc;
color:#333;
} }
/* header */ /* header */
@ -42,6 +42,7 @@ header {
header h1 { header h1 {
margin-left: 0.7em; margin-left: 0.7em;
color:#333;
} }
header a { header a {
@ -49,7 +50,7 @@ header a {
color: inherit; color: inherit;
*/ */
text-decoration: none; text-decoration: none;
color: black; color: #333;
/* /*
* color: #005386; * color: #005386;
*/ */
@ -113,6 +114,7 @@ article{
padding: 0.3em 0 0 0; padding: 0.3em 0 0 0;
flex-basis: 70%; flex-basis: 70%;
padding-left: 1em; padding-left: 1em;
color: #333;
} }
footer { footer {
@ -153,9 +155,9 @@ img {
.img-frontpage-center { .img-frontpage-center {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 25%; width: 500px;
} }
.img-medium-center { .img-medium-center {
@ -192,13 +194,14 @@ blockquote::before{
/* Code bloocks */ /* Code bloocks */
pre, code { pre, code {
display: block; display: block;
overflow-x: auto; overflow-x:auto;
tab-width: 2; tab-width: 2;
line-height:1.7; line-height:1.7;
padding: 0.5em 0.5em 0.5em 0.5em; padding: 0.5em 0.5em 0.5em 0.5em;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
margin: 2em; margin: 2em;
max-width: 1100px !important;
background: #F0F0F0; background: #F0F0F0;
} }
@ -254,7 +257,7 @@ th {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 200px; width: 300px;
} }
} }
@ -306,3 +309,32 @@ img + em {
text-align: center; text-align: center;
font-size: 1em; font-size: 1em;
} }
/* Table */
table {
border: 3px solid #005386;
border-collapse: collapse;
table-layout: fixed;
text-align: left;
width: 100%;
}
table thead {
position: sticky;
top: 0;
}
table tbody tr:nth-child(even) {
background: #E9F1F4;
}
table th {
background: #005386;
color: white;
font-weight: bold;
}
table th, table td {
padding: 1em 1em 1em 1em;
/* border: 3px solid #005386; */
}