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: 'Source Serif Pro', serif; */
font-size: 1.5em;
background-color: #fff;
background-color: #fcfcfc;
color:#333;
}
/* header */
@ -42,6 +42,7 @@ header {
header h1 {
margin-left: 0.7em;
color:#333;
}
header a {
@ -49,7 +50,7 @@ header a {
color: inherit;
*/
text-decoration: none;
color: black;
color: #333;
/*
* color: #005386;
*/
@ -113,6 +114,7 @@ article{
padding: 0.3em 0 0 0;
flex-basis: 70%;
padding-left: 1em;
color: #333;
}
footer {
@ -153,9 +155,9 @@ img {
.img-frontpage-center {
display: block;
margin-left: auto;
margin-left: auto;
margin-right: auto;
width: 25%;
width: 500px;
}
.img-medium-center {
@ -192,13 +194,14 @@ blockquote::before{
/* Code bloocks */
pre, code {
display: block;
overflow-x: auto;
overflow-x:auto;
tab-width: 2;
line-height:1.7;
padding: 0.5em 0.5em 0.5em 0.5em;
margin-top: 1em;
margin-bottom: 1em;
margin: 2em;
max-width: 1100px !important;
background: #F0F0F0;
}
@ -254,7 +257,7 @@ th {
display: block;
margin-left: auto;
margin-right: auto;
width: 200px;
width: 300px;
}
}
@ -306,3 +309,32 @@ img + em {
text-align: center;
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; */
}