Mercurial > kallithea
changeset 6529:a2f4ed129881
style: use Bootstrap-ish nav-pills markup for settings menu
Based on work by Dominik Ruf.
author | Mads Kiilerich <mads@kiilerich.com> |
---|---|
date | Wed, 01 Mar 2017 03:53:15 +0100 |
parents | 51caa592b8f0 |
children | 85a1ffa5d96a |
files | kallithea/public/css/style.css |
diffstat | 1 files changed, 18 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/css/style.css Wed Mar 01 03:53:06 2017 +0100 +++ b/kallithea/public/css/style.css Wed Mar 01 03:53:15 2017 +0100 @@ -2909,12 +2909,27 @@ font-weight: 700; } -.panel-body.settings > ul.nav-stacked a { +.panel-body.settings .nav-pills > li { + padding: 0 !important; +} + +.panel-body.settings .nav-pills > li > a { + border-radius: 4px; + padding: 10px; + display: block; + position: relative; color: inherit; } -.panel-body.settings > ul.nav-stacked li.active { - list-style-type: disc +.panel-body.settings > ul.nav-stacked li.active > a, +.panel-body.settings > ul.nav-stacked li.active:hover > a { + color: #fff; + background-color: #577632; +} + +.panel-body.settings > ul.nav-stacked li:hover > a { + text-decoration: none; + background-color: #eee; } .panel-body.settings > div,