website: fix docs footer

This commit is contained in:
Jack Pearkes 2014-07-27 14:38:23 -04:00
parent 44d7ccc629
commit a2aeda969c
3 changed files with 32 additions and 29 deletions

View File

@ -10,14 +10,15 @@ body.page-home{
} }
} }
#footer{ #footer{
padding: 140px 0 40px; padding: 140px 0 40px;
color: black; color: black;
background-color: white; background-color: white;
.skew {
.skewY(-2deg); .skewY(-2deg);
}
>.container{ >.container.skew{
.skewY(2deg); .skewY(2deg);
} }

View File

@ -50,7 +50,6 @@ body.page-sub{
} }
#header { #header {
.anti-alias();
position: relative; position: relative;
color: @white; color: @white;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -87,6 +86,7 @@ body.page-sub{
text-transform: uppercase; text-transform: uppercase;
background: url(../images/consul-header-logo.png) 0 0 no-repeat; background: url(../images/consul-header-logo.png) 0 0 no-repeat;
.img-retina("../images/header-logo.png", "../images/header-logo@2x.png", 50px, 56px); .img-retina("../images/header-logo.png", "../images/header-logo@2x.png", 50px, 56px);
-webkit-font-smoothing: default;
} }
} }

View File

@ -120,7 +120,6 @@ body.page-sub #header .main-links.nav > li > a:focus {
transition: color 0.3s ease; transition: color 0.3s ease;
} }
#header { #header {
-webkit-font-smoothing: antialiased;
position: relative; position: relative;
color: #ffffff; color: #ffffff;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -155,6 +154,7 @@ body.page-sub #header .main-links.nav > li > a:focus {
background: url(../images/consul-header-logo.png) 0 0 no-repeat; background: url(../images/consul-header-logo.png) 0 0 no-repeat;
background-image: url("../images/header-logo.png"); background-image: url("../images/header-logo.png");
background-size: 50px 56px; background-size: 50px 56px;
-webkit-font-smoothing: default;
} }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#header .navbar-brand.logo { #header .navbar-brand.logo {
@ -392,13 +392,15 @@ body.page-home #footer {
padding: 140px 0 40px; padding: 140px 0 40px;
color: black; color: black;
background-color: white; background-color: white;
}
#footer .skew {
-webkit-transform: skewY(-2deg); -webkit-transform: skewY(-2deg);
-moz-transform: skewY(-2deg); -moz-transform: skewY(-2deg);
-ms-transform: skewY(-2deg); -ms-transform: skewY(-2deg);
-o-transform: skewY(-2deg); -o-transform: skewY(-2deg);
transform: skewY(-2deg); transform: skewY(-2deg);
} }
#footer > .container { #footer > .container.skew {
-webkit-transform: skewY(2deg); -webkit-transform: skewY(2deg);
-moz-transform: skewY(2deg); -moz-transform: skewY(2deg);
-ms-transform: skewY(2deg); -ms-transform: skewY(2deg);