From 8717099774e4e67422f60fa93adf3634878f657b Mon Sep 17 00:00:00 2001 From: JT Date: Tue, 22 Jul 2014 23:03:13 -0700 Subject: [PATCH] footer css --- website/source/stylesheets/_header.less | 3 +- website/source/stylesheets/_home.less | 11 ++++++ website/source/stylesheets/main.css | 49 +++++-------------------- 3 files changed, 21 insertions(+), 42 deletions(-) diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less index d63c823cc..a9ff5dfd2 100755 --- a/website/source/stylesheets/_header.less +++ b/website/source/stylesheets/_header.less @@ -4,11 +4,10 @@ body.page-sub{ #header{ - .consul-gradient-bg(); + background-color: @purple; } } -#footer, #header { .anti-alias(); position: relative; diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less index 6fd006e97..8578c4f31 100755 --- a/website/source/stylesheets/_home.less +++ b/website/source/stylesheets/_home.less @@ -166,6 +166,17 @@ .footer-links{ margin-bottom: 20px; + li{ + a{ + text-transform: uppercase; + font-size: 12px; + letter-spacing: 3px; + + &:hover{ + background-color: transparent; + } + } + } } .footer-hashi{ diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index cb519f087..689be7645 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -78,24 +78,8 @@ pre { text-align: center; } body.page-sub #header { - background: #694a9c; - /* Old browsers */ - background: -moz-linear-gradient(left, #694a9c 0%, #cd2028 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(0%, #694a9c), color-stop(100%, #cd2028)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #694a9c 0%, #cd2028 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #694a9c 0%, #cd2028 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(left, #694a9c 0%, #cd2028 100%); - /* IE10+ */ - background: linear-gradient(to right, #694a9c 0%, #cd2028 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#694a9c', endColorstr='#cd2028', GradientType=1); - /* IE6-9 */ + background-color: #822ff7; } -#footer, #header { -webkit-font-smoothing: antialiased; position: relative; @@ -103,29 +87,23 @@ body.page-sub #header { text-rendering: optimizeLegibility; margin-bottom: 0; } -#footer .navbar-collapse, #header .navbar-collapse { box-shadow: none; } -#footer.navbar-static-top, #header.navbar-static-top { z-index: 1000; } -#footer a, #header a { color: #ffffff; } -#footer .navbar-toggle, #header .navbar-toggle { margin-top: 14px; margin-bottom: 14px; border: 2px solid #ffffff; } -#footer .navbar-toggle .icon-bar, #header .navbar-toggle .icon-bar { border: 1px solid #ffffff; } -#footer .navbar-brand.logo, #header .navbar-brand.logo { margin-top: 15px; padding: 5px 0 0 68px; @@ -140,47 +118,38 @@ body.page-sub #header { background-size: 50px 56px; } @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) { - #footer .navbar-brand.logo, #header .navbar-brand.logo { background-image: url("../images/header-logo@2x.png"); background-size: 50px 56px; } } -#footer .navbar-nav, #header .navbar-nav { -webkit-font-smoothing: antialiased; } -#footer .navbar-nav li, #header .navbar-nav li { position: relative; } -#footer .navbar-nav li > a, #header .navbar-nav li > a { font-size: 12px; text-transform: uppercase; letter-spacing: 3px; padding-left: 22px; } -#footer .navbar-nav li.first > a, #header .navbar-nav li.first > a { padding-left: 15px; } -#footer .nav > li > a:hover, #header .nav > li > a:hover, -#footer .nav > li > a:focus, #header .nav > li > a:focus { background-color: transparent; /*color: @p; .transition( color 0.3s ease );*/ } -#footer .main-links.navbar-nav, #header .main-links.navbar-nav { margin-top: 26px; /*li + li.li-under a::after{ left: 15px; }*/ } -#footer .main-links.navbar-nav li + li::before, #header .main-links.navbar-nav li + li::before { content: ""; position: absolute; @@ -190,23 +159,19 @@ body.page-sub #header { height: 23px; padding-right: 15px; } -#footer .main-links.navbar-nav li > a, #header .main-links.navbar-nav li > a { border-bottom: 2px solid rgba(255, 255, 255, 0.2); line-height: 26px; margin: 0 12px; padding: 0 0 0 4px; } -#footer .buttons.navbar-nav, #header .buttons.navbar-nav { margin-top: 26px; margin-left: 30px; } -#footer .buttons.navbar-nav li.first, #header .buttons.navbar-nav li.first { margin-right: 16px; } -#footer .buttons.navbar-nav li.download a, #header .buttons.navbar-nav li.download a { padding-left: 28px; background: url(../images/header-download-icon.png) 10px 7px no-repeat; @@ -214,26 +179,22 @@ body.page-sub #header { background-size: 12px 13px; } @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) { - #footer .buttons.navbar-nav li.download a, #header .buttons.navbar-nav li.download a { background-image: url("../images/header-download-icon@2x.png"); background-size: 12px 13px; } } -#footer .buttons.navbar-nav li.github a, #header .buttons.navbar-nav li.github a { background: url(../images/header-github-icon.png) 10px 6px no-repeat; background-image: url("../images/header-github-icon.png"); background-size: 12px 13px; } @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) { - #footer .buttons.navbar-nav li.github a, #header .buttons.navbar-nav li.github a { background-image: url("../images/header-github-icon@2x.png"); background-size: 12px 13px; } } -#footer .buttons.navbar-nav li > a, #header .buttons.navbar-nav li > a { color: black; padding-top: 3px; @@ -709,6 +670,14 @@ body.page-sub #header { #footer .footer-links { margin-bottom: 20px; } +#footer .footer-links li a { + text-transform: uppercase; + font-size: 12px; + letter-spacing: 3px; +} +#footer .footer-links li a:hover { + background-color: transparent; +} #footer .footer-hashi { letter-spacing: 2px; margin-bottom: 30px;