From f96845e4511c06b05ba3c9a9d97824634358b36f Mon Sep 17 00:00:00 2001 From: Pedram Ashofteh Ardakani Date: Mon, 1 Jun 2020 00:10:46 +0430 Subject: Add page footer * The `People` page will be added later * This is almost the simplest design possible, we will alter the design to match the desired and defined look later --- css/base.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/base.css b/css/base.css index 78085af..936f801 100644 --- a/css/base.css +++ b/css/base.css @@ -268,12 +268,25 @@ a:hover { * Page footer * ================================================================== */ +/* Looks like a mirror of the header, but it is not fixed. */ footer[role=contentinfo] { + /* Make sure `left`, `right`, and `width` values add up to 100% to + * help keep the navigation bar in center for big screens */ + margin: 0 auto; + max-width: 960px; /* same as the `#container` max-width */ padding: 15px; - border-radius: 5px; + /* Prevent sharp edges on the bottom navigation bar */ + border-radius: 5px 5px 0 0; + /* Keep link texts center-aligned */ text-align: left; - background-color: #f2f3f3; - color: #1c1e1d; /* EERIE BLACK */ + color: #dcdfde; + background: #030504; +} + +/* Put the footer contents in an unordered list */ +footer ul { + list-style: none; + padding-left: 0; } /* ================================================================== -- cgit v1.2.1