add me

2026-08-05 06:23:38 +00:00 · 2014-12-28 00:03:28 +08:00
parent d319879c78
commit 3102f72713
23 changed files with 395 additions and 0 deletions
@@ -0,0 +1,205 @@
+html body{
+	font-family: georgia, "微软雅黑";
+	font-size:13px;
+	margin:0;
+	width:100%;
+	height:100%;
+	background-color:#2B2B2B;
+}
+
+.fl{
+	float:left;
+}
+
+.fr{
+	float:right;
+}
+
+.text_center{
+	text-align:center;
+}
+ .center{
+ 	margin-left:auto;
+ 	margin-right:auto;
+ }
+
+/*index left*/
+.userinfo{
+	position:absolute;
+	top:0;
+	left:0;
+	bottom:0;
+	width:320px;
+}
+
+.userinfo_avatar{
+	height:100px;
+	width:100px;
+	margin-top:10px;
+}
+
+.userinfo_avatar img{
+	height:100px;
+	width:100px;
+	border-radius:50px;
+}
+
+.userinfo_hr{
+	height:1px;
+	width:310px;
+	border-top:1px solid #3E3E3E;
+	margin-top:10px;
+}
+
+.userinfo_info div{
+	margin-left:15px;
+	color:#898989;
+	height:20px;
+	line-height:20px;
+}
+
+
+.userinfo_desc{
+	margin-top:15px;
+	margin-left:10px;
+	width:300px;
+	color:#898989;
+	line-height:23px;
+}
+
+.userinfo_desc span{
+	color:#66D038;
+}
+
+.userinfo_btn{
+	height:30px;
+	width:100%;
+}
+
+.userinfo_btn div{
+	height:30px;
+	width:90px;
+	border:1px solid #898989;
+	line-height:30px;
+	font-size:16px;
+	color:#FFF;
+	border-radius:3px;
+	margin-top: 10px;
+	margin-left:50px;
+	cursor:pointer;
+}
+
+.userinfo_btn div:hover{
+	background-color:#FFDF00;
+	border:1px solid #FFDF00;
+	color:#898989;
+}
+
+.userinfo_btn div:last-child{
+	margin-left:20px;
+}
+
+.userinfo_link{
+	width:100%;
+	height:30px;
+	margin-top:20px;
+}
+
+.userinfo_link a:first-child{
+	margin-left:70px;
+}
+
+.userinfo_link a{
+	display:inline-block;
+	width:50px;
+	text-align:center;
+}
+
+.userinfo_link a img{
+	cursor:pointer;
+	width:30px;
+	height:30px;
+}
+
+
+/*index right*/
+.project_list{
+	position:absolute;
+	top:0;
+	right:0;
+	left:321px;
+	min-width:850px;
+	overflow:auto;
+	border-left:1px solid #808080;
+}
+
+.item{
+	height:150px;
+	width:250px;
+	float:left;
+	margin-left:30px;
+	margin-top:20px;
+}
+
+.item img{
+	height:150px;
+	width:250px;
+	border-radius:4px;
+}
+
+.item span{
+	position:relative;
+	width:250px;
+	text-align:center;
+	background-color:#000;
+	height:30px;
+	line-height:30px;
+	cursor:pointer;
+	color:#FFF;
+	top:-33px;
+	border-radius:0 0 3px 3px;
+	opacity:0.7;
+	display:inline-block;
+}
+
+.item_top15{
+	margin-top:45px;
+}
+
+.item_hr{
+	height:30px;
+	margin-top: 250px;
+	width:96%;
+	border-bottom:1px solid #313131;
+	margin-left:2%;
+	color:#E89640;
+	font-size:16px;
+}
+
+.item_hr_1{
+	margin-top:90px;
+}
+
+.item_hr_2{
+	margin-top:200px;
+}
+
+.item_hr_3{
+	margin-top:200px;
+}
+
+/*title*/
+.title{
+	position:absolute;
+	top:20px;
+	color:#FFF;
+	width:100%;
+	font-size:18px;
+	text-align:center;
+}
+
+
+
+
+
+