Orbit-bar in front-end and back-end, side-bar and drop-down menu

app/assets/stylesheets/scroll_style.css

@@ -0,0 +1,59 @@
+@charset "UTF-8";
+/* CSS Document */
+.my_scroll {
+	width: 100%;
+	clear: both;
+}
+.my_scroll .viewport {
+	width: 1005;
+	overflow: hidden;
+	position: relative;
+}
+.my_scroll .overview {
+	list-style: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+}
+.my_scroll .thumb .end, .my_scroll .thumb {
+	background-color: #000000;
+}
+.my_scroll .scrollbar {
+	position: relative;
+	float: right;
+	width: 8px;
+	top:2px;
+	right:-2px;
+}
+.my_scroll .track {
+	background-color: #CFCFCF;
+	height: 100%;
+	width:7px;
+	position: relative;
+	padding: 0 1px;
+	border-radius: 7px;
+	-webkit-border-radius: 7px;
+	-moz-border-radius: 7px;
+	opacity: 0.3;
+}
+.my_scroll .thumb {
+	height: 20px;
+	width:7px;
+	cursor: pointer;
+	overflow: hidden;
+	position: absolute;
+	top: 0;
+	border-radius: 7px;
+	-webkit-border-radius: 7px;
+	-moz-border-radius: 7px;
+}
+.my_scroll .thumb .end {
+	display:none;
+	overflow: hidden;
+	height: 5px;
+	width: 13px;
+}
+.my_scroll .disable {
+	display: none;
+}