basic styling Support page

[people/shoehn/ipfire.org.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index 9d491dd64992fde434e93538c7cb625a76952689..5bb3e65896885789ad019fdc3f75cf14c567f73c 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4376,9 +4376,15 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   .hidden-print {
     display: none !important; } }
 
+body {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column; }
+
 .container {
   width: 100%;
-  max-width: 1200px; }
+  max-width: 1200px;
+  flex: 1; }
 
 body {
   -webkit-font-smoothing: antialiased;
@@ -4695,9 +4701,13 @@ h5.fireinfo {
     transform: scaleX(1); } }
 
 @media (min-width: 992px) {
-  body.About li.nav-item a.about {
+  body.About li.nav-item a.about,
+  body.Download li.nav-item a.download,
+  body.Involved li.nav-item a.support {
     color: #b71c1c; }
-    body.About li.nav-item a.about:after {
+    body.About li.nav-item a.about:after,
+    body.Download li.nav-item a.download:after,
+    body.Involved li.nav-item a.support:after {
       content: "";
       border-bottom: 2px solid #b71c1c;
       position: absolute;
@@ -4880,6 +4890,11 @@ button.navbar-toggler div {
   .btn-outline-secondary:hover {
     transition: background-color .25s ease-in-out; }
 
+.btn-xlg {
+  height: 72px;
+  margin: 0 36px;
+  padding-top: 16px; }
+
 .btn-lg, .btn-group-lg > .btn {
   height: 48px;
   margin: 0 24px; }
@@ -4922,14 +4937,6 @@ button:focus {
     vertical-align: -7px;
     margin-right: 5px; }
 
-.amber-800 {
-  color: #ff8f00; }
-
-img.img-fluid {
-  width: 100%;
-  max-width: 100%;
-  height: auto; }
-
 .icon {
   width: 1.5rem;
   height: 1.5rem;
@@ -4958,10 +4965,21 @@ img.img-fluid {
   transform: translateY(-0.35rem);
   fill: #b71c1c; }
 
+.i_white {
+  fill: white; }
+
 .i_sm {
   vertical-align: top;
   transform: translateY(-0.1rem); }
 
+.amber-800 {
+  color: #ff8f00; }
+
+img.img-fluid {
+  width: 100%;
+  max-width: 100%;
+  height: auto; }
+
 footer .btn-toolbar .icon {
   height: 2.25rem;
   width: 2.25rem;