From b14c7784ff36e7181e8d4878d14692ea90a8dcca Mon Sep 17 00:00:00 2001 From: erichhasl Date: Sat, 18 Nov 2017 14:10:20 +0100 Subject: [PATCH] css style in extra file --- web_dev/sas_web/static/public/css/header.css | 99 +++++++++++ web_dev/sas_web/templates/public/header.html | 170 ++++--------------- 2 files changed, 134 insertions(+), 135 deletions(-) create mode 100644 web_dev/sas_web/static/public/css/header.css diff --git a/web_dev/sas_web/static/public/css/header.css b/web_dev/sas_web/static/public/css/header.css new file mode 100644 index 0000000..2caee51 --- /dev/null +++ b/web_dev/sas_web/static/public/css/header.css @@ -0,0 +1,99 @@ +html { + background-color: white; +} +#logo { + width: 90%; + padding-left: 2%; + padding-top: 2%; +} +.top-links { + color: #929292; + vertical-align: top; + padding-top: 5px; + text-align: center; +} +#logotablerow { + padding-right: 2%; +} +#search { + vertical-align: middle; +} +#search_icon { + width: 80%; + vertical-align: middle; + padding-left: 0px; +} +table{ + border-collapse: collapse; + border: none; +} +table tr{ + border: none; + vertical-align: top; +} + +table td{ + padding-left: 10px; + padding-top: 2px; + border: none; +} +.link-container { + text-align: center; + width: 10%; +} +.allcenter { + vertical-align: middle; + text-align: right; + padding-right: 10px; +} +#search { + font-size: 16pt; + background: #D6D5D5; + color: black; +} +#search:focus{ + font-size: 16pt; + background: #D6D5D5; + color: black; + outline: none; +} +ul { + list-style-type: none; + position: relative; + margin-left: 2%; + margin-top: 20px; + padding: 0; + overflow: hidden; + width: 96%; + background: #D6D5D5; + border: none; +} + +li { + float: left; + width: 30%; + margin-top: 0.5%; + margin-bottom: 0.5%; + vertical-align: middle; + padding-left: 3%; + color: #929292; +} + +li a { + display: block; + color: #666; + text-align: center; + padding: 14px 16px; + text-decoration: none; + border-top-right-radius: 5px; + border-top-left-radius: 2.5px; +} + +.active { + background: #9F2D17; + color: white; +} + +li a:hover:not(.active) { + background: #929292; +} diff --git a/web_dev/sas_web/templates/public/header.html b/web_dev/sas_web/templates/public/header.html index 0be7cd4..9ebe378 100644 --- a/web_dev/sas_web/templates/public/header.html +++ b/web_dev/sas_web/templates/public/header.html @@ -1,138 +1,38 @@ {% load static %} - +