1.1.0

敲定了background，只剩添加每个人的card

Author: Clect

css/clect.css

@@ -0,0 +1,109 @@
+
+.main-border
+{
+	position:absolute;
+	width:500px;
+	height:300px;
+	font-family:Microsoft YaHei;
+}
+
+.main-bg
+{
+	width:500px;
+	height:300px;
+	background-color:#93e0ff;
+}
+
+.container
+{
+	background:white;
+    position: absolute;
+}
+
+.title
+{
+	height:45px;
+	padding-top:5px;
+	color:white;
+}
+
+.name
+{
+	margin-left:25px;
+	font-size:170%;
+}
+
+.normal
+{
+	display: inline-block;
+}
+
+.type
+{
+	margin-left:290px;
+	text-align:right;
+}
+
+.PinYin
+{
+	font-size:90%;
+}
+
+.icon
+{
+	position:absolute;
+	margin-top:25px;
+	margin-left:25px;
+	width:180px;
+	height:180px;
+	border:1px solid #888888;
+	border-radius:10px;
+	box-shadow: 1px 1px 1px #888888;
+}
+
+.ability-container
+{
+	padding-top:25px;
+	padding-left:240px;
+	color:#93e0ff;
+}
+
+.ability-container > div
+{
+	height:25px;
+}
+
+.ability-slot-container
+{
+	width: 160px;
+	margin-left:10px;
+}
+
+.ability
+{
+	height:11px;
+	background:#93e0ff;
+}
+
+.skill-container
+{
+	margin-top:13px;
+	margin-left:5px;
+	color:white;
+}
+
+.skill-border
+{
+	width:40px;
+	height:40px;
+	border-radius:7px;
+	background:#93e0ff;
+}
+
+.skill
+{
+	margin-top:10px;
+	text-align:center;
+	font-size:80%;
+	font-weight:bold;
+}

css/component.css

@@ -0,0 +1,14 @@
+/* Header */
+.large-header {
+	position: relative;
+	width: 100%;
+	background: #333;
+	overflow: hidden;
+	background-size: cover;
+	background-position: center center;
+	z-index: 1;
+}
+
+.demo-1 .large-header {
+	background-image: url('../i/1.jpg');
+}