FunctionProject/css/style.css

93 lines
1.5 KiB
CSS
Raw Normal View History

2019-08-18 20:06:06 +02:00
:root {
--footer-height: 182px;
--border-header-footer: 3px rgba(255,255,255,0.7) solid;
--background-color: #181818;
--text-color: rgb(222, 222, 222);
--important: #ffd800;
}
2019-08-16 12:05:56 +02:00
/* GENERAL */
2019-08-17 02:15:43 +02:00
html {
position: relative;
min-height: 100%;
}
2019-08-16 12:05:56 +02:00
body {
2019-08-18 20:06:06 +02:00
background-color: var(--background-color);
color: var(--text-color);
2019-08-16 12:05:56 +02:00
font-family: 'Montserrat', 'Arial', sans-serif;
2019-08-18 20:06:06 +02:00
margin: 0 0 var(--footer-height); /* bottom = footer height */
}
.important {
color: var(--important);
2019-08-16 12:05:56 +02:00
}
b {
font-weight: bold;
2019-08-18 20:06:06 +02:00
color: var(--important);
}
a, a:hover {
color: var(--important);
2019-08-16 12:05:56 +02:00
}
2019-08-18 20:06:06 +02:00
h1 {
font-family: 'Roboto', 'sans-serif';
2019-08-18 23:48:24 +02:00
margin: auto;
text-align: center;
2019-08-18 20:06:06 +02:00
}
p {
font-size: 18px;
line-height: 1.9;
2019-08-16 12:05:56 +02:00
}
/* HEADER */
2019-08-18 20:06:06 +02:00
#header-container {
padding-bottom: 0;
}
2019-08-16 12:05:56 +02:00
.navbar {
2019-08-18 20:06:06 +02:00
border-bottom: var(--border-header-footer);
2019-08-16 12:05:56 +02:00
}
2019-08-18 23:48:24 +02:00
.nav-link {
text-align: center !important;
}
2019-08-16 12:05:56 +02:00
/* CONTENT */
2019-08-19 01:21:00 +02:00
@media (min-width: 576px) {
.jumbotron {padding: 6.17rem 2rem;}
}
.jumbotron {
background-color: var(--background-color) !important;
2019-08-17 02:15:43 +02:00
}
2019-08-16 12:05:56 +02:00
.table {
2019-08-18 20:06:06 +02:00
color: white;
2019-08-16 12:05:56 +02:00
}
/* FOOTER */
footer
{
2019-08-18 20:06:06 +02:00
border-top: var(--border-header-footer);
2019-08-17 02:15:43 +02:00
position: absolute;
left: 0;
bottom: 0;
2019-08-18 20:06:06 +02:00
height: var(--footer-height);
2019-08-17 02:15:43 +02:00
width: 100%;
2019-08-16 12:05:56 +02:00
}
.footer-text
{
font-size: 18px;
2019-08-17 02:15:43 +02:00
padding: 0 0 25px 0;
2019-08-16 12:05:56 +02:00
}
footer i
{
font-size: 25px;
margin: 20px;
height: 30px;
}
footer i:hover
{
font-size: 30px;
}
.realDateTime {
padding-bottom: 20px;
}
#realDateTime {
font-size: 18px;
font-family: 'Roboto', 'sans-serif';
2019-08-16 12:05:56 +02:00
}