主页by羽

app/assets/stylesheets/dropdown.css.scss

-ul.menu {list-style:none; margin:0; padding:0}
+/*ul.menu {list-style:none; margin:0; padding:0}
 ul.menu li {position:relative; float:left; margin-right:2px}
 ul.menu ul {position:absolute; top:46px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
 ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
@@ -6,4 +6,24 @@ ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
 ul.menu ul li a:hover {background-color:#c5c5c5}
 ul.menu ul ul {left:148px; top:-1px}
 ul.menu .sub {background:#d1d1d1 image-url("dropdown/arrow.gif") 136px 8px no-repeat}
-ul.menu .topline {border-top:1px solid #aaa}
+ul.menu .topline {border-top:1px solid #aaa}*/
+
+ul.menu{
+	list-style:none; margin:0; padding:0;
+	li{
+		position:relative; float:left;height:50px;border-right:1px solid rgba(255, 255, 255, 0.15);
+		&:hover{background:rgba(38,60,123,0.9);}
+		&:first-child{border-left:1px solid rgba(255, 255, 255, 0.15)}
+	}
+	ul{
+		position:absolute; top:50px; left:0; background-color:rgb(38, 60, 123); display:none; opacity:0; list-style:none;
+		li{
+			position:relative;  border-top:none; width:148px; margin:0;display:block; padding:3px 7px 5px; height:20px;
+				
+			a{}
+		}
+		ul{left:148px; top:-1px;}
+	}
+	.sub{background:#d1d1d1 image-url("dropdown/arrow.gif") 136px 8px no-repeat;}
+	.topline {border-top:1px solid #aaa}
+}
\ No newline at end of file

app/assets/stylesheets/mycard.css.scss

 /*
  *= require dropdown
 */
+@mixin background-gradient($from:#3966AE,$to:#263C7B){
+	background: $from;
+	background: -webkit-gradient(linear, 0 0, 0 bottom, from($from), to($to));
+	background: -webkit-linear-gradient($from, $to);
+	background: -moz-linear-gradient($from, $to);
+	background: -ms-linear-gradient($from, $to);
+	background: -o-linear-gradient($from, $to);
+	background: linear-gradient($from, $to);
+}
 *{
 margin:0;
 padding:0;
@@ -22,7 +31,6 @@ color:white;
 }
 #nav a:hover{
 color:white;
-margin-left:10px;
 }
 #nav a:visited{
 color:white;
@@ -40,27 +48,28 @@ color:white;
 margin:0 auto;
 font:small-caps 12px "\5FAE\8F6F\96C5\9ED1";
 text-shadow:1px 1px 2px #0C2549;
+@include background-gradient();
 }
 .nav_logo{
 width:120px;
 height:30px;
-margin:10px;
-padding:0 0 0 5px;
+margin:0 0 0 5px;
+padding:10px 0 10px 5px;
 border-width:0 1px 0 0;
 border-style:solid;
-border-color:#354e70;
+border-color:rgba(0, 0, 0, 0.2);
 display:block;
 font:25px bold 'Nunito',sans-serif;
 float:left;
 }
 .nav_link{
-width:80px;
+
+min-width:60px;
 height:30px;
-padding:0;
-margin-top:10px;
+padding:10px;
 border-width:0 1px 0 0;
 border-style:solid;
-border-color:#354e70;
+border-color:rgba(0, 0, 0, 0.2);
 display:block;
 font:15px/30px "\5FAE\8F6F\96C5\9ED1";
 float:left;