More work on the UI

This commit is contained in:
2022-04-09 22:40:08 +02:00
parent 440c640d9f
commit c1315332e3
21 changed files with 306 additions and 272 deletions

View File

@@ -1,29 +0,0 @@
/* titillium-web-regular - latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* titillium-web-italic - latin */
@font-face {
font-family: 'Titillium Web';
font-style: italic;
font-weight: 400;
src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
url('../fonts/titillium-web-v6-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/titillium-web-v6-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* titillium-web-700 - latin */
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
url('../fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/titillium-web-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

View File

@@ -1,61 +1,3 @@
body {
font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
}
:root {
--jumbotron-padding-y: 3rem;
}
#navbarHeader p {
color: #6c757d;
}
.jumbotron {
padding-top: var(--jumbotron-padding-y);
padding-bottom: var(--jumbotron-padding-y);
margin-bottom: 0;
border-radius: 0;
background-color: #fff;
}
.jumbotron p:last-child {
margin-bottom: 0;
}
.jumbotron-heading {
font-weight: 300;
}
.jumbotron .container {
max-width: 40rem;
}
.card > a > img {
width: 100%;
}
.published-info {
text-align: right;
font-size: .7rem;
}
.navbar img#site-logo {
max-width: 200px;
max-height: 100px;
}
.page-item.active .page-link {
background-color: #343a40;
border-color: #343a40;
}
footer {
padding-top: 3rem;
padding-bottom: 3rem;
}
footer a {
color: #fff;
font-weight: bold;
}
footer a:hover {
color: #fff;
}
footer p {
display: inline;
margin-bottom: .25rem;
}
footer p.float-right > a {
font-weight: normal;
}
.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}