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

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

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