Fix side menu styles because it had broken existing nav-stacked lists.

This commit is contained in:
takezoe
2013-06-30 23:09:40 +09:00
parent 435d488089
commit 143f4ec9c4
3 changed files with 9 additions and 9 deletions

View File

@@ -3,7 +3,7 @@
<div class="row-fluid">
<div class="span3">
<div class="box">
<ul class="nav nav-tabs nav-stacked">
<ul class="nav nav-tabs nav-stacked side-menu">
<li@if(active=="users"){ class="active"}>
<a href="@path/admin/users">User Management</a>
</li>

View File

@@ -4,7 +4,7 @@
<div class="row-fluid">
<div class="span3">
<div class="box">
<ul class="nav nav-tabs nav-stacked">
<ul class="nav nav-tabs nav-stacked side-menu">
<li@if(active=="options"){ class="active"}>
<a href="@url(repository)/settings/options">Options</a>
</li>

View File

@@ -190,33 +190,33 @@ div.signin-form {
/****************************************************************************/
/* Stacked side menu */
/****************************************************************************/
ul.nav-stacked {
ul.nav-stacked.side-menu {
margin-bottom: 0px;
}
ul.nav-stacked li {
ul.nav-stacked.side-menu li {
background-color: #f9f9f9;
}
ul.nav-stacked li a:hover {
ul.nav-stacked.side-menu li a:hover {
background-color: white;
}
ul.nav-stacked li.active a {
ul.nav-stacked.side-menu li.active a {
background-color: white;
color: black;
font-weight: bold;
border-left: 2px solid #cc6666;
}
ul.nav-stacked li.active a:hover {
ul.nav-stacked.side-menu li.active a:hover {
background-color: white;
color: black;
font-weight: bold;
border-left: 2px solid #cc6666;
}
.nav-tabs.nav-stacked > li:first-child > a {
.nav-tabs.nav-stacked.side-menu > li:first-child > a {
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
@@ -227,7 +227,7 @@ ul.nav-stacked li.active a:hover {
-moz-border-radius-topleft: 0px;
}
.nav-tabs.nav-stacked > li:last-child > a {
.nav-tabs.nav-stacked.side-menu > li:last-child > a {
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;