From e9ece025d07fae5451d9ff18e77cd8deed169dc8 Mon Sep 17 00:00:00 2001 From: William Date: Sat, 9 Oct 2021 21:11:59 +0200 Subject: [PATCH] Tiny HTML and CSS refactor --- style/main.css | 46 +++++++++++++++++++------------------------- template/_footer.php | 6 ++++-- template/_header.php | 28 +++++++++++++-------------- 3 files changed, 38 insertions(+), 42 deletions(-) diff --git a/style/main.css b/style/main.css index d613ef0..71cd186 100644 --- a/style/main.css +++ b/style/main.css @@ -12,21 +12,19 @@ body { } h1, h2, h3, h4 { - display: inline; + margin: 0; } -.navbar-top-head { +.navbar-top { padding: 12px; background: #472886; background: linear-gradient(0deg, rgba(71,40,134,1) 0%, rgba(81,24,195,1) 100%); } - -.navbar-top-inner { +.navbar-top .inner { max-width: 900px; margin: 0 auto; } - -.navbar-top-inner a { +.navbar-top .inner a { color: #f8f8f8; text-decoration: none; } @@ -36,8 +34,7 @@ h1, h2, h3, h4 { background: rgb(54,148,37); background: linear-gradient(0deg, rgba(54,148,37,1) 0%, rgba(62,162,34,1) 50%, rgba(63,177,43,1) 100%); } - -.login-statusbar-inner { +.login-statusbar .inner { max-width: 900px; margin: 0 auto; color: #fff; @@ -49,11 +46,20 @@ h1, h2, h3, h4 { padding-bottom: 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } - -.login-statusbar-inner > a { +.login-statusbar .inner > a { color: #fff; } +.footer { + background: #ddd; + border-top: 1px solid #aaa; + padding: 12px; +} +.footer .inner { + max-width: 900px; + margin: 0 auto; +} + .grid-container { display: grid; grid-template-columns: max-content auto; @@ -64,20 +70,19 @@ h1, h2, h3, h4 { padding: 12px; } -main img { +.grid-container main img { display: block; max-width: 100%; height: auto; border: 1px solid #aaa; } -nav { - background: #eee; +.grid-container .nav-links { + background: #e8e8e8; border: 1px solid #aaa; padding: 12px; } - -nav > ul { +.grid-container .nav-links ul { margin: 0; padding-left: 12px; } @@ -86,17 +91,6 @@ a { color: rgb(0, 0, 255); } -footer { - background: #ddd; - border-top: 1px solid #aaa; - padding: 12px; -} - -.footer-inner { - max-width: 900px; - margin: 0 auto; -} - @media only screen and (max-width: 600px) { .grid-container { grid-template-columns: auto; diff --git a/template/_footer.php b/template/_footer.php index 3bcc763..f9799b2 100644 --- a/template/_footer.php +++ b/template/_footer.php @@ -10,8 +10,10 @@ if ($templateParameters["render"] === FALSE) { diff --git a/template/_header.php b/template/_header.php index ed6e600..c103023 100644 --- a/template/_header.php +++ b/template/_header.php @@ -17,33 +17,33 @@ if ($templateParameters["render"] === FALSE) { -
-
- - -
-
Stafett for livet
-
KREFTFORENINGEN
-
- +
+
+
+ + +
+
Stafett for livet
+
KREFTFORENINGEN
+
+ +
-
+ -