From 01f00886c83abf91b5ec068a03fd92601d668840 Mon Sep 17 00:00:00 2001 From: Alex Legler Date: Fri, 9 Jan 2015 08:42:53 +0100 Subject: Let's lose some color --- sources/css/tyrian/bootstrap/variables-tyrian.less | 1 + sources/css/tyrian/less/footer.less | 23 ++++++++++++---------- 2 files changed, 14 insertions(+), 10 deletions(-) diff --git a/sources/css/tyrian/bootstrap/variables-tyrian.less b/sources/css/tyrian/bootstrap/variables-tyrian.less index d356ed5..2ba1531 100644 --- a/sources/css/tyrian/bootstrap/variables-tyrian.less +++ b/sources/css/tyrian/bootstrap/variables-tyrian.less @@ -19,6 +19,7 @@ @brand-primary: @gentoo-purple; @body-bg: #FAFAFA; +@footer-bg: #E1E1E1; @font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-monospace: monospace; diff --git a/sources/css/tyrian/less/footer.less b/sources/css/tyrian/less/footer.less index 6530fec..8aa6dff 100644 --- a/sources/css/tyrian/less/footer.less +++ b/sources/css/tyrian/less/footer.less @@ -1,28 +1,30 @@ footer { - background-color: @gentoo-purple; - color: white; - border-top: 4px solid @gentoo-purple-light; + background-color: @footer-bg; + color: #444; + border-top: 4px solid darken(@footer-bg, 10%); + margin-top: 2em; padding-top: 0.5em; padding-bottom: 1em; - .box-shadow(~"inset 0 -1px 15px 0 rgba(0,0,0,.15)"); + //.box-shadow(~"inset 0 -1px 15px 0 rgba(0,0,0,.15)"); background-image: url('black-thing.png'), url('znurt.png'); background-position: right bottom, right top; background-repeat: no-repeat; + font-size: 90%; a:link, a:visited, a:active { - color: white; - border-bottom: 1px solid lighten(@gentoo-purple-light, 10%); + color: @gentoo-purple; + border-bottom: 1px solid darken(@footer-bg, 10%); } a:hover { - border-bottom: 1px solid white; + border-bottom: 1px solid @gentoo-purple-light; text-decoration: none; } .footerhead { margin-top: 1em; font-family: @font-family-sans-serif; - font-weight: bold; + font-weight: normal; } } @@ -38,7 +40,7 @@ footer .row { } footer small { - font-size: 80%; + font-size: 90%; } @@ -58,11 +60,12 @@ ul.footerlinks { a:hover, a:active { background-color: @gentoo-purple-light; text-decoration: none; + color: white; } } li.divider { - border-top: 1px solid @gentoo-purple-light; + border-top: 1px solid darken(@footer-bg, 10%); margin-top: 5px; padding-bottom: 5px; } -- cgit v1.2.3-65-gdbad