Style improvements.

This commit is contained in:
Trygve 2021-03-16 14:16:38 +01:00
parent 55128e47b5
commit 56fc6a51b8
2 changed files with 18 additions and 4 deletions

View File

@ -1,7 +1,9 @@
:root { :root {
--dark-accent-color: #5C6BC0; --dark-accent-color: #5C6BC0;
--dark-bg-color: #121212; --dark-bg-color: black;
--dark-alt-bg-color: #5c6bc0; --dark-alt-bg-color: #5c6bc0;
--dark-cont-bg-color: transparent;
--dark-header-bg-color: #121212;
--dark-text-color: #eeeeee; --dark-text-color: #eeeeee;
--dark-btn-color: #303f9f --dark-btn-color: #303f9f
} }
@ -10,8 +12,10 @@ body {
font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif; font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0; margin: 0;
--accent-color: #1A237E; --accent-color: #1A237E;
--bg-color: none; --cont-bg-color: white;
--alt-bg-color: #283593; --alt-bg-color: #283593;
--bg-color: #f6f5f4;
--header-bg-color: white;
--text-color: black; --text-color: black;
--btn-color: #303f9f; --btn-color: #303f9f;
@ -22,6 +26,10 @@ header{
padding: 0.5rem; padding: 0.5rem;
} }
.header-list{ .header-list{
width: max-content;
padding: 0.5rem;
background-color: var(--header-bg-color);
border-radius: 1rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: auto; margin: auto;
@ -61,6 +69,8 @@ header{
/* Container for main content */ /* Container for main content */
.cont { .cont {
margin: auto; margin: auto;
background: var(--cont-bg-color);
border-radius: 1rem;
} }
.service-list { .service-list {
@ -103,7 +113,9 @@ header{
@media only screen and (min-width:1000px){ @media only screen and (min-width:1000px){
.cont { .cont {
width: 80%; width: max-content;
padding: 1rem;
margin-top: 1.5rem;
} }
} }
@ -111,6 +123,8 @@ header{
body.theme-auto { body.theme-auto {
--bg-color: var(--dark-bg-color); --bg-color: var(--dark-bg-color);
--alt-bg-color: var(--dark-alt-bg-color); --alt-bg-color: var(--dark-alt-bg-color);
--cont-bg-color: var(--dark-cont-bg-color);
--header-bg-color: var(--dark-header-bg-color);
--text-color: var(--dark-text-color); --text-color: var(--dark-text-color);
--btn-color: var(--dark-btn-color); --btn-color: var(--dark-btn-color);
--accent-color: var(--dark-accent-color); --accent-color: var(--dark-accent-color);

View File

@ -12,10 +12,10 @@
<?php include "common/header.html"; ?> <?php include "common/header.html"; ?>
<center> <center>
<h1>Velkommen til Trygves side!</h1>
<div class="cont"> <div class="cont">
<h1>Velkommen til Trygves side!</h1>
<h2>Mine prosjekter:</h2> <h2>Mine prosjekter:</h2>
<ul class="service-list"> <ul class="service-list">
<li><a href="/liveresultater/">Liveresultater</a></li> <li><a href="/liveresultater/">Liveresultater</a></li>