Yannick Warnier
5 years ago
commit
9a6fbade3c
@ -0,0 +1,80 @@ |
||||
:root { |
||||
--primary-color: #486F88; |
||||
--success-color: #16D090; |
||||
} |
||||
|
||||
body, html { |
||||
height: 100%; |
||||
} |
||||
body { |
||||
margin: 0; |
||||
line-height: 1.5; |
||||
color: #212529; |
||||
background-color: #fff; |
||||
} |
||||
.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; |
||||
} |
||||
@ -0,0 +1,80 @@ |
||||
:root { |
||||
--primary-color: #486F88; |
||||
--success-color: #16D090; |
||||
} |
||||
|
||||
body, html { |
||||
height: 100%; |
||||
} |
||||
body { |
||||
margin: 0; |
||||
line-height: 1.5; |
||||
color: #212529; |
||||
background-color: #fff; |
||||
} |
||||
.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> |
||||
@ -1,70 +1,72 @@ |
||||
<!-- Topbar --> |
||||
{% if show_toolbar == 1 %} |
||||
<nav id="toolbar-admin" class="navbar navbar-inverse"> |
||||
<div class="container-fluid"> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#toolbar"> |
||||
<span class="sr-only">Toggle navigation</span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
<a class="navbar-brand" href="{{ _p.web }}"> |
||||
<img src="{{ "icon-chamilo.png"|icon(22) }}" title="{{ "siteName" | api_get_setting }}"> |
||||
</a> |
||||
</div> |
||||
{% if _u.logged %} |
||||
<div class="collapse navbar-collapse" id="toolbar"> |
||||
<ul class="nav navbar-nav"> |
||||
<li class="active"><a href="{{ _p.web }}user_portal.php"> {{ "MyCourses"|get_lang }}</a></li> |
||||
<li class="dropdown"> |
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{'Tracking'|get_lang }}<b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="{{ _p.web_main }}mySpace/">{{ "CoursesReporting"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}mySpace/index.php?view=admin">{{ "AdminReports"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}tracking/exams.php">{{ "ExamsReporting"|get_lang }}</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="{{ _p.web_main }}dashboard/">{{ "Dashboard"|get_lang }}</a></li> |
||||
</ul> |
||||
</li> |
||||
{% if _u.is_admin == 1 %} |
||||
<li class="dropdown"> |
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{'Administration'|get_lang }}<b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="{{ _p.web_main }}admin/">{{ "Home"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/user_list.php">{{ "UserList"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/course_list.php">{{ "CourseList"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}session/session_list.php">{{ "SessionList"|get_lang }}</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="{{ _p.web_main }}admin/settings.php">{{ "Settings"|get_lang }}</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="{{ _p.web_main }}admin/settings.php?category=Plugins">{{ "Plugins"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/settings.php?category=Regions">{{ "Regions"|get_lang }}</a></li> |
||||
</ul> |
||||
</li> |
||||
<nav id="toolbar-admin" class="navbar navbar-inverse"> |
||||
<div class="container-fluid"> |
||||
<div class="navbar-header"> |
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
||||
<span class="sr-only">Toggle navigation</span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
<a class="navbar-brand" href="{{ _p.web }}"> |
||||
<img src="{{ "icon-chamilo.png"|icon(22) }}" title="{{ "siteName" | api_get_setting }}"> |
||||
</a> |
||||
</div> |
||||
|
||||
<li class="dropdown"> |
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{ 'Add'|get_lang }}<b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="{{ _p.web_main }}admin/user_add.php">{{ "User"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/course_add.php">{{ "Course"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}session/session_add.php">{{ "Session"|get_lang }}</a></li> |
||||
</ul> |
||||
</li> |
||||
{% endif %} |
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
||||
<ul class="nav navbar-nav"> |
||||
<li class="active"><a href="{{ _p.web }}user_portal.php"> {{ "MyCourses"|get_lang }}</a></li> |
||||
<li class="dropdown"> |
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{'Tracking'|get_lang }}<b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="{{ _p.web_main }}mySpace/">{{ "CoursesReporting"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}mySpace/index.php?view=admin">{{ "AdminReports"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}tracking/exams.php">{{ "ExamsReporting"|get_lang }}</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="{{ _p.web_main }}dashboard/">{{ "Dashboard"|get_lang }}</a></li> |
||||
</ul> |
||||
</li> |
||||
{% if _u.logged %} |
||||
{% if _u.is_admin == 1 %} |
||||
<li class="dropdown"> |
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{'Administration'|get_lang }}<b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="{{ _p.web_main }}admin/">{{ "Home"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/user_list.php">{{ "UserList"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/course_list.php">{{ "CourseList"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}session/session_list.php">{{ "SessionList"|get_lang }}</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="{{ _p.web_main }}admin/settings.php">{{ "Settings"|get_lang }}</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="{{ _p.web_main }}admin/settings.php?category=Plugins">{{ "Plugins"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/settings.php?category=Regions">{{ "Regions"|get_lang }}</a></li> |
||||
</ul> |
||||
</li> |
||||
|
||||
{% if _u.is_admin == 1 %} |
||||
<form class="navbar-form navbar-left" role="search" action="{{ _p.web_main }}admin/user_list.php" method="get"> |
||||
<input type="text" class="form-control" placeholder="{{'SearchUsers'|get_lang }}" name="keyword"> |
||||
</form> |
||||
{% endif %} |
||||
|
||||
<ul class="nav navbar-nav navbar-right"> |
||||
<li><a href="{{ _p.web }}index.php?logout=logout&uid={{_u.user_id}}">{{ "Logout"|get_lang }}</a></li> |
||||
<li class="dropdown"> |
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{ 'Add'|get_lang }}<b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="{{ _p.web_main }}admin/user_add.php">{{ "User"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}admin/course_add.php">{{ "Course"|get_lang }}</a></li> |
||||
<li><a href="{{ _p.web_main }}session/session_add.php">{{ "Session"|get_lang }}</a></li> |
||||
</ul> |
||||
</div> <!-- /nav collapse --> |
||||
</li> |
||||
{% endif %} |
||||
</ul> |
||||
|
||||
{% if _u.is_admin == 1 %} |
||||
<form class="navbar-form navbar-left" role="search" action="{{ _p.web_main }}admin/user_list.php" method="get"> |
||||
<input type="text" class="form-control" placeholder="{{'SearchUsers'|get_lang }}" name="keyword"> |
||||
<button type="submit" class="btn btn-primary">{{'Search'|get_lang }}</button> |
||||
</form> |
||||
{% endif %} |
||||
|
||||
<ul class="nav navbar-nav navbar-right"> |
||||
<li><a href="{{ _p.web }}index.php?logout=logout&uid={{_u.user_id}}">{{ "Logout"|get_lang }}</a></li> |
||||
</ul> |
||||
{% endif %} |
||||
</div> <!-- /container--> |
||||
</nav><!-- /topbar --> |
||||
</div><!-- /.navbar-collapse --> |
||||
</div><!-- /.container-fluid --> |
||||
</nav> |
||||
{% endif %} |
||||
|
||||
Loading…
Reference in new issue