添加Metronic（作为LFS）

2025-09-11 22:41:38 +08:00 · 2022-03-01 21:24:58 +08:00
parent 080ca33954
commit 465c454101
3280 changed files with 561969 additions and 0 deletions
--- a/frontend/static/css/module/file-input.css
+++ b/frontend/static/css/module/file-input.css
@@ -0,0 +1,48 @@
+@CHARSET "UTF-8";
+/* 正方形 */
+.preview{
+	width:12.5rem;
+	overflow:hidden;
+}
+/* iPhone 长比例 */
+.preview-long{
+	width:12.5rem;
+	overflow:hidden;
+}
+/* iPhone4 小比例 */
+.preview-short{
+	width:12.5rem;
+	overflow:hidden;
+}
+.preview img,.preview-short img,.preview-long img{
+	border: 1px solid #eeeeee;
+	background-color: #f9f9f9;
+}
+.imghead{
+	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
+}
+.column.fourth .text-align-center{
+	width:12.5rem;
+}
+.column.fourth .text-align-center a{
+	position:relative;
+	overflow:hidden;
+}
+.imgpreview{
+	margin-bottom: 0.875rem;
+}
+.btn-file-input{
+    overflow: hidden;
+    position: relative;
+    top: -1.75rem;
+    left: 15rem;
+}
+.file{
+    cursor: pointer;
+    position: absolute;
+    height: 2.375rem;
+    right: 0;
+    top: 0;
+    opacity: 0;
+    filter:alpha(opacity=0);
+}
--- a/frontend/static/css/module/input.css
+++ b/frontend/static/css/module/input.css
@@ -0,0 +1,106 @@
+/***--INPUT--***/
+.form-group{
+	margin-bottom: 1.6rem;
+}
+.input-area{
+	width: 100%;
+	height: 2.125rem;
+	background: #f9f9f9;
+	padding-left: 0.9375rem;
+	font-size: 1rem;
+	color: #666;
+	border:1px solid #eeeeee;
+}
+.input-title{
+	font-size: 1rem;
+	color: #666;
+	margin-bottom: 0.4rem;
+}
+.form-actions{
+	margin-top: 2rem;
+	margin-bottom: 5rem;
+}
+.input-group-container {
+	max-width: 280px;
+	margin: 3rem auto 0;
+}
+/*--SEARCH-BOX--*/
+.search-area{
+	width: 18rem;
+	height: 3.125rem;
+	font-size: 0.875rem;
+	background: #f9f9f9;
+}
+.search-area-sm{
+	width: 14rem;
+	height: 2rem;
+	font-size: 0.875rem;
+	background: #f9f9f9;
+	border-radius: 2px;
+	padding-left: 0.625rem;
+	padding-right: 1rem;
+}
+.search-area-for-page{
+	width: 4rem;
+	height: 2rem;
+	font-size: 0.875rem;
+	background: #f9f9f9;
+	border-radius: 2px;
+	margin-right: 1.2rem;
+}
+.search-icon-sm{
+	position: absolute;
+	right: 0.4rem;
+	font-size:1.5rem;
+	line-height: 2rem;
+	color: #666666;
+}
+.search-icon-sm:hover{
+	cursor: pointer;
+}
+/*--BTN--*/
+.btn{
+	padding: 0.625rem 2.125rem;
+	font-size: 0.875rem;
+	border-radius: 3px;
+}
+.btn-like{
+	border-radius: 3px;
+	-webkit-box-shadow: #666 0px 0px 10px;
+	-moz-box-shadow: #666 0px 0px 10px;
+	box-shadow: #666 0px 0px 10px;
+	width: 2.25rem;
+	height: 2.25rem;
+	line-height:2.25rem;
+	background:#fff;
+	display: block;
+}
+input::-webkit-input-placeholder { /* WebKit browsers */
+  line-height: 1.28em;
+}
+input::-moz-placeholder { /* Firefox browsers */
+  line-height: 1.28em;
+}
+input[type="submit"]{
+	cursor: pointer;
+	-webkit-appearance: button;
+}
+.btn[disabled]{
+	opacity:0.6;
+	cursor: not-allowed!important;
+}
+.btn:hover{
+	cursor: pointer;
+	background-color: #70b176;
+}
+.border-btn:hover{
+	color: #666666;
+	background: #e4e4e4;
+}
+.disabled{
+	cursor: not-allowed;
+	color: #ccc !important;
+}
+a.disabled:hover{
+	color: #ccc;
+}
--- a/frontend/static/css/module/modal.css
+++ b/frontend/static/css/module/modal.css
@@ -0,0 +1,117 @@
+/***--MODAL CSS--***/
+/*MODAL*/
+.modal{
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	margin-top: -15.3125rem;
+	margin-left: -25.3125rem;
+	width: 50.625rem;
+	height: 30.625rem;
+	background: #666;
+	z-index: 1024;
+}
+.modal-download{
+	width: 53.75rem;
+	height: 31.875rem;
+	margin-top: -15.9375rem;
+	margin-left: -26.875rem;
+	background: #FFF;
+}
+/*MODAL-HEADER*/
+.modal-header,.modal-footer{
+	height: 3.75rem;
+	line-height: 3.75rem;
+	background: #ececec;
+}
+.modal-header .modal-title{
+	line-height: 3.75rem;
+}
+/*MODAL-BODY*/
+.modal-body{
+	height: 23.125rem;
+	background: #FAFAF7;
+}
+.modal-download .modal-body{
+	margin-top: 4.875rem;
+	background: #FFF;
+}
+.modal .close-btn{
+	position: relative;
+	right: 0;
+	top: 0;
+	width: 1.875rem;
+	height: 1.875rem;
+	line-height: 1.875rem;
+	font-size: 1.25rem;
+	font-weight: 800;
+	background: #ff5851;
+	color: #fff;
+}
+.close-btn:hover{
+	cursor: pointer;
+	background: #BB1912;
+}
+.cell{
+	margin-right: 2.35rem;
+}
+.cell:last-of-type{
+	margin-right: 0;
+}
+.cell .box{
+	width: 10rem;
+	height: 15rem;	
+}
+.instruction .type{
+	margin-top: 0.625rem;
+	margin-bottom: 1.5rem;
+}
+.box .instruction{
+	position: relative;
+	top: 50%;
+	margin-top: -2.375rem;
+	
+}
+.box-short ~ .btn{
+	margin-top: 2.625rem;
+}
+.cell .btn{
+	position: relative;
+	top: 1.75rem;
+	padding: 1rem 2rem;
+}
+.cell .border-btn{
+	padding: 0.75rem 2rem!important;
+	color: #666!important;
+}
+.cell .box-long{
+	width: 10rem;
+	height: 17.6875rem;
+}
+/*MODAL-FOOTER*/
+.modal-footer{
+	position: relative;
+	bottom: 0;
+}
+.modal-footer input[type=submit]{
+	margin-right: 1rem;
+}
+.modal-footer input[type=reset]{
+	background: #fff;
+	color: #5a5a5a!important;
+}
+.modal-footer .btn{
+	padding: 0.625rem 2.25rem!important;
+}
+
+/*MODAL-BACKGROUND*/
+.modal-background{
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0,0,0,.7);
+	z-index: 1020;
+}
+
--- a/frontend/static/css/module/pagination.css
+++ b/frontend/static/css/module/pagination.css
@@ -0,0 +1,15 @@
+@CHARSET "UTF-8";
+.page-container{
+	margin-top: 1.5rem;
+	margin-bottom: 3rem;
+}
+.page-number-container{
+	margin:0 1rem;
+}
+.page-btn-container{
+	margin:0 1rem;
+}
+.page-btn{
+	padding: 0.42rem 2.125rem !important;
+	color: #808080 !important;
+}
--- a/frontend/static/css/module/panel.css
+++ b/frontend/static/css/module/panel.css
@@ -0,0 +1,31 @@
+/***--PANEL--***/
+/*panel-header*/
+.panel .panel-header .panel-title{
+	font-size: 1.125rem;
+	position: relative;
+	top: 9px;
+}
+.panel .panel-header .btn{
+	padding: 0.625rem 1.125rem;
+	color: #fff;
+}
+/*panel-body*/
+.panel .panel-body .row{
+	display: block;
+	padding: 1.25rem 1.875rem;
+}
+.panel .panel-body .row:last-of-type{
+	border-bottom: 0;
+}
+.panel .panel-body .row .level{
+	margin-top: 0.625rem;
+}
+.panel .panel-body .row .btn{
+	position: relative;
+	color: #808080;
+	padding: 0.375rem 2rem;
+	font-size: 0.875rem;
+}
+.panel .panel-body .row .btn:hover{
+	background: #e4e4e4;
+}
--- a/frontend/static/css/module/plugins/iconfont/iconfont.css
+++ b/frontend/static/css/module/plugins/iconfont/iconfont.css
@@ -0,0 +1,28 @@
+
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot'); /* IE9*/
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('iconfont.woff') format('woff'), /* chrome、firefox */
+  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family:"iconfont" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-jiantouashang:before { content: "\e608"; }
+.icon-error:before { content: "\e601"; }
+.icon-check-list:before { content: "\e602"; }
+.icon-check:before { content: "\e603"; }
+.icon-search:before { content: "\e600"; }
+.icon-jiantou:before { content: "\e60a"; }
+.icon-guanbi:before { content: "\e60b"; }
+.icon-iconloveclick:before { content: "\e606"; }
+.icon-iconlove:before { content: "\e607"; }
+.icon-arrowup:before { content: "\e604"; }
+.icon-check1:before { content: "\e605"; }
--- a/frontend/static/css/module/plugins/iconfont/iconfont.eot
+++ b/frontend/static/css/module/plugins/iconfont/iconfont.eot
--- a/frontend/static/css/module/plugins/iconfont/iconfont.svg
+++ b/frontend/static/css/module/plugins/iconfont/iconfont.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Wed Mar 11 14:15:53 2015
+ By Ads
+</metadata>
+<defs>
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face 
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="812"
+    descent="-212"
+    x-height="792"
+    bbox="0 -212 1139 812.323"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0078-E60B"
+  />
+<missing-glyph horiz-adv-x="374" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="374" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
+ />
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    <glyph glyph-name="uniE600" unicode="&#xe600;" 
+d="M800 398q0 -71 -28 -136.5t-75 -112.5t-112.5 -75t-136.5 -28q-96 0 -177 47.5t-128.5 128.5t-47.5 176.5t47.5 176.5t128.5 128.5t176.5 47.5t176.5 -47.5t128.5 -128.5t47.5 -177zM448 706q-51 0 -98 -15.5t-84.5 -44t-66 -66t-44 -84.5t-15.5 -97q0 -128 90 -218
+t217.5 -90t217.5 90t90 217.5t-90 217.5t-217 90zM945 -90l-40 -42l-273 267l40 41z" />
+    <glyph glyph-name="uniE601" unicode="&#xe601;" 
+d="M512 748q-91 0 -174 -35.5t-143 -95.5t-95.5 -143t-35.5 -174q0 -73 22.5 -141.5t64 -123.5t96.5 -96.5t123.5 -64t141.5 -22.5q91 0 174 35.5t143 95.5t95.5 143t35.5 174q0 61 -16 119t-45 107t-70.5 90.5t-90.5 70.5t-107 45t-119 16zM710 147q10 -10 10 -23
+t-9.5 -22.5t-22.5 -9.5t-23 10l-153 153l-153 -153q-10 -10 -23 -10t-22 10q-7 6 -9 14t0 16.5t9 14.5l153 153l-153 153q-10 10 -10 23t9.5 22.5t22.5 9.5t23 -10l153 -153l153 153q5 5 11 7.5t12 2.5t12 -2.5t10 -7.5q10 -9 10 -22t-10 -23l-153 -153z" />
+    <glyph glyph-name="uniE602" unicode="&#xe602;" 
+d="M386 144l-149 149l-36 -36l185 -185l419 420l-36 36zM882 749h-740q-37 0 -64 -27t-27 -64v-740q0 -24 12.5 -45t33.5 -33.5t45 -12.5h740q37 0 64 27t27 64v740q0 37 -27 64t-64 27zM922 -82q0 -16 -12 -28t-28 -12h-740q-10 0 -19.5 5.5t-15 15t-5.5 19.5v740
+q0 16 12 28t28 12h740q16 0 28 -12t12 -28v-740z" />
+    <glyph glyph-name="uniE603" unicode="&#xe603;" 
+d="M850 749h-676q-51 0 -87 -36t-36 -87v-677q0 -50 36 -86t87 -36h677q33 0 61 16.5t44.5 44.5t16.5 62v676q0 17 -4.5 33t-12.5 29.5t-19 24.5t-24.5 19t-29.5 12.5t-33 4.5zM922 -50q0 -15 -6 -28t-15.5 -22.5t-22.5 -15.5t-28 -6h-676q-20 0 -36.5 9.5t-26 26t-9.5 36.5
+v676q0 30 21 51t51 21h677q19 0 35.5 -9.5t26 -26t9.5 -36.5v-676z" />
+    <glyph glyph-name="uniE604" unicode="&#xe604;" 
+d="M971 282.5q0 91.5 -36 175t-96 144t-143.5 96t-175 35.5t-175 -35.5t-143.5 -96t-95.5 -144t-35.5 -175t35.5 -174.5t95.5 -143.5t143.5 -96t175 -35.5t175 35.5t143.5 96t96 143.5t36 174.5zM131 283q0 106 52 196t142 142t196 52t195.5 -52t142 -142t52.5 -196
+t-52.5 -196t-142 -142t-195.5 -52t-196 52t-142 142t-52 196zM643 44q7 8 7 18.5t-8 18.5l-221 202l221 202q5 4 7 9t2 10q-1 11 -7 18q-25 25 -43 8l-2 -2l-248 -226q-4 -4 -6 -9t-2 -10t2 -10t6 -9l247 -225q25 -22 45 5z" />
+    <glyph glyph-name="uniE605" unicode="&#xe605;" 
+d="M512 -146q-73 0 -141.5 22.5t-123.5 64t-96 96.5t-64 123.5t-23 140.5q0 92 35.5 174.5t95.5 142.5t143 95.5t174 35.5t174 -35.5t143 -95.5t95.5 -142.5t35.5 -174t-35.5 -174t-95.5 -142.5t-143 -95.5t-174 -35.5zM702 473l-269 -269l-111 111l-47 -48l158 -158
+l316 316z" />
+    <glyph glyph-name="uniE606" unicode="&#xe606;" horiz-adv-x="1139" 
+d="M569 -212q-12 9 -32.5 25.5t-79.5 67.5t-112.5 101.5t-119.5 119.5t-113 130t-79.5 126t-32.5 113q0 21 1 37.5t2 27t4 22t4.5 17t6.5 18t7 20.5q21 62 63 105.5t92 64.5t107 27t109.5 -3.5t98.5 -30t74 -49.5q29 29 74.5 49t98 29.5t109.5 3.5t107 -26.5t92 -64.5
+t63 -106q3 -7 7.5 -19.5t6.5 -18t5 -17t4 -22t2 -27t1 -37.5q0 -38 -19.5 -85.5t-52.5 -96t-76 -100.5t-90 -100t-94 -93.5t-90 -83t-76 -65.5t-52 -43z" />
+    <glyph glyph-name="uniE607" unicode="&#xe607;" horiz-adv-x="1139" 
+d="M569 -212q-12 9 -32.5 25.5t-79.5 67.5t-112.5 101.5t-119.5 119.5t-113 130t-79.5 126t-32.5 113q0 21 1 37.5t2 27t4 22t4.5 17t6.5 18t7 20.5q21 62 63 105.5t92 64.5t107 27t109.5 -3.5t98.5 -30t74 -49.5q29 29 74.5 49t98 29.5t109.5 3.5t107 -26.5t92 -64.5
+t63 -106q3 -7 7.5 -19.5t6.5 -18t5 -17t4 -22t2 -27t1 -37.5q0 -38 -19.5 -85.5t-52.5 -96t-76 -100.5t-90 -100t-94 -93.5t-90 -83t-76 -65.5t-52 -43zM569 613q-49 49 -105.5 77t-109 33.5t-102 -9t-86.5 -46t-59 -83t-22 -114.5q0 -50 50 -127t121 -151.5t142.5 -141.5
+t121.5 -109l49 -41q7 5 17.5 14t43.5 37.5t65 57t75.5 70.5t81 80.5t76 83.5t65 83.5t43.5 76.5t17 67q0 63 -22 114.5t-59 83t-86.5 46t-102.5 9t-109 -33.5t-105 -77z" />
+    <glyph glyph-name="uniE608" unicode="&#xe608;" 
+d="M960 57h-184l-263 299l-262 -298l-187 -1l449 485z" />
+    <glyph glyph-name="uniE60A" unicode="&#xe60a;" 
+d="M592 -207l-537 506l536 508l34 -35l-500 -473l499 -471z" />
+    <glyph glyph-name="uniE60B" unicode="&#xe60b;" 
+d="M1024 781l-31 31l-481 -481l-481 481l-31 -31l481 -481l-481 -481l31 -31l481 481l481 -481l31 31l-481 481z" />
+  </font>
+</defs></svg>
--- a/frontend/static/css/module/plugins/iconfont/iconfont.ttf
+++ b/frontend/static/css/module/plugins/iconfont/iconfont.ttf
--- a/frontend/static/css/module/plugins/iconfont/iconfont.woff
+++ b/frontend/static/css/module/plugins/iconfont/iconfont.woff
--- a/frontend/static/css/module/preview-image.css
+++ b/frontend/static/css/module/preview-image.css
@@ -0,0 +1,174 @@
+@CHARSET "UTF-8";
+/* BACKGROUND */
+.image-preview-background{
+	position:fixed;
+	left:0;
+	top:0;
+	width:100%;
+	height:100%;
+	padding:60px 32px 90px;
+	background:rgba(0,0,0,.85);
+	z-index:1020;
+	-webkit-transition: all .3s;
+	transition: all .3s;
+	-webkit-transform:scale(0);
+	transform:scale(0);
+}
+.image-preview-background-hover{
+	-webkit-transform:scale(1);
+	transform:scale(1);
+}
+/* IMAGE-PREVIEW-CTRL */
+.image-preview-ctrl{
+	position:absolute;
+	color:#ccc;
+	font-size:36px;
+	width:36px;
+	height:36px;
+	line-height:36px;
+	cursor:pointer;
+}
+.image-preview-close{
+	right:32px;
+	top:60px;
+}
+.image-preview-next,
+.image-preview-prev{
+	font-size:56px;
+	width:45px;
+	height:80px;
+	line-height:80px;
+	top:50%;
+	margin-top:-40px;
+	padding-left:3px;
+}
+.image-preview-next{
+	-webkit-transform:rotate(-180deg);
+	-ms-transform:rotate(-180deg);
+	transform:rotate(-180deg);
+	right:32px;
+}
+.image-preview-prev{
+	left:32px;
+}
+.image-preview-close:hover{
+	color:#fe190f;
+}
+.image-preview-next:hover,
+.image-preview-prev:hover{
+	background:#000;
+	color:#fff;
+}
+/* WRAPPER */
+.image-preview-wrapper{
+	position:relative;
+	width:-webkit-calc(100% - 90px);
+	width:calc(100% - 90px);
+	height:100%;
+	margin:0 45px;
+	overflow:hidden;
+}
+
+/* IMAGE-PREVIEW-CONTAINER */
+.image-preview-container{
+	width:100%;
+	height:100%;
+	opacity:1;
+}
+.image-preview-container-next{
+	-webkit-transition: all .7s;
+	transition: all .7s;
+	-webkit-transform:translateX(120%);
+	transform:translateX(120%);
+	opacity:0;
+}
+.image-preview-container-prev{
+	-webkit-transition: all .7s;
+	transition: all .7s;
+	-webkit-transform:translateX(-120%);
+	transform:translateX(-120%);
+	opacity:0;
+}
+.image-preview-container .column{
+	height:100%;
+	font-size:14px;
+	position: relative;
+}
+.image-preview-container .main-image{
+	height:100%; 
+}
+.image-preview-container .fastKey{
+	font-size:12px;
+	margin-top: 20px;
+}
+.image-preview-container .like-icon{
+	color:#fff;
+	margin-top:28px;
+}
+.edit-screenshots-items{
+	margin-top:16px;
+}
+.edit-btn{
+	font-size:12px;
+	padding:6px 10px;
+	display:inline-block;
+	background:#ccc;
+	cursor:pointer;
+	margin-right:8px;
+}
+.edit-btn:hover{
+	background: #b0b0b0;
+}
+
+.edit-btn:link,
+.edit-btn:visited,
+.edit-btn:hover,
+.edit-btn:active{
+	color: #666;
+}
+.horizontal-line{
+	width:274px;
+	margin:16px 0;
+}
+.screenshot-info li{
+	margin:28px 0;
+}
+.app-logo{
+	width:42px;
+	height:42px;
+}
+.app-name{
+	position: relative;
+	top: -14px;
+	left:10px;
+	font-size:18px;
+}
+.app-version,
+.updateTime,
+.Marks{
+	margin-top:10px;
+}
+.downloadPic-area{
+	position:absolute;
+	left:0;
+	bottom:0;
+}
+.downloadPic-btn{
+	font-size:14px;
+	margin-left:8px;
+}
+.downloadPic-btn:link,
+.downloadPic-btn:visited,
+.downloadPic-btn:hover,
+.downloadPic-btn:active,
+.app-name:link,
+.app-name:visited,
+.app-name:hover,
+.app-name:active{
+	color:#fff;
+}
+.downloadPic-btn:hover,
+.app-name:hover{
+	cursor:pointer;
+	text-decoration:underline;	
+}
--- a/frontend/static/css/module/tab.css
+++ b/frontend/static/css/module/tab.css
@@ -0,0 +1,13 @@
+/***--TAB CSS--***/
+.tab-header li{
+	float: left;
+	font-size: 0.875rem;
+	display: inline-block;
+	padding: 1rem 1.125rem;
+}
+.tab-header li:hover{
+	cursor: pointer;
+}
+.tab-active{
+	border-bottom: 3px solid #86d48d;
+}
--- a/frontend/static/css/module/validation.css
+++ b/frontend/static/css/module/validation.css
@@ -0,0 +1,21 @@
+@CHARSET "UTF-8";
+.form-group{
+	position:relative;
+}
+.help-block{
+	position: absolute;
+	left: 100%;
+	top: 25%;
+	margin-left: 1rem;
+	white-space: nowrap;
+}
+.help-block .iconfont{
+	margin-right:0.5rem;
+	font-size:1.5rem;
+}
+.help-block .error{
+	color:#FF0025;
+}
+.help-block .success{
+	color:#86d48d;
+}