Final Ray's modifications

app/assets/stylesheets/member.css.erb

@@ -21,7 +21,7 @@ ul {
 	margin:0;
 	padding:0;
 }
-input{
+.info_input input{
 	border:none;
 	padding:5px;
 	border-radius: 5px;
@@ -91,6 +91,11 @@ h1 {
 	border-top:1px solid #406cc3;
 	border-bottom:1px solid #242628;
 }
+#infos_list .member_setup ul li.set_3 {
+	background-position:left bottom;
+	border-top:1px solid #406cc3;
+	border-bottom:1px solid #242628;
+}
 #user_list .member_setup ul li.set_1 a span {
 	background-position:left bottom;
 	color:#eeeeee;
@@ -139,6 +144,9 @@ h1 {
 .main_list {
 	padding-top:70px;
 }
+.main_list ul {
+	clear:both;
+}
 .main_list li {
 	background:url(<%= asset_path '75.png' %>) repeat left top;
 	margin-bottom:20px;
@@ -173,6 +181,9 @@ h1 {
 .main_list li.list_item:hover {
 	border:1px solid #3699dd;
 }
+.main_list li.disable {
+	opacity:0.6;
+}
 .main_list li.list_item:hover span {
 	line-height:38px;
 }
@@ -206,6 +217,13 @@ h1 {
 #main .action a.delete{
 	background-position:-38px top;
 }
+#main a.switch{
+	background:url(<%= asset_path 'switch.png' %>) no-repeat left 3px;
+	width:40px;
+}
+#main .disable a.switch{
+	background:url(<%= asset_path 'switch.png' %>) no-repeat left bottom;
+}
 #main .action a.show:hover{
 	background-position:left -19px;
 }
@@ -238,19 +256,37 @@ h1 {
 #add_new a:hover {
 	background-position: -54px 3px;
 }
+.buttom {
+	float:right;
+}
 #confirm a{
 	background-position:4px -70px;
 }
 #confirm a:hover{
 	background-position: 4px -51px;
 }
+#create a{
+	background-image: none;
+	padding: 0 10px;
+}
+#update a{
+	background-position:4px -112px;
+}
+#update a:hover{
+	background-position:4px -89px;
+}
+#back a{
+	background-position:4px -156px;
+}
+#back a:hover{
+	background-position:4px -133px;
+}
 .buttom a {
-	margin-bottom: 20px;
+	margin:0 0 20px 10px;
 	background-image:url(<%= asset_path 'icon.png' %>);
 	background-repeat:no-repeat;
 	font-size:12px;
 	color:#FFF;
-	float:right;
 	display:inline-block;
 	padding:0 10px 0 25px;
 	background-color: rgba(0, 0, 0, 0.75);
@@ -279,6 +315,21 @@ h1 {
 	position:absolute;
 	top:-30px;
 }
+#porfile .user_mail {
+	text-align: center;
+	background:url(<%= asset_path 'upload_but.png' %>) repeat-x left top;
+	border:none;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	padding:3px 10px 1px;
+	margin-top:10px;
+	width:110px;
+    height: 21px;
+	font-size: 12px;
+	color:#666666;
+	text-shadow: 0 1px 0 #FFFFFF;
+}
 #porfile label {
 	display:block;
 	text-shadow: 0 1px 0 #FFFFFF;
@@ -326,6 +377,7 @@ h1 {
 	margin-left:180px;
 }
 #person {
+	text-align:center;
 	left: 265px;
 	position: fixed;
 	top: 75px;
@@ -340,7 +392,16 @@ h1 {
 	-webkit-box-shadow: 0px 0px 4px #180902;/* Safari 和 Chrome */
 	box-shadow: 0px 0px 4px #180902; /* Opera 10.5 + */
 }
+#person .mail {
+	color: #FFFFFF;
+	font-size: 12px;
+	text-shadow:0px 1px 0px #333;
+	font-weight:bold;
+	background:url(<%= asset_path 'line.png' %>) repeat-x left top;
+	padding-top:10px;
+}
 #upload, #edit{
+	margin: 0 auto;
 	display:block;
 	text-shadow: 0 1px 0 #FFFFFF;
 	background:url(<%= asset_path 'upload_but.png' %>) repeat-x left top;