Pack styles, add to resources

engine/wrapper/resources/styles/assets.cp.styles.css

@@ -0,0 +1,54 @@
+body.cp-login {
+	height: 100%;
+	display: -ms-flexbox;
+	display: -webkit-box;
+	display: flex;
+	-ms-flex-align: center;
+	-ms-flex-pack: center;
+	-webkit-box-align: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	justify-content: center;
+	padding-top: 40px;
+	padding-bottom: 40px;
+	background-color: #f5f5f5;
+}
+
+.cp-login .form-signin {
+	width: 100%;
+	max-width: 330px;
+	padding: 15px;
+	margin: 0 auto;
+}
+
+.cp-login .form-signin label {
+	cursor: pointer;
+}
+
+.cp-login .form-signin .checkbox {
+	font-weight: 400;
+}
+
+.cp-login .form-signin .form-control {
+	position: relative;
+	box-sizing: border-box;
+	height: auto;
+	padding: 10px;
+	font-size: 16px;
+}
+
+.cp-login .form-signin .form-control:focus {
+	z-index: 2;
+}
+
+.cp-login .form-signin input[type="email"] {
+	margin-bottom: -1px;
+	border-bottom-right-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+.cp-login .form-signin input[type="password"] {
+	margin-bottom: 10px;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+}

engine/wrapper/resources/styles/assets.cp.styles.css.go

@@ -0,0 +1,3 @@
+package styles
+
+var File_assets_cp_styles_css = []byte(`body.cp-login{height:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding-top:40px;padding-bottom:40px;background-color:#f5f5f5}.cp-login .form-signin{width:100%;max-width:330px;padding:15px;margin:0 auto}.cp-login .form-signin label{cursor:pointer}.cp-login .form-signin .checkbox{font-weight:400}.cp-login .form-signin .form-control{position:relative;box-sizing:border-box;height:auto;padding:10px;font-size:16px}.cp-login .form-signin .form-control:focus{z-index:2}.cp-login .form-signin input[type="email"]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.cp-login .form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}`)

engine/wrapper/static.go

@@ -18,6 +18,10 @@ func (e *Wrapper) staticResource() bool {
 		(*e.W).Header().Set("Content-Type", "text/css")
 		(*e.W).Write(Styles.File_assets_sys_styles_css)
 		return true
+	} else if e.R.URL.Path == "/assets/cp/styles.css" {
+		(*e.W).Header().Set("Content-Type", "text/css")
+		(*e.W).Write(Styles.File_assets_cp_styles_css)
+		return true
 	} else if e.R.URL.Path == "/assets/sys/bootstrap.css" {
 		(*e.W).Header().Set("Content-Type", "text/css")
 		(*e.W).Write(Styles.File_assets_sys_bootstrap_css)

hosts/localhost/htdocs/cp.login.html

@@ -6,59 +6,9 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 		<title>Please login</title>
 		<link rel="stylesheet" href="/assets/sys/bootstrap.css">
+		<link rel="stylesheet" href="/assets/cp/styles.css">
 		<link rel="shortcut icon" href="/assets/sys/fave.ico" type="image/x-icon" />
-		<style type="text/css">
-			html {
-				height: 100%;
-			}
-			body.cp-login {
-				height: 100%;
-				display: -ms-flexbox;
-				display: -webkit-box;
-				display: flex;
-				-ms-flex-align: center;
-				-ms-flex-pack: center;
-				-webkit-box-align: center;
-				align-items: center;
-				-webkit-box-pack: center;
-				justify-content: center;
-				padding-top: 40px;
-				padding-bottom: 40px;
-				background-color: #f5f5f5;
-			}
-			.cp-login .form-signin {
-				width: 100%;
-				max-width: 330px;
-				padding: 15px;
-				margin: 0 auto;
-			}
-			.cp-login .form-signin label {
-				cursor: pointer;
-			}
-			.cp-login .form-signin .checkbox {
-				font-weight: 400;
-			}
-			.cp-login .form-signin .form-control {
-				position: relative;
-				box-sizing: border-box;
-				height: auto;
-				padding: 10px;
-				font-size: 16px;
-			}
-			.cp-login .form-signin .form-control:focus {
-				z-index: 2;
-			}
-			.cp-login .form-signin input[type="email"] {
-				margin-bottom: -1px;
-				border-bottom-right-radius: 0;
-				border-bottom-left-radius: 0;
-			}
-			.cp-login .form-signin input[type="password"] {
-				margin-bottom: 10px;
-				border-top-left-radius: 0;
-				border-top-right-radius: 0;
-			}
-		</style>
+		<style type="text/css">html{height:100%;}</style>
 	</head>
 	<body class="cp-login text-center">
 		<form class="form-signin">