website: fix docs footer
This commit is contained in:
parent
44d7ccc629
commit
a2aeda969c
|
@ -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;
|
||||||
.skewY(-2deg);
|
.skew {
|
||||||
|
.skewY(-2deg);
|
||||||
|
}
|
||||||
|
|
||||||
>.container{
|
>.container.skew{
|
||||||
.skewY(2deg);
|
.skewY(2deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -89,7 +90,7 @@ body.page-home{
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-hashi{
|
.footer-hashi{
|
||||||
float: right;
|
float: right;
|
||||||
|
@ -111,9 +112,9 @@ body.page-home{
|
||||||
i{
|
i{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 37px;
|
width: 37px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background: url(../images/footer-hashicorp-logo.png) 0 0 no-repeat;
|
background: url(../images/footer-hashicorp-logo.png) 0 0 no-repeat;
|
||||||
.img-retina("../images/footer-hashicorp-logo.png", "../images/footer-hashicorp-logo@2x.png", 37px, 40px);
|
.img-retina("../images/footer-hashicorp-logo.png", "../images/footer-hashicorp-logo@2x.png", 37px, 40px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -143,10 +144,10 @@ body.page-home{
|
||||||
.hashi-logo{
|
.hashi-logo{
|
||||||
i{
|
i{
|
||||||
background: url(../images/footer-hashicorp-white-logo.png) 0 0 no-repeat;
|
background: url(../images/footer-hashicorp-white-logo.png) 0 0 no-repeat;
|
||||||
.img-retina("../images/footer-hashicorp-white-logo.png", "../images/footer-hashicorp-white-logo@2x.png", 37px, 40px);
|
.img-retina("../images/footer-hashicorp-white-logo.png", "../images/footer-hashicorp-white-logo@2x.png", 37px, 40px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -162,13 +163,13 @@ body.page-home{
|
||||||
margin-top: -6px;
|
margin-top: -6px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
background-size: 20px 22px;
|
background-size: 20px 22px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|
|
@ -14,7 +14,7 @@ body.page-sub{
|
||||||
|
|
||||||
.navbar-collapse{
|
.navbar-collapse{
|
||||||
background-color: rgba(255, 255, 255, 0.98);
|
background-color: rgba(255, 255, 255, 0.98);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-logo{
|
.nav-logo{
|
||||||
height: 90px;
|
height: 90px;
|
||||||
|
@ -32,7 +32,7 @@ body.page-sub{
|
||||||
.transition( color 0.3s ease );
|
.transition( color 0.3s ease );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons.nav > li > a, .buttons.nav > li > a {
|
.buttons.nav > li > a, .buttons.nav > li > a {
|
||||||
.transition( background-color 0.3s ease );
|
.transition( background-color 0.3s ease );
|
||||||
}
|
}
|
||||||
|
@ -40,17 +40,16 @@ body.page-sub{
|
||||||
.buttons.nav > li > a:hover, .buttons.nav > li > a:focus {
|
.buttons.nav > li > a:hover, .buttons.nav > li > a:focus {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
.transition( background-color 0.3s ease );
|
.transition( background-color 0.3s ease );
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-links.nav > li > a:hover, .main-links.nav > li > a:focus {
|
.main-links.nav > li > a:hover, .main-links.nav > li > a:focus {
|
||||||
color: @purple;
|
color: @purple;
|
||||||
.transition( color 0.3s ease );
|
.transition( color 0.3s ease );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
.anti-alias();
|
|
||||||
position: relative;
|
position: relative;
|
||||||
color: @white;
|
color: @white;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
|
@ -86,7 +85,8 @@ body.page-sub{
|
||||||
.lato-light();
|
.lato-light();
|
||||||
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -134,7 +134,7 @@ body.page-sub{
|
||||||
background-color: @purple;
|
background-color: @purple;
|
||||||
.skewY(24deg);
|
.skewY(24deg);
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li > a {
|
li > a {
|
||||||
//border-bottom: 2px solid rgba(255, 255, 255, .2);
|
//border-bottom: 2px solid rgba(255, 255, 255, .2);
|
||||||
|
@ -176,7 +176,7 @@ body.page-sub{
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -210,9 +210,9 @@ body.page-sub{
|
||||||
padding: 0 0 0 4px;
|
padding: 0 0 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
|
|
||||||
|
@ -238,7 +238,7 @@ body.page-sub{
|
||||||
background-color: @purple;
|
background-color: @purple;
|
||||||
.skewY(24deg);
|
.skewY(24deg);
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -251,7 +251,7 @@ body.page-sub{
|
||||||
body.page-home{
|
body.page-home{
|
||||||
.nav-logo{
|
.nav-logo{
|
||||||
width: 30%;
|
width: 30%;
|
||||||
}
|
}
|
||||||
.nav-white{
|
.nav-white{
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
|
@ -261,8 +261,8 @@ body.page-sub{
|
||||||
> a{
|
> a{
|
||||||
padding-right: 4px !important;
|
padding-right: 4px !important;
|
||||||
text-indent: -9999px;
|
text-indent: -9999px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -294,7 +294,7 @@ body.page-sub{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#header{
|
#header{
|
||||||
.buttons.navbar-nav{
|
.buttons.navbar-nav{
|
||||||
float: none !important;
|
float: none !important;
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue