From 8fded5eb8985de7b5f61005dc2a8e98a46b079b7 Mon Sep 17 00:00:00 2001 From: "max.mehl" Date: Tue, 19 Mar 2019 16:10:54 +0100 Subject: [PATCH] change colour scheme --- static/css/custom.css | 39 ++++++++++++++++++++++++++++++--------- 1 file changed, 30 insertions(+), 9 deletions(-) diff --git a/static/css/custom.css b/static/css/custom.css index dda5671..c4b2cc8 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,12 +1,35 @@ +/* COLOURS */ +html, body { + border-top: 3px solid #0D76EC; +} +div.footer { + border-bottom: 5px solid #0D76EC; +} +.container a { + color: #0D76EC; +} +.container a:hover { + color: #12437A; +} +div.container.links .label-success { + background-color: rgba(92, 139, 184, 0.6); +} +div.container h1 { + font-weight: bold; + color: #0D76EC; +} + +/* Avoid scrollbar jumps in centering + * see https://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ + */ +html { + margin-left: calc(100vw - 100%); +} + + div.avatar img { max-height: 190px; } - -div.container h1 { - font-weight: bold; - color: #27A822; -} - .panel { box-shadow: none; -webkit-box-shadow: none; @@ -28,9 +51,7 @@ div.contact p { } /* transparency of tags */ -div.container.links .label-success { - background-color: rgba(92, 184, 92, 0.6); -} + /* Scale social icons with hovering */ .social-links li a {