diff options
| author |   Alex Legler <alex@a3li.li> | 2015-01-09 08:42:53 +0100 |
|---|---|---|
| committer | Alex Legler <alex@a3li.li> | 2015-01-09 08:42:53 +0100 |
| commit | 01f00886c83abf91b5ec068a03fd92601d668840 (patch) | |
| tree | 541ec0d92e8b4637393baab6479a57af17c8e3ea | |
| parent | Visited link coloring requires .visited-links in a parent element now (diff) | |
| download | tyrian-theme-01f00886c83abf91b5ec068a03fd92601d668840.tar.gz tyrian-theme-01f00886c83abf91b5ec068a03fd92601d668840.tar.bz2 tyrian-theme-01f00886c83abf91b5ec068a03fd92601d668840.zip | |
Let's lose some color
| -rw-r--r-- | sources/css/tyrian/bootstrap/variables-tyrian.less | 1 | ||||
| -rw-r--r-- | 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; } |