feat: further code reorgs!

This commit is contained in:
Nuno Sempere 2023-06-17 05:41:38 +00:00
parent a3ed2202bb
commit c0c0c6cdb2

View File

@ -45,12 +45,13 @@ header h1 span {
*/ */
} }
/* Navigation bar */ header nav { /* Not used by me, but used by suckless.org */
header nav {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
/* Navigation bar */
nav { nav {
display: flex; display: flex;
flex-basis: 20%; flex-basis: 20%;
@ -89,8 +90,7 @@ nav li a {
padding: 0.3em 2em 0.8ex 1em; padding: 0.3em 2em 0.8ex 1em;
} }
/* Other sections */ /* article */
article{ article{
flex-basis: 70%; flex-basis: 70%;
max-width: 70%; max-width: 70%;
@ -100,6 +100,7 @@ article{
/* padding: 0.3em 0 0 0; */ /* padding: 0.3em 0 0 0; */
} }
/* footer */
footer { footer {
/* display: block; */ /* display: block; */
flex-grow: 1; flex-grow: 1;
@ -129,10 +130,15 @@ figcaption {
font-size: 16px; font-size: 16px;
} }
.img-frontpage-center,
.img-medium-center,
img { img {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}
img {
width: 80%; width: 80%;
} }
@ -192,6 +198,7 @@ li{
} }
/* Tables */ /* Tables */
/* old style:
table { table {
border-collapse: collapse; border-collapse: collapse;
margin-left: auto; margin-left: auto;
@ -211,6 +218,91 @@ th {
background: var(--accent-bg); background: var(--accent-bg);
font-weight: bold; font-weight: bold;
} }
*/
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: #fcfcfc;
font-weight: bold;
}
table th, table td {
padding: 1em 1em 1em 1em;
/* border: 3px solid #005386; */
}
/* Newsletter stuff */
.subscribe-button {
background: #0055d4;
padding: 15px 30px;
border-radius: 3px;
border: 0;
cursor: pointer;
text-decoration: none;
color: #ffff;
display: inline-block;
min-width: 150px;
font-size: 20px;
text-align: center;
}
.subscribe-input {
padding: 10px 15px;
border: 1px solid #888;
border-radius: 3px;
width: 33%;
box-shadow: 2px 2px 0 #f3f3f3;
border: 1px solid #ddd;
font-size: 20px;
}
input:focus {
border-color: #0055d4;
}
input:focus::placeholder {
color: transparent;
}
/* Figcaptions for markdown
* Per <https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll>
*/
img + em {
display: block;
text-align: center;
font-size: 1em;
}
/* Isso comments */
/* You can see the general comments style: <https://comments.nunosempere.com/css/isso.css> */
.isso-textarea, #isso-postbox-author, #isso-postbox-email, #isso-postbox-website, .isso-post-action > input {
font-size: 20px;
}
.isso-textarea {
height: 15em;
resize: vertical !important;
}
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */ /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 1400px) { @media screen and (max-width: 1400px) {
@ -239,86 +331,3 @@ th {
display: none; display: none;
} }
} }
/* Newsletter stuff */
.subscribe-button {
background: #0055d4;
padding: 15px 30px;
border-radius: 3px;
border: 0;
cursor: pointer;
text-decoration: none;
color: #ffff;
display: inline-block;
min-width: 150px;
font-size: 20px;
text-align: center;
}
.subscribe-input {
padding: 10px 15px;
border: 1px solid #888;
border-radius: 3px;
width: 33%;
box-shadow: 2px 2px 0 #f3f3f3;
border: 1px solid #ddd;
font-size: 20px;
}
input:focus {
border-color: #0055d4;
}
input:focus::placeholder {
color: transparent;
}
/* Figcaptions for markdown
* Per <https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll>
*/
img + em {
display: block;
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: #fcfcfc;
font-weight: bold;
}
table th, table td {
padding: 1em 1em 1em 1em;
/* border: 3px solid #005386; */
}
/* Isso comments */
/* You can see the general comments style: <https://comments.nunosempere.com/css/isso.css> */
.isso-textarea, #isso-postbox-author, #isso-postbox-email, #isso-postbox-website, .isso-post-action > input {
font-size: 20px;
}
.isso-textarea {
height: 15em;
resize: vertical !important;
}