From 732d49d720b8fc5e8659b3b6f62bacde22310fe8 Mon Sep 17 00:00:00 2001 From: Mathijs Date: Wed, 11 Jan 2023 17:16:42 +0100 Subject: [PATCH] update --- assets/css/mrl.css | 75 ++++++++++++++++++++++------------------------ index.html | 24 +++++---------- 2 files changed, 43 insertions(+), 56 deletions(-) mode change 100644 => 100755 index.html diff --git a/assets/css/mrl.css b/assets/css/mrl.css index 251e5b9..14f2c00 100755 --- a/assets/css/mrl.css +++ b/assets/css/mrl.css @@ -37,7 +37,7 @@ } } - @media only screen and (max-width: 500px) { + @media only screen and (max-width: 850px) { logo { font-size: 50px !important; } @@ -75,7 +75,9 @@ #content-wrap { padding-bottom: 80px; /* Footer height */ - } #page-container { + } + + #page-container { position: relative; min-height: 100vh; } @@ -123,13 +125,13 @@ color: #374351; } #tekst-links h1{ - padding-top: 150px; + padding-top: 100px; margin-top: 0px; font-size: 42px; margin-bottom: 60px; } #tekst-links h2{ - padding-top: 150px; + padding-top: 30px; margin-top: 0px; font-size: 30px; margin-bottom: 60px; @@ -145,14 +147,14 @@ color: #D2E0F0; } #tekst-midden h1{ - padding-top: 150px; + padding-top: 100px; margin-top: 0px; font-size: 42px; margin-bottom: 60px; } #tekst-midden h2{ - padding-top: 60px; + padding-top: 30px; margin-top: 0px; font-size: 30px; margin-bottom: 60px; @@ -179,9 +181,7 @@ } a:hover { - color: red; background-color: #2B3642; - text-decoration: underline; } /*specials*********************************************************************************************************/ @@ -204,6 +204,7 @@ font-size: 20px; color: #D2E0F0; cursor: pointer; + } #knop a:link{ color: #D2E0F0; @@ -218,9 +219,7 @@ } #knop a:hover { - color: red; background-color: #2B3642; - text-decoration: underline; } #knop a:active { @@ -241,37 +240,30 @@ nav{ float: right; } - nav ul li { - display: inline-block; - padding: 5px 17px 5px 17px; - text-transform: uppercase; - margin: 0; - } - nav ul li.active{ - background-color: #2B3642; - border-radius: 5px; + nav ul li { + display: inline-block; + padding: 10px 17px 10px 17px; + text-transform: uppercase; + + margin: 0; } - nav ul li a { - text-decoration: none; - color: #D2E0F0 - } nav{ - float: right; - } - nav ul li { - display: inline-block; - padding: 5px 17px 5px 17px; - text-transform: uppercase; - margin: 0; - } - nav ul li.active{ - background-color: #2B3642; - border-radius: 5px; - } - nav ul li a { - text-decoration: none; - color: #D2E0F0 - } - + nav ul li.active{ + background-color: #2B3642; + border-radius: 5px; + } + nav ul li:hover { + background: #374351; + border-radius: 5px; + cursor: pointer; + color: #D2E0F0; + text-decoration: none; + } + + nav ul li a { + text-decoration: none; + color: #D2E0F0 + } + /*footer*********/ .footer-links{ @@ -279,6 +271,7 @@ margin-left: auto; margin-right: auto; text-align: center; + border-radius: 5px; } .footer-links ul { padding: 0px; @@ -289,6 +282,7 @@ display: inline-block; padding: 15px 17px 15px 17px; text-transform: uppercase; + border-radius: 5px; font-size: 20px; } @@ -296,6 +290,7 @@ .footer-links ul li a { text-decoration: none; padding: 15px 17px 15px 17px; + border-radius: 5px; color: #D2E0F0; } diff --git a/index.html b/index.html old mode 100644 new mode 100755 index 4635cc9..be6fc64 --- a/index.html +++ b/index.html @@ -33,14 +33,13 @@