Uploaded the files.
This commit is contained in:
commit
37661b3ee7
374 changed files with 90632 additions and 0 deletions
11
admin/assets/scss/common/extend.scss
Normal file
11
admin/assets/scss/common/extend.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
/* @extend display-flex; */
|
||||
display-flex {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
/* @extend list-type-ulli; */
|
||||
list-type-ulli {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
156
admin/assets/scss/common/fonts.scss
Normal file
156
admin/assets/scss/common/fonts.scss
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
/* poppins-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Light'), local('Poppins-Light'),
|
||||
url('../fonts/poppins/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-300italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-300italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
|
||||
url('../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Regular'), local('Poppins-Regular'),
|
||||
url('../fonts/poppins/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Italic'), local('Poppins-Italic'),
|
||||
url('../fonts/poppins/poppins-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-500 - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-500.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Medium'), local('Poppins-Medium'),
|
||||
url('../fonts/poppins/poppins-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-500.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-500italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-500italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
|
||||
url('../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-600 - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-600.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
|
||||
url('../fonts/poppins/poppins-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-600.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Bold'), local('Poppins-Bold'),
|
||||
url('../fonts/poppins/poppins-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-700italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
|
||||
url('../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-800 - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-800.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
|
||||
url('../fonts/poppins/poppins-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-800.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-800italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-800italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'),
|
||||
url('../fonts/poppins/poppins-v5-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-800italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* poppins-900 - latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('../fonts/poppins/poppins-v5-latin-900.eot'); /* IE9 Compat Modes */
|
||||
src: local('Poppins Black'), local('Poppins-Black'),
|
||||
url('../fonts/poppins/poppins-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/poppins/poppins-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-900.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/poppins/poppins-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/poppins/poppins-v5-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
60
admin/assets/scss/common/global.scss
Normal file
60
admin/assets/scss/common/global.scss
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
a:focus, a:active { text-decoration: none; outline: none; @include transition(all 300ms ease 0s); }
|
||||
input, select, textarea { outline: none; @include appearance( unset ); }
|
||||
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
|
||||
@include appearance( none );
|
||||
margin: 0;
|
||||
}
|
||||
input:focus, select:focus, textarea:focus { outline: none; @include box-shadow-input(none); }
|
||||
input[type=checkbox] { @include appearance( checkbox ); }
|
||||
input[type=radio] { @include appearance( radio ); }
|
||||
img { max-width: 100%; height: auto; }
|
||||
figure { margin: 0; }
|
||||
p { margin-bottom: 0px; font-size: 15px; color: #777;}
|
||||
h2 {
|
||||
line-height: 1.66;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
color: $black-color;
|
||||
font-family: Poppins;
|
||||
font-size: 36px;
|
||||
}
|
||||
.main {
|
||||
background: #f8f8f8;
|
||||
padding: 90px 0;
|
||||
}
|
||||
.clear { clear: both; }
|
||||
body {
|
||||
font-size: 13px;
|
||||
line-height: 1.8;
|
||||
color: $black-color;
|
||||
background: #f8f8f8;
|
||||
font-weight: 400;
|
||||
font-family: Poppins;
|
||||
}
|
||||
.container {
|
||||
width: 900px;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
@include box-shadow(0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05));
|
||||
@include border-radius(20px);
|
||||
}
|
||||
|
||||
.display-flex {
|
||||
@extend display-flex;
|
||||
@include justify-content(space-between);
|
||||
@include align-items(center);
|
||||
}
|
||||
|
||||
.display-flex-center {
|
||||
@extend display-flex;
|
||||
@include justify-content(center);
|
||||
@include align-items(center);
|
||||
}
|
||||
|
||||
.position-center {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@include transform(translate(-50%,-50%));
|
||||
}
|
||||
152
admin/assets/scss/common/minxi.scss
Normal file
152
admin/assets/scss/common/minxi.scss
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
// mixin
|
||||
@mixin border-radius($value) {
|
||||
border-radius: $value;
|
||||
-moz-border-radius: $value;
|
||||
-webkit-border-radius: $value;
|
||||
-o-border-radius: $value;
|
||||
-ms-border-radius: $value;
|
||||
}
|
||||
@mixin background-size($value) {
|
||||
background-size: $value;
|
||||
-moz-background-size: $value;
|
||||
-webkit-background-size: $value;
|
||||
-o-background-size: $value;
|
||||
-ms-background-size: $value;
|
||||
}
|
||||
@mixin background-gradient-three($color1, $color2, $color3) {
|
||||
background: linear-gradient($color1, $color2, $color3);
|
||||
background: -moz-linear-gradient($color1, $color2, $color3);
|
||||
background: -webkit-linear-gradient($color1, $color2, $color3);
|
||||
background: -o-linear-gradient($color1, $color2, $color3);
|
||||
background: -ms-linear-gradient($color1, $color2, $color3);
|
||||
}
|
||||
@mixin background-gradient-six($color1, $color2, $color3, $color4, $color5, $color6) {
|
||||
background: linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
|
||||
background: -moz-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
|
||||
background: -webkit-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
|
||||
background: -o-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
|
||||
background: -ms-linear-gradient($color1, $color2, $color3, $color4, $color5, $color6);
|
||||
}
|
||||
@mixin transform($value) {
|
||||
transform: $value;
|
||||
-moz-transform: $value;
|
||||
-webkit-transform: $value;
|
||||
-o-transform: $value;
|
||||
-ms-transform: $value;
|
||||
}
|
||||
@mixin box-shadow($value) {
|
||||
box-shadow: $value;
|
||||
-moz-box-shadow: $value;
|
||||
-webkit-box-shadow: $value;
|
||||
-o-box-shadow: $value;
|
||||
-ms-box-shadow: $value;
|
||||
}
|
||||
@mixin filter($value) {
|
||||
filter: $value;
|
||||
-moz-filter: $value;
|
||||
-webkit-filter: $value;
|
||||
-o-filter: $value;
|
||||
-ms-filter: $value;
|
||||
}
|
||||
@mixin transition($value) {
|
||||
transition: $value;
|
||||
-moz-transition: $value;
|
||||
-webkit-transition: $value;
|
||||
-o-transition: $value;
|
||||
-ms-transition: $value;
|
||||
}
|
||||
@mixin animation($value) {
|
||||
animation: $value;
|
||||
-moz-animation: $value;
|
||||
-webkit-animation: $value;
|
||||
-o-animation: $value;
|
||||
-ms-animation: $value;
|
||||
}
|
||||
@mixin transform-origin($value) {
|
||||
transform-origin: $value;
|
||||
-moz-transform-origin: $value;
|
||||
-webkit-transform-origin: $value;
|
||||
-o-transform-origin: $value;
|
||||
-ms-transform-origin: $value;
|
||||
}
|
||||
@mixin appearance($value) {
|
||||
appearance: $value !important;
|
||||
-moz-appearance: $value !important;
|
||||
-webkit-appearance: $value !important;
|
||||
-o-appearance: $value !important;
|
||||
-ms-appearance: $value !important;
|
||||
}
|
||||
@mixin box-shadow-input($value) {
|
||||
box-shadow: $value !important;
|
||||
-moz-box-shadow: $value !important;
|
||||
-webkit-box-shadow: $value !important;
|
||||
-o-box-shadow: $value !important;
|
||||
-ms-box-shadow: $value !important;
|
||||
}
|
||||
|
||||
//flex
|
||||
@mixin flex-wrap($value) {
|
||||
flex-wrap: $value;
|
||||
-moz-flex-wrap: $value;
|
||||
-webkit-flex-wrap: $value;
|
||||
-o-flex-wrap: $value;
|
||||
-ms-flex-wrap: $value;
|
||||
}
|
||||
@mixin flex-direction($value) {
|
||||
flex-direction: $value;
|
||||
-moz-flex-direction: $value;
|
||||
-webkit-flex-direction: $value;
|
||||
-o-flex-direction: $value;
|
||||
-ms-flex-direction: $value;
|
||||
}
|
||||
@mixin flex-flow($value) {
|
||||
flex-flow: $value;
|
||||
-moz-flex-flow: $value;
|
||||
-webkit-flex-flow: $value;
|
||||
-o-flex-flow: $value;
|
||||
-ms-flex-flow: $value;
|
||||
}
|
||||
@mixin justify-content($value) {
|
||||
justify-content: $value;
|
||||
-moz-justify-content: $value;
|
||||
-webkit-justify-content: $value;
|
||||
-o-justify-content: $value;
|
||||
-ms-justify-content: $value;
|
||||
}
|
||||
@mixin align-items($value) {
|
||||
align-items: $value;
|
||||
-moz-align-items: $value;
|
||||
-webkit-align-items: $value;
|
||||
-o-align-items: $value;
|
||||
-ms-align-items: $value;
|
||||
}
|
||||
@mixin order($value) {
|
||||
order: $value;
|
||||
-moz-order: $value;
|
||||
-webkit-order: $value;
|
||||
-o-order: $value;
|
||||
-ms-order: $value;
|
||||
}
|
||||
@mixin flex($value) {
|
||||
flex: $value;
|
||||
-moz-flex: $value;
|
||||
-webkit-flex: $value;
|
||||
-o-flex: $value;
|
||||
-ms-flex: $value;
|
||||
}
|
||||
|
||||
|
||||
@mixin input-placeholder($value) {
|
||||
&::-webkit-input-placeholder {
|
||||
color: $value;
|
||||
}
|
||||
&::-moz-placeholder {
|
||||
color: $value;
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
color: $value;
|
||||
}
|
||||
&:-moz-placeholder {
|
||||
color: $value;
|
||||
}
|
||||
}
|
||||
3
admin/assets/scss/common/variables.scss
Normal file
3
admin/assets/scss/common/variables.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
$black-color : #222;
|
||||
$blue-color : #6dabe4;
|
||||
$grey-light: #999;
|
||||
256
admin/assets/scss/layouts/main.scss
Normal file
256
admin/assets/scss/layouts/main.scss
Normal file
|
|
@ -0,0 +1,256 @@
|
|||
.signup {
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
.signup-content {
|
||||
@extend display-flex;
|
||||
padding: 75px 0;
|
||||
// flex-flow: wrap;
|
||||
}
|
||||
.signup-form, .signup-image, .signin-form, .signin-image{
|
||||
width: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.signup-image {
|
||||
margin: 0 55px;
|
||||
}
|
||||
.form-title {
|
||||
margin-bottom: 33px;
|
||||
}
|
||||
.signup-image {
|
||||
margin-top: 45px;
|
||||
}
|
||||
figure {
|
||||
margin-bottom: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.form-submit {
|
||||
display: inline-block;
|
||||
background: $blue-color;
|
||||
color: #fff;
|
||||
border-bottom: none;
|
||||
width: auto;
|
||||
padding: 15px 39px;
|
||||
@include border-radius(5px);
|
||||
margin-top: 25px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: darken($blue-color, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
#signin {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.signup-image-link {
|
||||
font-size: 14px;
|
||||
color: $black-color;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.term-service {
|
||||
font-size: 13px;
|
||||
color: $black-color;
|
||||
}
|
||||
.signup-form {
|
||||
margin-left: 75px;
|
||||
margin-right: 75px;
|
||||
padding-left: 34px;
|
||||
}
|
||||
.register-form {
|
||||
width: 100%;
|
||||
}
|
||||
.form-group {
|
||||
position: relative;
|
||||
margin-bottom: 25px;
|
||||
overflow: hidden;
|
||||
&:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
display: block;
|
||||
border: none;
|
||||
border-bottom: 1px solid $grey-light;
|
||||
padding: 6px 30px;
|
||||
font-family: Poppins;
|
||||
box-sizing: border-box;
|
||||
@include input-placeholder($grey-light);
|
||||
&:focus {
|
||||
border-bottom: 1px solid $black-color;
|
||||
@include input-placeholder($black-color);
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox]:not(old){
|
||||
width : 2em;
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
font-size : 1em;
|
||||
display: none;
|
||||
}
|
||||
input[type=checkbox]:not(old) + label{
|
||||
display : inline-block;
|
||||
line-height : 1.5em;
|
||||
margin-top: 6px;
|
||||
}
|
||||
input[type=checkbox]:not(old) + label > span{
|
||||
display : inline-block;
|
||||
width : 13px;
|
||||
height : 13px;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 3px;
|
||||
border : 1px solid $grey-light;
|
||||
@include border-radius(2px);
|
||||
background : rgb(255,255,255);
|
||||
background-image : -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : -o-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : linear-gradient(rgb(255,255,255),rgb(255,255,255 ));
|
||||
vertical-align : bottom;
|
||||
}
|
||||
input[type=checkbox]:not(old):checked + label > span,{
|
||||
background-image : -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : -o-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
|
||||
background-image : linear-gradient(rgb(255,255,255),rgb(255,255,255 ));
|
||||
}
|
||||
input[type=checkbox]:not(old):checked + label > span:before{
|
||||
content : '\f26b';
|
||||
display : block;
|
||||
color : $black-color;
|
||||
font-size : 11px;
|
||||
line-height : 1.2;
|
||||
text-align : center;
|
||||
font-family: 'Material-Design-Iconic-Font';
|
||||
font-weight: bold;
|
||||
}
|
||||
.agree-term {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@include transform(translateY(-50%));
|
||||
color: $black-color;
|
||||
}
|
||||
.label-has-error {
|
||||
top: 22%;
|
||||
}
|
||||
label.error {
|
||||
position: relative;
|
||||
background: url('../images/unchecked.gif') no-repeat;
|
||||
background-position-y: 3px;
|
||||
padding-left: 20px;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
label.valid {
|
||||
display: block;
|
||||
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: auto;
|
||||
margin-top: -6px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: transparent;
|
||||
&:after {
|
||||
font-family: 'Material-Design-Iconic-Font';
|
||||
content: '\f269';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
/* right: 0; */
|
||||
font-size: 16px;
|
||||
color: green;
|
||||
}
|
||||
}
|
||||
.label-agree-term {
|
||||
position: relative;
|
||||
top: 0%;
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
.material-icons-name {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
// Login
|
||||
|
||||
.signin-content {
|
||||
@extend display-flex;
|
||||
padding-top: 67px;
|
||||
padding-bottom: 87px;
|
||||
// padding: 67px 0;
|
||||
}
|
||||
.social-login {
|
||||
@extend display-flex;
|
||||
@include align-items(center);
|
||||
margin-top: 80px;
|
||||
}
|
||||
.social-label {
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.socials {
|
||||
@extend display-flex;
|
||||
@extend list-type-ulli;
|
||||
li {
|
||||
padding: 5px;
|
||||
&:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
i {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
@include border-radius(5px);
|
||||
@include transform(translateZ(0));
|
||||
-webkit-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
-webkit-transition-property: transform;
|
||||
transition-property: transform;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
a {
|
||||
i {
|
||||
-webkit-transform: scale(1.3) translateZ(0);
|
||||
transform: scale(1.3) translateZ(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.zmdi-facebook {
|
||||
background: #3b5998;
|
||||
}
|
||||
.zmdi-twitter {
|
||||
background: #1da0f2;
|
||||
}
|
||||
.zmdi-google {
|
||||
background: #e72734;
|
||||
}
|
||||
.signin-form {
|
||||
margin-right: 90px;
|
||||
margin-left: 80px;
|
||||
}
|
||||
.signin-image {
|
||||
margin-left: 110px;
|
||||
margin-right: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
101
admin/assets/scss/layouts/responsive.scss
Normal file
101
admin/assets/scss/layouts/responsive.scss
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
@media screen and (max-width: 1600px) {
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1300px) {
|
||||
|
||||
}
|
||||
|
||||
//end 1200px
|
||||
@media screen and (max-width: 1200px) {
|
||||
.container {
|
||||
width: calc( 100% - 30px);
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
//end 1200px
|
||||
@media screen and (max-width: 1024px) {
|
||||
}
|
||||
|
||||
//end 1024px
|
||||
@media screen and (max-width: 992px) {
|
||||
|
||||
}
|
||||
|
||||
//end 992px
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
.signup-content, .signin-content {
|
||||
@include flex-direction(column);
|
||||
@include justify-content(center);
|
||||
}
|
||||
.signup-form {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
padding-left: 0px;
|
||||
/* box-sizing: border-box; */
|
||||
padding: 0 30px;
|
||||
}
|
||||
.signin-image {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
margin-top: 50px;
|
||||
@include order(2);
|
||||
}
|
||||
.signup-form, .signup-image, .signin-form, .signin-image {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.social-login {
|
||||
@include justify-content(center);
|
||||
}
|
||||
.form-button {
|
||||
text-align: center;
|
||||
}
|
||||
.signin-form {
|
||||
@include order(1);
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.form-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 620px) {
|
||||
|
||||
}
|
||||
|
||||
//end 767px
|
||||
@media screen and (max-width: 575px) {
|
||||
|
||||
}
|
||||
|
||||
//end 575px
|
||||
@media screen and (max-width: 480px) {
|
||||
|
||||
}
|
||||
|
||||
//end 480px
|
||||
@media screen and (max-width: 400px) {
|
||||
.social-login {
|
||||
@include flex-direction(column);
|
||||
}
|
||||
.social-label {
|
||||
margin-right: 0px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
//end 400px
|
||||
|
||||
@media screen and (max-width: 320px) {}
|
||||
12
admin/assets/scss/style.scss
Normal file
12
admin/assets/scss/style.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
//Common
|
||||
@import 'common/extend.scss';
|
||||
@import 'common/fonts.scss';
|
||||
@import 'common/minxi.scss';
|
||||
@import 'common/variables.scss';
|
||||
@import 'common/global.scss';
|
||||
|
||||
//layout
|
||||
@import 'layouts/main.scss';
|
||||
|
||||
// Responsive
|
||||
@import 'layouts/responsive.scss';
|
||||
Loading…
Add table
Add a link
Reference in a new issue