update: css
groups.css main.css
This commit is contained in:
parent
3f02e82c42
commit
8fb81072d5
2 changed files with 57 additions and 25 deletions
|
@ -83,30 +83,32 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
|
||||||
color: #5a595a;
|
color: #5a595a;
|
||||||
}
|
}
|
||||||
/*Sidebar of categories*/
|
/*Sidebar of categories*/
|
||||||
.navbar-stacked ul{
|
.navbar-stacked{
|
||||||
|
padding:11px 0 0 !important;
|
||||||
}
|
}
|
||||||
.navbar-stacked li a{
|
.navbar-stacked li a{
|
||||||
color: #575757;
|
color: #575757;
|
||||||
|
|
||||||
}
|
}
|
||||||
.nav > li.wv_heading > a:hover, .nav > li.wv_heading > a:focus .cbCategoryItem > ul > li.wv_heading > a:hover, .cbCategoryItem > ul > li.wv_heading > a:focus{
|
.nav > li.wv_heading > a:hover,
|
||||||
|
.nav > li.wv_heading > a:focus .cbCategoryItem > ul > li.wv_heading > a:hover,
|
||||||
|
.cbCategoryItem > ul > li.wv_heading > a:focus{
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
color: #FFFFFF !important;
|
color: #FFFFFF !important;
|
||||||
}
|
}
|
||||||
.navbar-stacked li{
|
.navbar-stacked li{
|
||||||
border-right: 1px solid #d5d5d5;
|
/*border-right: 1px solid #d5d5d5;*/
|
||||||
border-bottom: 1px solid #d5d5d5;
|
border-bottom: 1px solid #d5d5d5;
|
||||||
border-left: 10px solid #d5d5d5;
|
/*border-left: 5px solid #fff;*/
|
||||||
}
|
}
|
||||||
.navbar-stacked li b{
|
.navbar-stacked li b{
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.navbar-stacked li:hover {
|
.navbar-stacked li:hover {
|
||||||
border-left: 10px solid #428bca;
|
/*border-left: 5px solid #428bca;*/
|
||||||
}
|
}
|
||||||
li.cbCategoryItem.selected {
|
li.cbCategoryItem.selected {
|
||||||
border-left: 10px solid #428bca;
|
/*border-left: 5px solid #428bca;*/
|
||||||
}
|
}
|
||||||
li.cbCategoryItem.selected {
|
li.cbCategoryItem.selected {
|
||||||
background-color: #EEEEEE;
|
background-color: #EEEEEE;
|
||||||
|
@ -123,13 +125,17 @@ padding: 7px 15px;
|
||||||
color: #575757;
|
color: #575757;
|
||||||
}
|
}
|
||||||
.wv_heading{
|
.wv_heading{
|
||||||
background-color: #444444;
|
/*background-color: #444444;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-stacked li.wv_heading a{
|
.navbar-stacked li.wv_heading> a{
|
||||||
color: #fff;
|
/*color: #fff;
|
||||||
font-weight: 200;
|
font-weight: 200;*/
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #444;
|
||||||
|
padding: 7px 15px 10px !important;
|
||||||
}
|
}
|
||||||
.nav.navbar-stacked .caret{
|
.nav.navbar-stacked .caret{
|
||||||
color: #575757;
|
color: #575757;
|
||||||
|
@ -137,7 +143,8 @@ font-weight: 200;
|
||||||
border-top-color: #575757;
|
border-top-color: #575757;
|
||||||
}
|
}
|
||||||
.navbar-stacked li.wv_heading a:hover{
|
.navbar-stacked li.wv_heading a:hover{
|
||||||
color: #575757;
|
/*color: #575757;*/
|
||||||
|
border-left-color: #fff;
|
||||||
}
|
}
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -154,9 +161,10 @@ border-left: 0px solid #d5d5d5;
|
||||||
border-top: 1px solid #d5d5d5;
|
border-top: 1px solid #d5d5d5;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
.cbCategoryItem ul li:hover{
|
.cbCategoryItem ul li:hover{
|
||||||
background-color: #EEEEEE;
|
/*background-color: #EEEEEE;*/
|
||||||
border-left: 0 solid #428BCA;
|
border-left: 0 solid #428BCA;
|
||||||
}
|
}
|
||||||
.cbCategoryItem ul li:hover a{
|
.cbCategoryItem ul li:hover a{
|
||||||
|
@ -177,21 +185,25 @@ border-right: none;
|
||||||
border-color: #444444 rgba(0, 0, 0, 0) -moz-use-text-color;
|
border-color: #444444 rgba(0, 0, 0, 0) -moz-use-text-color;
|
||||||
}
|
}
|
||||||
.cbCategoryItem span.CategoryToggler {
|
.cbCategoryItem span.CategoryToggler {
|
||||||
border-color: #AFAFAF rgba(0, 0, 0, 0) -moz-use-text-color;
|
/*border-color: #AFAFAF rgba(0, 0, 0, 0) -moz-use-text-color;
|
||||||
border-style: solid solid dotted;
|
border-style: solid solid dotted;
|
||||||
border-width: 9px 4px 0;
|
border-width: 9px 4px 0;
|
||||||
color: #000000;
|
color: #000000;*/
|
||||||
cursor: alias;
|
cursor: alias;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
height: 0;
|
/* height: 0;*/
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-top: 8px;
|
/*margin-top: 8px;*/
|
||||||
position: inherit;
|
position: inherit;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
top: 7px;
|
top: 7px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
width: 0;
|
/*width: 0;*/
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
background: #f6f6f6 url(../../theme/assets/images/arrow-drop.png) no-repeat 50% 50%;
|
||||||
|
border-radius: 12px;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
.padding-left-right-zero{
|
.padding-left-right-zero{
|
||||||
|
|
|
@ -18,6 +18,8 @@ html,
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
a:active,
|
||||||
|
a:focus{outline: none !important;}
|
||||||
#container {
|
#container {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
|
@ -2017,16 +2019,34 @@ footer {
|
||||||
color: #575757;
|
color: #575757;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.nav.navbar-stacked > li > a{
|
||||||
|
border-left: 5px solid #fff;
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
.nav.navbar-stacked li.wv_heading > a:hover,
|
||||||
|
.nav.navbar-stacked li.wv_heading.selected >a,
|
||||||
|
.nav.navbar-stacked li.wv_heading > a:focus{
|
||||||
|
background-color:#fff;
|
||||||
|
color: #444 !important;
|
||||||
|
border-left-color: #fff;
|
||||||
|
}
|
||||||
|
.nav.navbar-stacked .cbCategoryItem.selected >a,
|
||||||
|
.nav.navbar-stacked > li > a:focus,
|
||||||
|
.nav.navbar-stacked > li > a:hover{
|
||||||
|
border-left: 5px solid #428bca;
|
||||||
|
background: #fff;
|
||||||
|
color:#444;
|
||||||
|
}
|
||||||
.navbar-stacked li{
|
.navbar-stacked li{
|
||||||
border-right: 1px solid #d5d5d5;
|
/*border-right: 1px solid #d5d5d5;*/
|
||||||
border-bottom: 1px solid #d5d5d5;
|
border-bottom: 1px solid #d5d5d5;
|
||||||
border-left: 10px solid #d5d5d5;
|
/*border-left: 10px solid #d5d5d5;*/
|
||||||
}
|
}
|
||||||
.navbar-stacked li b{
|
.navbar-stacked li b{
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.navbar-stacked li:hover{
|
.navbar-stacked li:hover{
|
||||||
border-left: 10px solid #428bca;
|
/*border-left: 10px solid #428bca;*/
|
||||||
}
|
}
|
||||||
.navbar-stacked li b.caret{
|
.navbar-stacked li b.caret{
|
||||||
border-top-width: 8px;
|
border-top-width: 8px;
|
||||||
|
@ -2039,10 +2059,10 @@ footer {
|
||||||
color: #575757;
|
color: #575757;
|
||||||
}
|
}
|
||||||
.wv_heading{
|
.wv_heading{
|
||||||
background-color: #444444;
|
/*background-color: #444444;*/
|
||||||
color: #FFFFFF;
|
/*color: #FFFFFF;*/
|
||||||
|
color: #444;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-stacked li.wv_heading a{
|
.navbar-stacked li.wv_heading a{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
|
|
Loading…
Add table
Reference in a new issue