header.pl: Simplify boxes

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/config/cfgroot/header.pl b/config/cfgroot/header.pl
index e62d351a44ad6f38002005f291df7b2975996340..a5cd5fbb1a0bf2798258a9b4263286e63ae2a8b6 100644 (file)
--- a/config/cfgroot/header.pl
+++ b/config/cfgroot/header.pl
@@ -340,19 +340,17 @@ sub closebigbox {
 # @param page align
 # @param page caption
 sub openbox {
-       $width = $_[0];
-       $align = $_[1];
-       $caption = $_[2];
+       # The width parameter is ignored and should always be '100%'
+       my $width = shift;
+       my $align = shift;
 
-       if($align eq 'center') {
-               print "<div class='post' align='center'>\n"
-       }
-       else {
-               print "<div class='post'>\n";
-       }
+       my $title = shift;
+
+       print "<div class=\"box\">\n";
 
-       if ($caption) {
-               print "<h2>$caption</h2>\n";
+       # Show the title
+       if ($title) {
+               print " <h2 class=\"title\">${title}</h2>\n";
        }
 }
 

diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css
index 2cd47cfac7cb271a78a9deebe6220ee322668e13..4c6db6a5c1bb5452326db8adc0c506954405c1d5 100644 (file)
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -163,6 +163,17 @@ iframe {
        border-radius: 3px 3px 3px 3px;
 }
 
+.box {
+       border: 1px solid var(--color-grey);
+       padding: 0.75rem 1rem;
+       margin-bottom: 2rem;
+}
+
+.box .title {
+       margin-bottom: 1rem;
+       border-bottom: 1px solid var(--color-grey);
+}
+
 #main_inner {
        padding-bottom: 1.5em;
 }
@@ -181,19 +192,6 @@ iframe {
        margin-bottom: 1em;
 }
 
-#main_inner .post {
-       border: 1px solid silver;
-       padding: 1em 2em 1em 2em;
-       margin-bottom: 1em;
-       clear: both;
-}
-
-#main_inner .post h2 {
-       border-bottom: dotted 1px #e1e1e1;
-       font-size: 1.6em;
-       margin-bottom: 1em;
-}
-
 #main_header > * {
        display: inline-block;
        vertical-align: baseline;