Changeset - a2f4ed129881
[Not reviewed]
default
0 1 0
Mads Kiilerich - 9 years ago 2017-03-01 03:53:15
mads@kiilerich.com
style: use Bootstrap-ish nav-pills markup for settings menu

Based on work by Dominik Ruf.
1 file changed with 18 insertions and 3 deletions:
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
Show inline comments
 
@@ -2888,54 +2888,69 @@ nav.navbar, #content, #footer {
 
    border-right: 1px solid #DDD;
 
    border-bottom: 1px solid #c6c6c6;
 
    outline: none;
 
    margin: 0 3px 0 0;
 
    border-radius: 4px 4px 4px 4px !important;
 
    padding: 3px 3px 3px 3px;
 
    display: inline-block;
 
    white-space: nowrap;
 
}
 
.btn {
 
    cursor: pointer !important;
 
}
 
.label {
 
    cursor: default !important;
 
}
 

	
 
.panel-body.settings > ul.nav-stacked {
 
    float: left;
 
    width: 150px;
 
    margin: 20px;
 
    color: #393939;
 
    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,
 
.panel-body.settings > form {
 
    float: left;
 
    width: 750px;
 
    margin: 10px 0 0 0;
 
    border-left: 1px solid #DDDDDD;
 
}
 

	
 
.panel-body > div,
 
.panel-body > form {
 
    padding: 0 20px 10px;
 
}
 

	
 
/* make .btn inputs and buttons and divs look the same */
 
button.btn,
 
input.btn {
 
    font-family: inherit;
 
    font-size: inherit;
 
    line-height: inherit;
 
}
 

	
 
.btn::-moz-focus-inner {
0 comments (0 inline, 0 general)