Commit f6ded991 authored by jbuechele's avatar jbuechele
Browse files

updated bootstrap to 4.1, redesigned login-verify-email.ftl

parent 124ac8ee
<#import "template.ftl" as layout>
<@layout.registrationLayout; section>
<#if section = "title">
${msg("emailVerifyTitle")}
<#elseif section = "header">
${msg("emailVerifyTitle")}
<#elseif section = "form">
<p class="instruction">
<#if section = "form">
<section class="h-100">
<div class="container h-100">
<div class="row justify-content-md-center align-items-center h-100">
<div class="card-wrapper">
<div class="text-center margin-bottom-30 margin-top-30">
<img src="${url.resourcesPath}/img/fairlogin_logo.png">
</div>
<div class="card fat">
<div class="card-body">
<h4 class="card-title">${msg("emailVerifyTitle")}</h4>
<#if message?has_content>
<#if message.type = 'success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type = 'warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type = 'error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type = 'info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<p class="instruction">
${msg("emailVerifyInstruction1")}
</p>
<p class="instruction">
${msg("emailVerifyInstruction2")} <a href="${url.loginAction}">${msg("doClickHere")}</a> ${msg("emailVerifyInstruction3")}
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</#if>
</@layout.registrationLayout>
\ No newline at end of file
html {
/*!
* Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
......@@ -8,12 +20,6 @@ html {
-webkit-tap-highlight-color: transparent;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
@-ms-viewport {
width: device-width;
}
......@@ -24,16 +30,17 @@ article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, s
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: normal;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
outline: 0 !important;
}
hr {
......@@ -44,7 +51,7 @@ hr {
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
margin-bottom: 0.5rem;
}
p {
......@@ -56,7 +63,7 @@ abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
......@@ -82,7 +89,7 @@ ul ol {
}
dt {
font-weight: bold;
font-weight: 700;
}
dd {
......@@ -140,7 +147,7 @@ a:not([href]):not([tabindex]) {
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
......@@ -161,6 +168,7 @@ pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
......@@ -176,19 +184,6 @@ svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
......@@ -196,18 +191,22 @@ table {
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: left;
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: .5rem;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
......@@ -318,6 +317,7 @@ output {
summary {
display: list-item;
cursor: pointer;
}
template {
......
This diff is collapsed.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment