saurabh
/
orbit-basic
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ray's changes for icon size

This commit is contained in:
chris 2013-01-09 19:20:04 +08:00
parent 933ac7b8fe
commit 7434d36e9b
2 changed files with 169 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/stylesheets/orbit-bar.css.erb
View File

@ -1,4 +1,3 @@
#orbit-bar {
margin-bottom:0;
position:fixed;
@ -16,13 +15,13 @@
border-radius:0px;
padding-top:2px;
padding-bottom:1px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
background-image: -moz-linear-gradient(top, #545b60, #191a1c);
background-image: -ms-linear-gradient(top, #545b60, #191a1c);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));
background-image:-webkit-linear-gradient(top, #545b60, #191a1c);
background-image:-moz-linear-gradient(top, #545b60, #191a1c);
background-image:-ms-linear-gradient(top, #545b60, #191a1c);
background-image:-o-linear-gradient(top, #545b60, #191a1c);
background-image:linear-gradient(top, #545b60, #191a1c);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0);
@ -61,22 +60,26 @@
padding:5px 20px 4px;
}
#orbit-bar .orbit-logo .brand:hover {
background-color: rgba(0,157,220,1);
background-color:#009ddc;
}
#orbit-bar .orbit-logo.open .brand {
background-color: rgba(0,157,220,1);
background-color:#009ddc;
}
#orbit-bar .orbit-logo .dropdown-menu {
left:-15px;
}
#orbit-bar .dropdown-menu>li [class^="icon"],
#orbit-bar .dropdown-menu>li [class*=" icon"] {
font-size: 1.5em;
margin-right: 10px;
}
#orbit-bar .nav>li {
height:28px;
}
#orbit-bar .nav>li>a:hover {
background-color: rgba(0,157,220,1);
background-color:#009ddc;
}
#orbit-bar .nav>li>a {
/*background-image: url(<%= asset_path 'orbit-bar.png' %>);*/
background-repeat:no-repeat;
display:inline-block;
width:17px;
@ -117,7 +120,7 @@
z-index:1;
}
#orbit-bar .nav>li.language.open>a.orbit-bar-language {
background-color: rgba(0,157,220,1);
background-color:#009ddc;
}
.language-menu .active {
color:#ffffff;
@ -155,9 +158,6 @@
}
#orbit-bar .account-menu {
right:5px;
}
#orbit-bar .bar-login {
}
#orbit-bar .bar-login .open,#orbit-bar .open .orbit-bar-account {
background-color:#009DDC;

31
app/assets/stylesheets/style.css.erb
View File

@ -49,10 +49,11 @@
#main-sidebar #position span {
color: #FFF;
}
#main-sidebar #position [class^="icon"] {
color: white;
#main-sidebar #position>a [class^="icon"] {
color: #FFF;
font-size: 1.5em;
line-height: 1.5em;
line-height: 2em;
margin-right: 10px;
}
#main-sidebar #position a {
display: block;
@ -83,6 +84,7 @@
}
#main-sidebar #position #collapse-menu [class^="icon"] {
display: inline;
line-height: 3px;
}
#main-sidebar #position a:hover {
text-decoration: none;
@ -96,6 +98,8 @@
#main-sidebar .nav > li > a [class^="icon"] {
float: left;
color: #333;
font-size: 1.5em;
line-height: 1.5em;
}
#main-sidebar .nav > li.active > a [class^="icon"] {
opacity: 1;
@ -200,6 +204,11 @@
height: auto;
min-height: 36px;
}
#main-wrap .subnav .breadcrumb {
margin: 0;
border-bottom: 1px solid #DBDBDB;
border-radius: 0;
}
#main-wrap .pagination {
margin: 18px 0 0;
text-align: center;
@ -455,14 +464,8 @@
.sign-in .error .help-inline {
display:inline-block;
}
.web-symbol:after {
font-family: 'WebSymbolsRegular';
content: "{";
margin-left: 2px;
margin-top: 8px;
}
.active .web-symbol:after {
content: "}";
.active .icons-arrow-down-5:before {
content: "\e0cf";
}
.img-peview {
margin-left: 12px;
@ -545,11 +548,9 @@
width: 28px;
white-space: nowrap;
}
.folded #main-sidebar .nav > li > a [class^="icon"] {
/*.folded #main-sidebar .nav > li > a [class^="icon"] {
margin-left: 1px;
font-size: 1.5em;
line-height: 1.5em;
}
}*/
/*.folded #main-sidebar .viewport {
width: 39px;
background-color: rgba(100,100,100,.3)