diff options
Diffstat (limited to 'readable')
| -rw-r--r-- | readable/bootstrap.css | 58 | ||||
| -rw-r--r-- | readable/bootstrap.min.css | 8 | ||||
| -rwxr-xr-x | readable/bootswatch.less | 32 |
3 files changed, 48 insertions, 50 deletions
diff --git a/readable/bootstrap.css b/readable/bootstrap.css index 5d2241f5..267c4c8b 100644 --- a/readable/bootstrap.css +++ b/readable/bootstrap.css @@ -4828,37 +4828,39 @@ small { border-right: 1px solid rgba(128, 128, 128, 0.3); border-left: none; } -.navbar .nav-collapse.collapse .nav li:first-child > a { - margin-bottom: 10px; -} -.navbar .nav-collapse.collapse .nav li > a { - color: #9c0001; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - font-weight: normal; -} -.navbar .nav-collapse.collapse .nav li > a:hover { - background-color: rgba(0, 0, 0, 0.05); - color: #c50001; -} -.navbar .nav-collapse.collapse .navbar-form, -.navbar .nav-collapse.collapse .navbar-search { - border-top: 1px solid rgba(128, 128, 128, 0.2); - border-bottom: 1px solid rgba(128, 128, 128, 0.2); -} -.navbar .nav-collapse.collapse .nav-header { - color: #999999; -} .navbar-inverse .brand:hover { color: #ffffff; } -.navbar-inverse .nav-collapse.collapse .nav li > a { - color: #cdcdcd; -} -.navbar-inverse .nav-collapse.collapse .nav li > a:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #ffffff; +@media (max-width: 979px) { + .navbar .nav-collapse .nav li:first-child > a { + margin-bottom: 10px; + } + .navbar .nav-collapse .nav li > a { + color: #9c0001; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + font-weight: normal; + } + .navbar .nav-collapse .nav li > a:hover { + background-color: rgba(0, 0, 0, 0.05); + color: #c50001; + } + .navbar .nav-collapse .navbar-form, + .navbar .nav-collapse .navbar-search { + border-top: 1px solid rgba(128, 128, 128, 0.2); + border-bottom: 1px solid rgba(128, 128, 128, 0.2); + } + .navbar .nav-collapse .nav-header { + color: #999999; + } + .navbar-inverse .nav-collapse .nav li > a { + color: #cdcdcd; + } + .navbar-inverse .nav-collapse .nav li > a:hover { + background-color: rgba(0, 0, 0, 0.2) !important; + color: #ffffff; + } } div.subnav { -webkit-box-shadow: none; diff --git a/readable/bootstrap.min.css b/readable/bootstrap.min.css index 9f6d3e6c..a1150eab 100644 --- a/readable/bootstrap.min.css +++ b/readable/bootstrap.min.css @@ -817,14 +817,8 @@ code,pre{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background .navbar .search-query{border:1px solid #D4D4D4;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#282828;background-color:#ffffff;} .navbar .navbar-text{margin:15px 15px 0;line-height:1.4em;} .navbar .divider-vertical{border-right:1px solid rgba(128, 128, 128, 0.3);border-left:none;} -.navbar .nav-collapse.collapse .nav li:first-child>a{margin-bottom:10px;} -.navbar .nav-collapse.collapse .nav li>a{color:#9c0001;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-weight:normal;}.navbar .nav-collapse.collapse .nav li>a:hover{background-color:rgba(0, 0, 0, 0.05);color:#c50001;} -.navbar .nav-collapse.collapse .navbar-form,.navbar .nav-collapse.collapse .navbar-search{border-top:1px solid rgba(128, 128, 128, 0.2);border-bottom:1px solid rgba(128, 128, 128, 0.2);} -.navbar .nav-collapse.collapse .nav-header{color:#999999;} .navbar-inverse .brand:hover{color:#ffffff;} -.navbar-inverse .nav-collapse.collapse .nav li>a{color:#cdcdcd;} -.navbar-inverse .nav-collapse.collapse .nav li>a:hover{background-color:rgba(0, 0, 0, 0.2);color:#ffffff;} -div.subnav{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#ffffff;background-image:none;}div.subnav .nav{padding:0;} +@media (max-width:979px){.navbar .nav-collapse .nav li:first-child>a{margin-bottom:10px;} .navbar .nav-collapse .nav li>a{color:#9c0001;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-weight:normal;}.navbar .nav-collapse .nav li>a:hover{background-color:rgba(0, 0, 0, 0.05);color:#c50001;} .navbar .nav-collapse .navbar-form,.navbar .nav-collapse .navbar-search{border-top:1px solid rgba(128, 128, 128, 0.2);border-bottom:1px solid rgba(128, 128, 128, 0.2);} .navbar .nav-collapse .nav-header{color:#999999;} .navbar-inverse .nav-collapse .nav li>a{color:#cdcdcd;} .navbar-inverse .nav-collapse .nav li>a:hover{background-color:rgba(0, 0, 0, 0.2) !important;color:#ffffff;}}div.subnav{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#ffffff;background-image:none;}div.subnav .nav{padding:0;} div.subnav .nav>li.active>a,div.subnav .nav>li:active>a{color:#9c0001;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:transparent;} div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a:hover,div.subnav .nav>li:active>a:hover{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#c50001;} div.subnav-fixed{top:50px;} diff --git a/readable/bootswatch.less b/readable/bootswatch.less index c09047f6..0d0014ca 100755 --- a/readable/bootswatch.less +++ b/readable/bootswatch.less @@ -97,7 +97,17 @@ code, pre { border-left: none; } - .nav-collapse.collapse { + &-inverse { + + .brand:hover { + color: @white; + } + } +} + +@media (max-width: @navbarCollapseWidth) { + + .navbar .nav-collapse { .nav li:first-child > a { margin-bottom: 10px; @@ -125,24 +135,16 @@ code, pre { } } - &-inverse { + .navbar-inverse .nav-collapse { - .brand:hover { - color: @white; + .nav li > a { + color: @grayLighter; } - .nav-collapse.collapse { - - .nav li > a { - color: @grayLighter; - } - - .nav li > a:hover { - background-color: rgba(0, 0, 0, 0.2); - color: @white; - } + .nav li > a:hover { + background-color: rgba(0, 0, 0, 0.2) !important; + color: @white; } - } } |