From 7434d36e9b192fda3855c4bfdf918c140c2ea90a Mon Sep 17 00:00:00 2001
From: chris <chris.vilayphiou@gmail.com>
Date: Wed, 9 Jan 2013 19:20:04 +0800
Subject: [PATCH] Ray's changes for icon size

---
 app/assets/stylesheets/orbit-bar.css.erb | 306 +++++++++++------------
 app/assets/stylesheets/style.css.erb     |  31 +--
 2 files changed, 169 insertions(+), 168 deletions(-)

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