Better tables display, better light color, better image display

This commit is contained in:
Lucien Cartier-Tilet 2020-04-29 21:25:28 +02:00
parent fba1cba81b
commit b4efb4b56d
Signed by: phundrak
GPG Key ID: BD7789E705CB8DCA

View File

@ -22,7 +22,7 @@ $black: rgba( 0, 0, 0, 1);
$accent1: rgba( 93, 115, 126, 1); $accent1: rgba( 93, 115, 126, 1);
$accent2: rgba( 92, 172, 126, 1); $accent2: rgba( 92, 172, 126, 1);
$accent3: rgba(197, 193, 155, 1); $accent3: rgba(197, 193, 155, 1);
$light: rgba(252, 239, 249, 1); $light: #eee;
$grey1: #f8f8f8; $grey1: #f8f8f8;
$grey2: #dbe1e8; $grey2: #dbe1e8;
$grey3: #b2becd; $grey3: #b2becd;
@ -111,6 +111,14 @@ $postamble-height: 55px;
} }
} }
} }
table, th, td {
border: 1px solid $dark;
}
th {
background: darken($light, 5%);
}
} }
.dark, .black { .dark, .black {
@ -160,6 +168,18 @@ $postamble-height: 55px;
} }
} }
} }
table, th, td {
border: 1px solid $accent1;
}
th {
background: darken($dark, 2.5%);
}
img {
background: $light;
}
} }
.black { .black {
@ -191,6 +211,14 @@ $postamble-height: 55px;
} }
} }
} }
table, th, td {
border: 1px solid $light;
}
th {
background: lighten($black, 15%);
}
} }
/* Style *********************************************************************/ /* Style *********************************************************************/
@ -209,13 +237,13 @@ body {
header, .navbar { header, .navbar {
transition: background 500ms ease-in-out, color 1s ease-in-out; transition: background 500ms ease-in-out, color 1s ease-in-out;
} ul {
}
ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
}
}
} }
a { a {
@ -336,7 +364,7 @@ header {
#content { #content {
padding: 50px; padding: 50px;
padding-top: 0; padding-top: 0;
max-width: 700px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
text-align: justify; text-align: justify;
@ -422,3 +450,22 @@ h4 {
blockquote { blockquote {
font-style: italic; font-style: italic;
} }
.largetable {
overflow-y: auto;
margin-top:20px;
margin-bottom: 20px;
}
table {
margin: 0 auto;
}
th, td {
white-space: nowrap;
padding: 10px;
}
img {
max-height: 600px;
}