Ray's changes for icon css
This commit is contained in:
parent
41dff814fb
commit
933ac7b8fe
|
@ -16,7 +16,7 @@
|
||||||
.item h3 {
|
.item h3 {
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
.item h3 [class^="icons-"] {
|
.item h3 [class^="icon"] {
|
||||||
margin: 3px 5px 0 3px;
|
margin: 3px 5px 0 3px;
|
||||||
}
|
}
|
||||||
.item .detail {
|
.item .detail {
|
||||||
|
|
|
@ -49,8 +49,10 @@
|
||||||
#main-sidebar #position span {
|
#main-sidebar #position span {
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
}
|
}
|
||||||
#main-sidebar #position [class^="icons"] {
|
#main-sidebar #position [class^="icon"] {
|
||||||
color: #FFF;
|
color: white;
|
||||||
|
font-size: 1.5em;
|
||||||
|
line-height: 1.5em;
|
||||||
}
|
}
|
||||||
#main-sidebar #position a {
|
#main-sidebar #position a {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -79,7 +81,7 @@
|
||||||
color: #CFCFCF;
|
color: #CFCFCF;
|
||||||
text-shadow: 0 -1px 0px rgba(36, 36, 36, 0.65);
|
text-shadow: 0 -1px 0px rgba(36, 36, 36, 0.65);
|
||||||
}
|
}
|
||||||
#main-sidebar #position #collapse-menu [class^="icon-"] {
|
#main-sidebar #position #collapse-menu [class^="icon"] {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
#main-sidebar #position a:hover {
|
#main-sidebar #position a:hover {
|
||||||
|
@ -91,11 +93,11 @@
|
||||||
#main-sidebar .nav > li {
|
#main-sidebar .nav > li {
|
||||||
margin: 1px 0;
|
margin: 1px 0;
|
||||||
}
|
}
|
||||||
#main-sidebar .nav > li > a [class^="icons-"] {
|
#main-sidebar .nav > li > a [class^="icon"] {
|
||||||
float: left;
|
float: left;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
#main-sidebar .nav > li.active > a [class^="icons-"] {
|
#main-sidebar .nav > li.active > a [class^="icon"] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
-moz-opacity: 1;
|
-moz-opacity: 1;
|
||||||
filter:alpha(opacity=10);
|
filter:alpha(opacity=10);
|
||||||
|
@ -133,7 +135,7 @@
|
||||||
-webkit-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
-webkit-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||||
-moz-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
-moz-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||||
}
|
}
|
||||||
#main-sidebar .overview > .nav > li:hover > a [class^="icons-"] {
|
#main-sidebar .overview > .nav > li:hover > a [class^="icon"] {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
#main-sidebar .nav > li > .nav {
|
#main-sidebar .nav > li > .nav {
|
||||||
|
@ -156,7 +158,7 @@
|
||||||
#main-sidebar .nav > li > .nav > li {
|
#main-sidebar .nav > li > .nav > li {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
#main-sidebar .nav > li > .nav > li [class^="icon-"] {
|
#main-sidebar .nav > li > .nav > li [class^="icon"] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
|
@ -183,8 +185,8 @@
|
||||||
#main-sidebar .nav > li > .nav > li.active > a:hover {
|
#main-sidebar .nav > li > .nav > li.active > a:hover {
|
||||||
background-color: #6B6B6B;
|
background-color: #6B6B6B;
|
||||||
}
|
}
|
||||||
#main-sidebar .nav > li > .nav > li.active > a [class^="icon-"],
|
#main-sidebar .nav > li > .nav > li.active > a [class^="icon"],
|
||||||
#main-sidebar .nav > li > .nav > li > a:hover [class^="icon-"] {
|
#main-sidebar .nav > li > .nav > li > a:hover [class^="icon"] {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
#main-wrap {
|
#main-wrap {
|
||||||
|
@ -543,8 +545,10 @@
|
||||||
width: 28px;
|
width: 28px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.folded #main-sidebar .nav > li > a [class^="icons-"] {
|
.folded #main-sidebar .nav > li > a [class^="icon"] {
|
||||||
margin-left: 1px;
|
margin-left: 1px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
line-height: 1.5em;
|
||||||
}
|
}
|
||||||
/*.folded #main-sidebar .viewport {
|
/*.folded #main-sidebar .viewport {
|
||||||
width: 39px;
|
width: 39px;
|
||||||
|
@ -629,7 +633,7 @@
|
||||||
#banner_tab li a {
|
#banner_tab li a {
|
||||||
padding-right: 32px;
|
padding-right: 32px;
|
||||||
}
|
}
|
||||||
#banner_tab li [class^="icons-"] {
|
#banner_tab li [class^="icon"] {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
background-image: linear-gradient(top, #B7B7B7, #9d9d9d);
|
background-image: linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0);
|
||||||
}
|
}
|
||||||
.widget-box .widget-title [class^="icons-"] {
|
.widget-box .widget-title [class^="icon"] {
|
||||||
margin: 3px 5px 0 2px;
|
margin: 3px 5px 0 2px;
|
||||||
}
|
}
|
||||||
.widget-box .widget-content {
|
.widget-box .widget-content {
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
background-image: linear-gradient(top, #B7B7B7, #9d9d9d);
|
background-image: linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0);
|
||||||
}
|
}
|
||||||
.widget-box .widget-title [class^="icons-"] {
|
.widget-box .widget-title [class^="icon"] {
|
||||||
margin: 3px 5px 0 2px;
|
margin: 3px 5px 0 2px;
|
||||||
}
|
}
|
||||||
.widget-box .widget-content {
|
.widget-box .widget-content {
|
||||||
|
|
Reference in New Issue