diff options
Diffstat (limited to 'src/less/footer.less')
-rw-r--r-- | src/less/footer.less | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/src/less/footer.less b/src/less/footer.less new file mode 100644 index 0000000..8ec0ec9 --- /dev/null +++ b/src/less/footer.less @@ -0,0 +1,86 @@ +footer { + background-color: @footer-bg; + color: #444; + border-bottom: 1px solid darken(@footer-bg, 10%); + margin-top: 2em; + padding-top: 0.5em; + padding-bottom: 1em; + .box-shadow(~"inset 0 -1px 5px 0 rgba(0,0,0,.1)"); + background-image: url('black-thing.svg'), url('znurt.svg'); + background-size: 150px, 100px; + background-position: right bottom, right top; + background-repeat: no-repeat; + font-size: 90%; + + a:link, a:visited, a:active { + color: @gentoo-purple; + border-bottom: 1px solid darken(@footer-bg, 10%); + } + + a:hover { + border-bottom: 1px solid @gentoo-purple-light; + text-decoration: none; + } + + .footerhead { + margin-top: 1em; + font-family: @font-family-sans-serif; + font-weight: normal; + text-transform: uppercase; + color: darken(@footer-bg, 60%); + font-size: 1.2em; + } + + .spacer { + margin-top: 1em; + } +} + +footer .row { + margin-bottom: 1em; +} + +footer small { + font-size: 90%; +} + + +ul.footerlinks { + padding: 0; + margin: 0; + + li { + list-style-type: none; + + a:link, a:visited { + color: darken(@footer-bg, 40%); + border-radius: 2px; + border: none; + display: block; + padding: 6px 12px; + } + + a:hover, a:active { + background-color: darken(@footer-bg, 30%); + text-decoration: none; + color: white; + } + } + + li.divider { + border-top: 1px solid darken(@footer-bg, 10%); + margin-top: 5px; + padding-bottom: 5px; + } +} + +ul.three-icons li { + text-align: center; +} + +@media (min-width: @screen-sm-min) { + ul.three-icons li { + float: left; + width: 33%; + } +}
\ No newline at end of file |