From 86d701ac7fa7291a64f90102cac76ce9e94fd5f8 Mon Sep 17 00:00:00 2001 From: Sahat Yalkabov Date: Wed, 4 Dec 2013 03:11:14 -0500 Subject: [PATCH] iOS7 styled navbar --- public/css/ios7.less | 53 +++++++++++++++++++++++++++++++++++++++----- 1 file changed, 47 insertions(+), 6 deletions(-) diff --git a/public/css/ios7.less b/public/css/ios7.less index 24c02a16b8..22b4681269 100644 --- a/public/css/ios7.less +++ b/public/css/ios7.less @@ -4,12 +4,53 @@ @import url("//fonts.googleapis.com/css?family=Lato:100,300,400,700"); -// Navbar ===================================================================== - -// Buttons ==================================================================== - -.btn { - border: none; +// Body ======================================================================= +body { + font-family: "Lato", sans-serif; + color: #666; + background: #e8e8e8; + min-height: 100%; } + +// Navbar ===================================================================== +.navbar { + min-height: 45px; + width: 100%; +} + +.navbar-default { + background: rgba(255, 255, 255, 0.95); + border: 0; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); + + .navbar-nav { + > li > a { + color: #999; + transition: all 0.3s; + + &:hover, + &:focus { + color: #999; + background: rgba(0, 0, 0, 0.05); + } + } + + > .active > a { + &, + &:focus { + color: #007aff; + background-color: transparent; + } + &:hover { + color: #007aff; + background: rgba(0, 0, 0, 0.05); + } + } + } +} +// Buttons ==================================================================== + + + // Typography =================================================================