添加Metronic（作为LFS）

frontend/static/css/layout/account.css

@@ -0,0 +1,39 @@
+.left-container{
+  text-align: center;
+  padding: 20px 40px;
+  margin-top: 40px;
+}
+.left-container .big-avatar{
+  border: 1px solid #BFBFBF;
+  width: 90px;
+  border-radius: 50px;
+  display: block;
+  margin: 0 auto;
+  margin-bottom: 18px;
+}
+.left-container .name{
+  font-size: 18px;
+  padding-bottom: 30px;
+  margin: 0 70px;
+  border-bottom: 1px solid #DDDDDD;
+}
+.left-container .left-nav{
+  margin-top: 25px;
+  list-style: none;
+  padding-left: 0;
+}
+.left-container .left-nav>li{
+  padding: 8px 0;
+}
+
+.right-container{
+  margin-top: 60px;
+  margin-bottom: 70px;
+}
+.right-container .form-profile-info{
+  width: 40%;
+}
+.right-container .form-profile-info .subtitle{
+  color: #969696;
+  margin-top: 6px;
+}

frontend/static/css/layout/app.css

@@ -0,0 +1,38 @@
+.apps{
+  margin-bottom: 80px;
+}
+.app-item{
+  list-style: none;
+  height: 350px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.app-item .info{
+  text-align: center;
+  padding-top: 80px;
+}
+.app-item .info .icon{
+  width: 70px;
+}
+.app-item .info p{
+  color: #969696;
+}
+.app-item .pics{
+  height: 100%;
+}
+.app-item .pics>li{
+  list-style: none;
+  display: inline-block;
+  margin-right: 30px;
+  height: 100%;
+  padding: 7px 5px;
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+}
+.app-item .pics>li>img{
+  height: 100%;
+}

frontend/static/css/layout/appdetail.css

@@ -0,0 +1,76 @@
+.app-container{
+  margin: 40px auto 80px;
+}
+.app-container .left-container{
+  padding-left: 40px;
+}
+
+.basic-info{
+  margin-bottom: 40px;
+}
+.basic-info .app-icon{
+  width: 60px;
+  margin-right: 14px;
+}
+.basic-info .app-icon img{
+  border-radius: 4px;
+}
+.basic-info h4{
+  word-break: break-word;
+}
+.basic-info span{
+  color: #969696;
+}
+
+.btn-group{
+  border-bottom: 1px solid #e5e5e5;
+  padding-bottom: 20px;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.btn-group>a{
+  display: block;
+}
+.btn-group>a>i{
+  margin-right: 8px;
+  font-size: 24px;
+  vertical-align: middle;
+}
+
+.sort-group{
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.sort-group a{
+  display: block;
+}
+.sort-group a:first-child{
+  margin-bottom: 10px;
+}
+.sort-group .active{
+  color: #1dc78e;
+}
+
+.tag-group{
+  list-style: none;
+  padding-left: 0;
+}
+.tag-group>li{
+  display: table;
+  margin-bottom: 15px;
+  border: 1px solid #969696;
+  line-height: 28px;
+  padding: 0 15px;
+  border-radius: 15px;
+}
+.tag-group .tag{
+  color: #969696;
+}
+.tag-group>li.active, .tag-group>li:hover{
+  border: 1px solid #1dc78e;
+  background: #1dc78e;
+}
+.tag-group>li.active .tag, .tag-group>li:hover .tag{
+  color: #fff;
+}

frontend/static/css/layout/forget.css

@@ -0,0 +1,16 @@
+body{
+  background-color: #2F2F2F;
+}
+.title{
+  margin: 60px 0 40px;
+}
+.form-forget{
+  max-width: 280px;
+  margin: 0 auto;
+}
+p{
+  margin-top: 8px;
+}
+.btn{
+  margin: 40px 0 16px;
+}

frontend/static/css/layout/home.css

@@ -0,0 +1,29 @@
+.guide-container{
+  height: 120px;
+  background-image: url(../../img/guide.png);
+  padding-top: 40px;
+  text-align: center;
+}
+.guide-container h4{
+  color: #fff;
+  display: inline-block;
+  margin-right: 32px;
+}
+
+.selector-container{
+  padding-right: 14px;
+}
+.selector-container .select-item{
+  margin-bottom: 20px;
+}
+.selector-container .select-item .item-header{
+  margin-bottom: 10px;
+}
+.selector-container .select-item .item-tag{
+  margin-right: 12px;
+  line-height: 30px;
+  display: inline-block;
+}
+.selector-container .select-item .item-tag.active{
+  color: #1DC78E;
+}

frontend/static/css/layout/layout-template/layout1.css

@@ -0,0 +1,67 @@
+/***--LAYOUT1--***/
+/**--main-content--**/
+#main-content{
+	margin-top: 0.1875rem;
+}
+#main-content .container{
+	position: relative;
+	margin:0 auto;
+	width: 64rem;
+	/*background: #fafaf7;*/
+}
+/*form*/
+#form-login{
+	padding-top: 3.75rem;
+}
+#form-register{
+	padding-top: 2rem;
+}
+#form-send-email-again{
+	padding-top: 5.625rem;
+}
+.form-group{
+	float: none;
+	width: 27.5rem;
+	margin: 0 auto;
+}
+.form-group label{
+	display: inline-block;
+	font-size: 1rem;
+	margin-bottom: 0.75rem;
+}
+#form-register .btn{
+	padding-left: 1.25rem;
+	padding-right: 1.25rem;
+}
+#form-send-email-again .btn{
+	padding: 1rem 1.25rem;
+	font-size:1.125rem;
+}
+.mb28{
+	margin-bottom: 1.75rem;
+}
+.mb40{
+	margin-bottom: 2.5rem;
+}
+.mb12{
+	margin-bottom: 0.75rem;
+}
+.mb132{
+	margin-bottom: 8.25rem;
+}
+.go-to-login:link,
+.go-to-login:visited,
+.go-to-login:hover,
+.go-to-login:active,
+.go-to-register:link,
+.go-to-register:visited,
+.go-to-register:hover,
+.go-to-register:active{ 
+	color: #86d48d;
+}
+/**--footer--**/
+#footer{
+	height: 3.75rem;
+	line-height: 3.75rem;
+}
+

frontend/static/css/layout/layout-template/layout2.css

@@ -0,0 +1,18 @@
+/***--LAYOUT2--***/
+/**--main-content--**/
+#main-content{
+	margin-top: 0.1875rem;
+}
+#main-content .container{
+	position: relative;
+	margin:0 auto;
+	width: 64rem;
+	height: 30rem;
+	/*background: #fafaf7;*/
+}
+/**--footer--**/
+#footer{
+	height: 3.75rem;
+	line-height: 3.75rem;
+}
+

frontend/static/css/layout/layout-template/layout3.css

@@ -0,0 +1,63 @@
+/***--LAYOUT3--***/
+/**--main-content--**/
+#main-content{
+	margin-top: 0.1875rem;
+}
+#main-content .container{
+	position: relative;
+	margin:0 auto;
+	width: 64rem;
+	height: 30rem;
+	/*background: #fafaf7;*/
+}
+.arrowLeft{
+	font-size:1.875rem;
+	line-height: 1.875rem;
+	color: #8a8a8a;
+	font-weight: 100;
+}
+.panel .panel-header .panel-title{
+	top: -2px;
+	left: 6px;
+}
+.color-bdbdbd{
+	color: #bdbdbd;
+}
+.check{
+	font-size:1.875rem;
+	line-height: 1.875rem;
+	color: #8a8a8a;
+	font-weight: 100;	
+}
+.checked{
+	font-size:1.875rem;
+	line-height: 1.875rem;
+	font-weight: 100;	
+}
+.check:hover,.checked:hover{
+	cursor: pointer;
+}
+.panel .panel-body .row{
+	padding: 1.875rem;
+}
+.panel .panel-body .row h4{
+	margin-left: 4px;
+}
+.authority ~ .check{
+	display: inline-block;
+}
+.authority ~ .checked{
+	display: none;
+}
+.authority:checked ~ .check{
+	display: none;
+}
+.authority:checked ~ .checked{
+	display: inline-block;
+}
+/**--footer--**/
+#footer{
+	height: 3.75rem;
+	line-height: 3.75rem;
+}
+

frontend/static/css/layout/layout-template/layout4.css

@@ -0,0 +1,17 @@
+/***--LAYOUT4--***/
+/**--main-content--**/
+#main-content{
+	margin-top: 0.1875rem;
+}
+#main-content .container{
+	margin: 0 auto;
+	width: 64rem;
+	height: 30rem;
+	/*background: #fafaf7;*/
+}
+
+/**--footer--**/
+#footer{
+	height: 3.75rem;
+	line-height: 3.75rem;
+}

frontend/static/css/layout/login.css

@@ -0,0 +1,16 @@
+body{
+  background-color: #2F2F2F;
+}
+.title{
+  margin: 60px 0 40px;
+}
+.form-sign-in{
+  max-width: 280px;
+  margin: 0 auto;
+}
+p{
+  margin-top: 8px;
+}
+.btn{
+  margin: 40px 0 16px;
+}

frontend/static/css/layout/profile.css

@@ -0,0 +1,78 @@
+.profile{
+  width: 100%;
+  border-bottom: 1px solid #e5e5e5;
+  background: rgba(255,255,255,0.6);
+  margin-bottom: 20px;
+  padding-top: 24px;
+  position: relative;
+  height: 140px;
+}
+.profile .big-avatar{
+  float: left;
+  border: 1px solid #BFBFBF;
+  width: 100px;
+  border-radius: 50px;
+  margin-right: 32px;
+  margin-left: 15px;
+}
+.profile .name{
+  font-size: 24px;
+  display: inline-block;
+  margin-right: 20px;
+}
+.profile .intro{
+  color: #969696;
+}
+.profile .btn-edit{
+  border: 1px solid #969696;
+  border-radius: 4px;
+  color: #969696;
+  font-size: 12px;
+}
+.profile .btn-edit:hover{
+  border-color: #1DC78E;
+  color: #1DC78E;
+}
+
+.tabs{
+  position: absolute;
+  bottom: 0;
+  margin-bottom: 0;
+}
+.tab-container{
+  padding-left: 100px;
+}
+.tabs li{
+  display: inline-block;
+  padding: 12px 32px;
+}
+.tabs li.active{
+  border-bottom: 3px solid #1DC78E;
+}
+.tabs li.active a{
+  color: #1DC78E;
+}
+
+.tag-group{
+  list-style: none;
+  padding-left: 50px;
+}
+.tag-group>li{
+  margin-bottom: 10px;
+  border: 1px solid #969696;
+  line-height: 28px;
+  padding: 0 15px;
+  border-radius: 15px;
+  display: inline-block;
+  margin-right: 20px;
+}
+.tag-group .tag{
+  color: #969696;
+}
+.tag-group>li.active, .tag-group>li:hover{
+  border: 1px solid #1dc78e;
+  background: #1dc78e;
+}
+.tag-group>li.active .tag, .tag-group>li:hover .tag{
+  color: #fff;
+}

frontend/static/css/layout/resetPassword.css

@@ -0,0 +1,12 @@
+body{
+  background-color: #2F2F2F;
+}
+.title{
+  margin: 60px 0 40px;
+}
+p{
+  margin-top: 8px;
+}
+.btn{
+  margin: 40px 0 16px;
+}

frontend/static/css/layout/search.css

@@ -0,0 +1,102 @@
+.app-container{
+  margin: 40px auto 80px;
+}
+.app-container .left-container{
+  padding-left: 30px;
+}
+
+.type-group{
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+  list-style: none;
+  padding-left: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+.type-group .type-item{
+  line-height: 30px;
+  width: 90%;
+  padding-left: 14px;
+  margin-bottom: 6px;
+}
+.type-group .type-item a{
+  display: block;
+}
+.type-group .type-item.active a{
+  color: #fff;
+}
+.type-group .type-item.active{
+  background: #1dc78e;
+  position: relative;
+}
+.type-group .type-item.active:after{
+  left: 100%;
+  top: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  border-left-color: #1dc78e;
+  border-width: 15px;
+  margin-top: -15px;
+}
+
+.sort-group{
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #e5e5e5;
+  padding-left: 14px;
+}
+.sort-group a{
+  display: block;
+}
+.sort-group a:first-child{
+  margin-bottom: 10px;
+}
+
+.tag-group{
+  padding-left: 14px;
+}
+.tag-group .tag{
+  margin-right: 10px;
+  display: inline-block;
+}
+
+.apps{
+  margin-bottom: 80px;
+}
+.app-item{
+  list-style: none;
+  height: 350px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.app-item .info{
+  text-align: center;
+  padding-top: 80px;
+}
+.app-item .info .icon{
+  width: 70px;
+}
+.app-item .info p{
+  color: #969696;
+}
+.app-item .pics{
+  height: 100%;
+}
+.app-item .pics>li{
+  list-style: none;
+  display: inline-block;
+  margin-right: 30px;
+  height: 100%;
+  padding: 7px 5px;
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+}
+.app-item .pics>li>img{
+  height: 100%;
+}

frontend/static/css/layout/signup.css

@@ -0,0 +1,24 @@
+body{
+  background-color: #2F2F2F;
+}
+.title{
+  margin: 60px 0 40px;
+}
+.form-sign-in{
+  max-width: 280px;
+  margin: 0 auto;
+}
+p{
+  margin-top: 8px;
+}
+label{
+  color: #fff;
+  margin-bottom: 10px;
+  font-weight: 300;
+}
+.btn{
+  margin: 40px 0 16px;
+}
+.has-feedback label~.form-control-feedback {
+    top: 30px;
+}

frontend/static/css/layout/ui.css

@@ -0,0 +1,76 @@
+.detail-container{
+  margin: 40px auto 80px;
+}
+
+.main-shot{
+  width: 80%;
+  padding: 10px;
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+}
+
+.basic-info{
+  margin-bottom: 40px;
+}
+.basic-info .app-icon{
+  float: left;
+  width: 60px;
+  margin-right: 14px;
+}
+.basic-info .app-icon img{
+  border-radius: 4px;
+}
+.basic-info span{
+  color: #969696;
+  margin-right: 20px;
+}
+
+.btn-group{
+  border-bottom: 1px solid #e5e5e5;
+  padding-bottom: 20px;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.btn-group>a{
+  margin-right: 44px;
+}
+.btn-group>a>i{
+  margin-right: 8px;
+  font-size: 24px;
+  vertical-align: middle;
+}
+
+.user-info{
+  border-bottom: 1px solid #e5e5e5;
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+}
+.user-info .avatar{
+  float: left;
+  width: 54px;
+  margin-right: 14px;
+}
+.user-info .avatar img{
+  border-radius: 27px;
+  border: 1px solid #979797;
+  width: 100%;
+}
+.user-info span{
+  color: #969696;
+}
+.user-info h4{
+  padding-top: 4px;
+  margin-top: 0;
+}
+
+.tag-container{
+  list-style: none;
+  padding-left: 0;
+}
+.tag-container>.tag{
+  display: inline-block;
+  margin-right: 24px;
+}

frontend/static/css/layout/upload.css

@@ -0,0 +1,92 @@
+.upload-container{
+  margin: 40px auto 80px;
+}
+
+.left-container{
+  text-align: center;
+}
+.left-container .main-shot{
+  width: 80%;
+  padding: 10px;
+  background: #fff;
+  border-radius: 2px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
+  display: block;
+  margin: 0 auto 14px;
+}
+
+.form-group input{
+  width: 320px;
+  display: inline-block;
+  margin-right: 12px;
+}
+
+.tag-container{
+  margin-bottom: 40px;
+}
+.tag-container .tag-tabs{
+  border-bottom: 1px solid #DDDDDD;
+}
+.tag-container .tag-tabs>li{
+  width: auto;
+}
+.tag-container .tag-tabs>li.active>a{
+  background-color: transparent;
+  border-bottom: 0;
+}
+.tag-container .tag-tabs>li>a:hover, .tag-container .tag-tabs>li>a:active, .tag-container .tag-tabs>li>a:focus{
+  background-color: transparent;
+  color: #1DC78E;
+}
+.tag-container .tag-content{
+  list-style: none;
+  padding-top: 12px;
+  padding-left: 0;
+  color: #969696;
+}
+.tag-container .tag-content li{
+  display: inline-block;
+  padding-right: 6px;
+  width: 19%;
+  margin-bottom: 6px;
+}
+.tag-container .tag-content .tag-checkbox{
+  margin-right: 6px;
+}
+.tag-container .tag-selected-container{
+  color: #969696;
+  margin-top: 20px;
+  margin-bottom: 30px;
+}
+.tag-container .tag-selected-container .tag-selected-content{
+  list-style: none;
+  padding-left: 0;
+}
+.tag-container .tag-selected-container .tag-selected-content li{
+  display: inline-block;
+  margin-right: 14px;
+  border: 1px solid #C3C3C3;
+  border-radius: 14px;
+  line-height: 28px;
+  padding: 0 16px;
+}
+.tag-container .tag-selected-container .tag-selected-content li a{
+  margin-left: 8px;
+}
+.tag-container .agreement{
+  color: #969696;
+  margin-left: 8px;
+}
+
+.privacy-container{
+  border-top: 1px solid #DDDDDD;
+  margin-bottom: 20px;
+  padding-top: 10px;
+}
+.privacy-container label{
+  display: table;
+  margin-bottom: 8px;
+  color: #969696;
+}