From 70af711f0e7f5ac756d7387eb6c3744cacb69e74 Mon Sep 17 00:00:00 2001 From: loma-one Date: Thu, 14 Sep 2023 09:28:50 +0200 Subject: [PATCH] pageheader/pageheader.css aktualisiert Among other things, I use the page header to inform about current maintenance work or other upcoming work. The information should therefore be provided within an appropriate framework. With a little CSS, the page header gets a frame in green. The font was adjusted to an appropriate size. --- pageheader/pageheader.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/pageheader/pageheader.css b/pageheader/pageheader.css index 8b3282fb..ba398f20 100644 --- a/pageheader/pageheader.css +++ b/pageheader/pageheader.css @@ -16,8 +16,18 @@ } .pageheader { - text-align: center; + text-align: left; /* center > left */ width: 100%; margin-top: 25px; - font-size: 20px; + font-size: 1.55rem; /* 20px > 1.55rem */ +} + +/* The pageheader box */ +.pageheader { + padding: 20px; + background-color: #2eb885; /* Green */ + color: white; + border: 1px solid transparent; + border-radius: 2px; + margin-bottom: 15px; }