vagrant/website/www/source/stylesheets/_footer.less

102 lines
2.0 KiB
Plaintext
Raw Normal View History

2013-09-03 20:48:55 +00:00
// footer
footer {
2015-11-15 01:12:59 +00:00
padding: 80px 0;
background: @black url(/images/footer_background.png) center center;
text-align: center;
color: @white;
z-index: 999;
position: relative; //z-index needs position!
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
ul.footer-nav {
color: @blue;
text-transform: uppercase;
font-size: 15px;
.museo-sans-light;
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
li {
display: inline-block;
margin: 0 10px;
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
a {
color: @blue;
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
&:hover {
color: @purple;
} //li a:hover
} // li a
} //li
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
} //ul
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
ul.logos {
margin: (@baseline * 2) 0;
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
li {
display: inline-block;
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
span {
color: @dark-gray-text;
.museo-sans-light;
text-transform: uppercase;
font-size: 40px;
margin: 0 10px;
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
.vagrant-logo-monochrome,
.hashi-logo-monochrome {
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
&:hover {
-khtml-opacity: .85;
-moz-opacity: .85;
opacity: .85;
filter: alpha(opacity=85);
.animate-opacity;
}
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
.vagrant-logo-monochrome {
height: 80px;
width: 80px;
background: url(/images/footer_vagrant_logo.png) no-repeat center center;
margin-bottom: -25px;
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
.hashi-logo-monochrome {
height: 80px;
width: 80px;
background: url(/images/footer_hashi_logo.png) no-repeat center center;
margin-bottom: -25px;
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
a.contact-link {
color: @dark-gray-text;
line-height: @base-line-height * 2;
font-size: 30px;
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
&:hover {
color: @white;
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
&:visited {
color: inherit;
}
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
&:active {
color: @blue;
}
} //contact link
2013-09-03 20:48:55 +00:00
2015-11-15 01:12:59 +00:00
} //footer