Alex Aragon
5 years ago
parent
3c1b201b8c
commit
7d62ad717b
@ -0,0 +1,83 @@ |
||||
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap'); |
||||
|
||||
:root { |
||||
--primary-color: #486F88; |
||||
--success-color: #16D090; |
||||
} |
||||
|
||||
body, html { |
||||
height: 100%; |
||||
} |
||||
body { |
||||
margin: 0; |
||||
line-height: 1.5; |
||||
color: #212529; |
||||
background-color: #fff; |
||||
font-family: 'Lato', sans-serif; |
||||
} |
||||
.custompage .limiter { |
||||
width: 100%; |
||||
margin: 0 auto; |
||||
} |
||||
.custompage .container-login { |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
justify-content: center; |
||||
align-items: center; |
||||
padding: 15px; |
||||
background: #f2f2f2; |
||||
} |
||||
.custompage .wrap-login { |
||||
background: #fff; |
||||
border-radius: 10px; |
||||
padding: 30px 45px; |
||||
box-shadow: 0 12px 26px rgba(16, 30, 115, 0.06); |
||||
} |
||||
.custompage .width-login{ |
||||
width: 390px; |
||||
} |
||||
.custompage .width-register{ |
||||
width: 690px; |
||||
} |
||||
.custompage h3.title, legend{ |
||||
font-weight: 900; |
||||
font-size: 24px; |
||||
color: #486F88; |
||||
padding: 1rem 0; |
||||
} |
||||
.custompage label{ |
||||
color: #486F88; |
||||
font-weight: 400; |
||||
} |
||||
.custompage .form-control, |
||||
.custompage .bootstrap-select .dropdown-toggle.btn-default{ |
||||
border: 2px solid #B3C8D7; |
||||
} |
||||
.custompage .last-password{ |
||||
padding: 2.5rem 0; |
||||
text-align: center; |
||||
} |
||||
.btn-primary { |
||||
color: #fff; |
||||
background-color: var(--primary-color); |
||||
border-color: var(--primary-color);; |
||||
text-transform: uppercase; |
||||
font-weight: bold; |
||||
} |
||||
.btn-success { |
||||
color: #fff; |
||||
background-color: var(--success-color); |
||||
border-color: var(--success-color); |
||||
text-transform: uppercase; |
||||
font-weight: bold; |
||||
} |
||||
.custompage .software-name{ |
||||
text-align: center; |
||||
padding: 2rem 0; |
||||
margin-top: 1rem; |
||||
display: inline-block; |
||||
width: 100%; |
||||
font-size: 12px; |
||||
} |
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 113 KiB |
@ -0,0 +1,48 @@ |
||||
<div class="custompage"> |
||||
<div class="limiter"> |
||||
<div class="container-login"> |
||||
<div class="wrap-login width-login"> |
||||
<form class="login100-form validate-form" action="{{ _p.web }}" method="post"> |
||||
<div class="logo"> |
||||
<img width="250px" class="img-responsive" title="{{ _s.site_name }}" src="{{ _p.web_css_theme }}images/header-logo.svg"> |
||||
</div> |
||||
<h3 class="title">{{ 'Login'|get_lang() }}</h3> |
||||
{{ mgs_flash }} |
||||
{% if error %} |
||||
<div class="alert alert-warning" role="alert"> |
||||
{{ error }} |
||||
</div> |
||||
{% endif %} |
||||
<div class="form-group"> |
||||
<label for="user">{{ 'LoginOrEmailAddress'|get_lang() }}</label> |
||||
<input type="text" class="form-control" id="user" name="login" "> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="password">{{ 'Password'|get_lang() }}</label> |
||||
<input type="password" class="form-control" name="password" id="password" > |
||||
</div> |
||||
|
||||
<button type="submit" class="btn btn-primary btn-block"> |
||||
{{ 'LoginEnter'|get_lang() }} |
||||
</button> |
||||
{% if url_register %} |
||||
<a href="{{ url_register }}" class="btn btn-success btn-block" > |
||||
{{ 'Registration'|get_lang() }} |
||||
</a > |
||||
{% endif %} |
||||
<div class="last-password"> |
||||
<a href="{{ url_lost_password }}"> |
||||
{{ 'LostPassword'|get_lang() }} |
||||
</a> |
||||
</div> |
||||
</form> |
||||
<div class="software-name"> |
||||
<a href="{{_p.web}}" target="_blank"> |
||||
{{ "PoweredByX" |get_lang | format(_s.software_name) }} |
||||
</a>© {{ "now"|date("Y") }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
@ -0,0 +1,17 @@ |
||||
<div class="custompage"> |
||||
<div class="limiter"> |
||||
<div class="container-login"> |
||||
<div class="wrap-login width-register"> |
||||
<div class="logo"> |
||||
<img width="250px" class="img-responsive" title="{{ _s.site_name }}" src="{{ _p.web_css_theme }}images/header-logo.svg"> |
||||
</div> |
||||
{{ form }} |
||||
<div class="software-name"> |
||||
<a href="{{_p.web}}" target="_blank"> |
||||
{{ "PoweredByX" |get_lang | format(_s.software_name) }} |
||||
</a>© {{ "now"|date("Y") }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,18 @@ |
||||
<div class="custompage"> |
||||
<div class="limiter"> |
||||
<div class="container-login"> |
||||
<div class="wrap-login width-register"> |
||||
<div class="logo"> |
||||
<img width="250px" class="img-responsive" title="{{ _s.site_name }}" src="{{ _p.web_css_theme }}images/header-logo.svg"> |
||||
</div> |
||||
<h3 class="title">{{ 'UserRegistrationTitle'|get_lang() }}</h3> |
||||
{{ form }} |
||||
<div class="software-name"> |
||||
<a href="{{_p.web}}" target="_blank"> |
||||
{{ "PoweredByX" |get_lang | format(_s.software_name) }} |
||||
</a>© {{ "now"|date("Y") }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
Loading…
Reference in new issue