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

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

@ -1,234 +1,234 @@
#orbit-bar { #orbit-bar {
margin-bottom: 0; margin-bottom:0;
position:fixed; position:fixed;
width:100%; width:100%;
z-index: 99; z-index:99;
top: 0; top:0;
left: 0; left:0;
} }
#orbit-bar .navbar-inner { #orbit-bar .navbar-inner {
min-height: 28px; min-height:28px;
height: 28px; height:28px;
border: none; border:none;
-moz-border-radius: 0px; -moz-border-radius:0px;
-webkit-border-radius: 0px; -webkit-border-radius:0px;
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:-webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));
background-image: -ms-linear-gradient(top, #545b60, #191a1c); background-image:-webkit-linear-gradient(top, #545b60, #191a1c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c)); background-image:-moz-linear-gradient(top, #545b60, #191a1c);
background-image: -webkit-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);
} }
#orbit-bar .navbar-search { #orbit-bar .navbar-search {
left: 30px; left:30px;
margin: 0; margin:0;
position: absolute; position:absolute;
text-align: right; text-align:right;
top: -1px; top:-1px;
z-index: 0; z-index:0;
opacity: 0; opacity:0;
-moz-opacity: 0; -moz-opacity:0;
filter:alpha(opacity=0); filter:alpha(opacity=0);
} }
#orbit-bar .nav.pull-right { #orbit-bar .nav.pull-right {
margin-right: -20px; margin-right:-20px;
} }
#orbit-bar .search-query { #orbit-bar .search-query {
padding: 7px 9px 5px; padding:7px 9px 5px;
height: 12px; height:12px;
margin-top: 3px; margin-top:3px;
border: none; border:none;
line-height: 14px; line-height:14px;
border-radius: 3px; border-radius:3px;
} }
#orbit-bar .search-query:focus { #orbit-bar .search-query:focus {
background-position: 5px 2px; background-position:5px 2px;
} }
#orbit-bar .container { #orbit-bar .container {
width:100%; width:100%;
} }
#orbit-bar .orbit-logo .brand { #orbit-bar .orbit-logo .brand {
background: url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px; background:url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px;
text-indent:-9999px; text-indent:-9999px;
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 .nav > li { #orbit-bar .dropdown-menu>li [class^="icon"],
height: 28px; #orbit-bar .dropdown-menu>li [class*=" icon"] {
}
#orbit-bar .nav > li > a:hover {
background-color: rgba(0,157,220,1);
}
#orbit-bar .nav > li > a {
/*background-image: url(<%= asset_path 'orbit-bar.png' %>);*/
background-repeat:no-repeat;
display: inline-block;
width: 17px;
height: 16px;
padding: 6px 6px 6px 5px;
}
#orbit-bar .nav > li > a[data-icon]:before {
font-size: 1.5em; font-size: 1.5em;
color: #fff; margin-right: 10px;
line-height: 16px;
text-shadow: none;
} }
#orbit-bar .nav > li.search { #orbit-bar .nav>li {
overflow: hidden; height:28px;
width: 28px;
position: relative;
} }
#orbit-bar .nav > li > a.orbit-bar-home { #orbit-bar .nav>li>a:hover {
background-position: -10px -10px; background-color:#009ddc;
} }
#orbit-bar .nav > li > a.orbit-bar-desktop { #orbit-bar .nav>li>a {
background-position: -106px -9px; background-repeat:no-repeat;
display:inline-block;
width:17px;
height:16px;
padding:6px 6px 6px 5px;
} }
#orbit-bar .nav > li > a.orbit-bar-member { #orbit-bar .nav>li>a[data-icon]:before {
background-position: -4px -37px; font-size:1.5em;
color:#fff;
line-height:16px;
text-shadow:none;
} }
#orbit-bar .nav > li > a.orbit-bar-member { #orbit-bar .nav>li.search {
background-position: -10px -43px; overflow:hidden;
width:28px;
position:relative;
} }
#orbit-bar .nav > li > a.orbit-bar-language { #orbit-bar .nav>li>a.orbit-bar-home {
background-position: -42px -42px; background-position:-10px -10px;
} }
#orbit-bar .nav > li > a.orbit-bar-search { #orbit-bar .nav>li>a.orbit-bar-desktop {
background-position: -75px -10px; background-position:-106px -9px;
overflow: hidden;
position: absolute;
right: 0;
z-index: 1;
} }
#orbit-bar .nav > li.language.open > a.orbit-bar-language { #orbit-bar .nav>li>a.orbit-bar-member {
background-color: rgba(0,157,220,1); background-position:-4px -37px;
}
#orbit-bar .nav>li>a.orbit-bar-member {
background-position:-10px -43px;
}
#orbit-bar .nav>li>a.orbit-bar-language {
background-position:-42px -42px;
}
#orbit-bar .nav>li>a.orbit-bar-search {
background-position:-75px -10px;
overflow:hidden;
position:absolute;
right:0;
z-index:1;
}
#orbit-bar .nav>li.language.open>a.orbit-bar-language {
background-color:#009ddc;
} }
.language-menu .active { .language-menu .active {
color: #ffffff; color:#ffffff;
text-decoration: none; text-decoration:none;
background-color: #0088cc; background-color:#0088cc;
} }
#orbit-bar .nav > li > a.orbit-bar-account { #orbit-bar .nav>li>a.orbit-bar-account {
background-image: none; background-image:none;
height: 22px; height:22px;
padding: 3px; padding:3px;
text-indent: inherit; text-indent:inherit;
min-width: 110px; min-width:110px;
width: auto !important; width:auto !important;
text-align: left; text-align:left;
color: #FFFFFF; color:#FFFFFF;
text-shadow: none; text-shadow:none;
background-color: rgba(0, 0, 0, 0.5); background-color:rgba(0,0,0,0.5);
} }
#orbit-bar .nav > li > a.orbit-bar-account:hover { #orbit-bar .nav>li>a.orbit-bar-account:hover {
background-color: #08C; background-color:#08C;
} }
#orbit-bar .nav span.member-name { #orbit-bar .nav span.member-name {
display: inline-block; display:inline-block;
line-height: 22px; line-height:22px;
padding: 0 10px; padding:0 10px;
vertical-align: top; vertical-align:top;
} }
#orbit-bar .nav img.member-img { #orbit-bar .nav img.member-img {
display: inline-block; display:inline-block;
max-width: 24px; max-width:24px;
margin-top: -2px; margin-top:-2px;
} }
#orbit-bar .clear { #orbit-bar .clear {
clear: none; clear:none;
} }
#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 {
background-color:#009DDC;
}
#orbit-bar .bar-login .open, #orbit-bar .open .orbit-bar-account {
background-color: #009DDC;
} }
#orbit-bar .bar-login .dropdown-menu { #orbit-bar .bar-login .dropdown-menu {
padding: 0 0 10px; padding:0 0 10px;
max-width: 260px; max-width:260px;
} }
#orbit-bar .bar-login .dropdown-menu .log { #orbit-bar .bar-login .dropdown-menu .log {
margin: 10px 15px 0; margin:10px 15px 0;
list-style: none outside none; list-style:none outside none;
} }
#orbit-bar .bar-login .dropdown-menu .log .title { #orbit-bar .bar-login .dropdown-menu .log .title {
background: url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center; background:url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center;
height: 70px; height:70px;
} }
#orbit-bar .bar-login .dropdown-menu .log form { #orbit-bar .bar-login .dropdown-menu .log form {
margin: 0 0 8px; margin:0 0 8px;
} }
#orbit-bar .bar-login .dropdown-menu .log input { #orbit-bar .bar-login .dropdown-menu .log input {
display: inline-block; display:inline-block;
margin: 0; margin:0;
} }
#orbit-bar .bar-login .dropdown-menu .log .span2 { #orbit-bar .bar-login .dropdown-menu .log .span2 {
width: 182px; width:182px;
} }
#orbit-bar .bar-login .dropdown-menu .log .forgot { #orbit-bar .bar-login .dropdown-menu .log .forgot {
margin-bottom: 20px; margin-bottom:20px;
padding: 3px 0 0; padding:3px 0 0;
float: right; float:right;
display: inline-block; display:inline-block;
color: #0088CC; color:#0088CC;
} }
#orbit-bar .bar-login .dropdown-menu .log .input-prepend { #orbit-bar .bar-login .dropdown-menu .log .input-prepend {
margin-top: 20px; margin-top:20px;
} }
#orbit-bar .bar-login .dropdown-menu .log .remember { #orbit-bar .bar-login .dropdown-menu .log .remember {
margin-top: 5px; margin-top:5px;
} }
#orbit-bar .bar-login .dropdown-menu .log .forgot:hover { #orbit-bar .bar-login .dropdown-menu .log .forgot:hover {
padding: 3px 0 0; padding:3px 0 0;
float: right; float:right;
display: inline-block; display:inline-block;
color: #005580; color:#005580;
text-decoration: underline; text-decoration:underline;
background-color: transparent; background-color:transparent;
} }
#orbit-bar .bar-login .dropdown-menu .log .btn { #orbit-bar .bar-login .dropdown-menu .log .btn {
width: 220px; width:220px;
} }
#orbit-bar .bar-login .dropdown-menu .log .divider { #orbit-bar .bar-login .dropdown-menu .log .divider {
position:relative; position:relative;
overflow: inherit; overflow:inherit;
margin: 20px 0; margin:20px 0;
} }
#orbit-bar .bar-login .dropdown-menu .log .divider span { #orbit-bar .bar-login .dropdown-menu .log .divider span {
position: absolute; position:absolute;
width: 20px; width:20px;
height: 20px; height:20px;
background-color: #FFF; background-color:#FFF;
color: #666; color:#666;
top: -9px; top:-9px;
left: 100px; left:100px;
font-size: 1.4em; font-size:1.4em;
text-align: center; text-align:center;
} }
#orbit-bar .bar-login .dropdown-menu .register { #orbit-bar .bar-login .dropdown-menu .register {
color: #FFFFFF; color:#FFFFFF;
margin: 0 15px; margin:0 15px;
width: 188px; width:188px;
} }
#orbit-bar .add-on i { #orbit-bar .add-on i {
font-size: 12px; font-size:12px;
} }

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)