Added theme upv-material (without redundant css)

src/main/resources/static/themes/upv-material/css/cas.css

@@ -0,0 +1,318 @@
+/* Root / Reset */
+
+
+
+
+body {
+    line-height: 1;
+    width: 100%;
+    overflow-x: hidden;
+    min-height: 100vh;
+
+    flex-grow: 1;
+
+    font-family: 'Source Sans Pro', 'Dosis', sans-serif;
+    font-style: normal;
+    /* -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
+    /* font-size: 1.25rem; */
+    font-weight: 300;
+    line-height: 1.3;
+    vertical-align: baseline;
+    color: #181818;
+    background-color: white ;
+    background: #ffffff;
+    position:relative;
+    font-size: 14px;
+    line-height: 1.42857143;
+    background-color: #111111;
+    padding-bottom: 5px 
+}
+
+img {
+    /* width: 100%;
+    max-width: 100%; */
+    vertical-align: middle;
+    /* border: 0; */
+}
+
+/* utilities */
+
+
+
+.bg-dark {
+   background-color: #111111;
+}
+
+
+/* @media all and (min-width: 992px) {
+    .col-md-12 {
+        width: 100%
+    }
+
+} */
+
+/* IE flex fix */
+
+#main-content {
+    max-width: 500px; /* TODO: review */
+
+}
+
+/***************************************************************/
+/* HEADER */
+
+.m1 {
+    background-color: #343434  !important; display:block;
+    text-align: right; color:#ffffff; font-size: 0.8rem; 
+	padding-top: 3px;
+    padding-bottom: 3px;
+    padding-right: 10px;
+    margin-right: 15px;
+    width: 100%;
+	  z-index: 1999 !important; min-height: 20px;
+}
+
+/* estilos navegacion*/
+.nav-container,
+nav {
+    overflow: visible;
+    transition: all 0.3s ease;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+}
+
+/* nav {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transition: all 0.3s ease;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+}
+  
+nav a {
+    color: #333333;
+} */
+
+.img_logo {
+    width: 22% !important;
+    padding-top: 10px !important;
+    padding-bottom: 10px;
+
+}
+
+@media (max-width: 450px) {
+    .img_logo {width: 37%;padding-bottom: 0px;}
+}
+
+.lang-link {
+    background-color: #343434;
+    font-size: 0.8rem;
+    color: white;
+    text-align: right;
+    padding-top: 5px;
+    padding-right: 11px;
+    padding-left: 5px;
+    padding-bottom: 5px;
+    font-weight: bold;
+}
+.lang-link-current {
+    color: lightgray
+}
+/***************************************************************/
+/* FOOTER */
+
+b {
+    font-weight: 700
+}
+.container {
+    width: 100%;
+    max-width: 100%;
+    /* min(1200px,100vw - 2rem); */
+    margin: 0 auto;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+    border-radius: 6px
+}
+
+.img-logo-footer{
+    display:flex;
+    max-width:240px ;
+    height:auto; 
+    margin-right: auto;
+    margin-left: auto
+
+}
+/*
+.text-upv-footer{
+    margin-top: 30px;
+}
+*/
+.contact-info-footer{
+    display: flex;
+    margin-top: 10px;
+}
+
+.element-contact-info{
+    flex:1;
+}
+
+.col-md-12 .col-sm-12{
+    position: relative;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px
+
+}
+
+a:-webkit-any-link {
+    /* color: -webkit-link; */
+    cursor: pointer;
+    /* text-decoration: underline; */
+}
+a {
+    /* color: #153e50;
+    color: var(--cas-theme-primary, #153e50); */
+    outline: none;
+    text-decoration: none;
+}
+
+
+a,
+a:hover,
+a:focus {
+  color: inherit;
+  text-decoration: none;
+  outline: 0;
+  -webkit-transition: all 0.25s ease-out;
+  -moz-transition: all 0.25s ease-out;
+  -ms-transition: all 0.25s ease-out;
+  -o-transition: all 0.25s ease-out;
+  transition: all 0.25s ease-out;
+}
+
+
+footer {
+    background: #141414;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    text-align: center;
+    color:  #e5554f;
+	font-size: 1rem;
+
+}
+
+
+@media (min-width: 768px) {
+    .container {
+        width:750px
+    }
+    .col-sm-12 {
+        width: 100%
+    }
+}
+
+
+@media (min-width: 992px) {
+    .container {
+        width:970px
+    }
+    .col-md-12 {
+        width: 100%
+    }
+}
+
+@media (min-width: 1200px) {
+    .container {
+        width:1170px
+    }
+}
+@media(max-width: 1030px) {
+    body {
+        --h1-font-size: 2.625rem;
+        --h2-font-size: 1.777rem;
+        --h3-font-size: 1.5rem
+    }
+}
+
+@media(max-width: 767.98px) {
+    footer {
+        margin-bottom: 0; /* 45px */
+    }
+}
+@media(max-width: 700px){
+    .contact-info-footer{
+        flex-direction: column;
+    }
+}
+
+/***************************************************************/
+/* LOGINFORM */
+/* .select-style{
+    width: 450px;
+} */
+
+.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{
+    color: var(--cas-theme-primary, rgba(0, 0, 0, 0.87));
+}
+
+.eye-style{
+    color: #fff;
+    background-color: #D73333
+}
+.eye-style:hover{
+    color: #fff;
+    background-color: #A40E0E
+}
+
+.mdc-button--outlined.button-style{
+    background-color: #fff;
+    color: #D73333 ;
+    border-color: #D73333;
+}
+
+.mdc-button--outlined.button-style:hover{
+    background-color: #A40E0E;
+    color: #fff;
+    border-color: #A40E0E
+}
+
+.columns{
+    margin-top:20px;
+    display:flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+}
+.element-column{
+    flex:1;
+}
+
+.last-element-column{
+    flex:1;
+    display: flex;
+    justify-content: right;
+    align-items: center;
+}
+
+.forgot-your-password-text:hover{
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.wide-button{
+    width: 100%;    
+}
+
+.separator-line {
+    margin-top:30px;
+}
+
+.login-certificate-button{
+    margin-top: 30px;
+    width: 100%;    
+    display:flex;
+    justify-content:center
+
+}

src/main/resources/templates/upv-material/error.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">
+
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+
+    <title th:text="#{screen.unavailable.header}">CAS Error View</title>
+    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
+
+    <script th:inline="javascript">
+        /*<![CDATA[*/
+
+        function showErrorDetails() {
+            $("#errorMsg").hide();
+            $("#errorDetails").empty();
+            $("#errorDetails").append("<p><pre style='white-space: pre-wrap;'>" + /*[[${#strings.escapeXml(trace)}]]*/ +"</pre></p>");
+        }
+        /*]]>*/
+    </script>
+</head>
+
+<body>
+<main role="main" class="container mt-3 mb-3">
+<div layout:fragment="content">
+    <div class="mdc-card card p-4 banner banner-danger alert alert-danger">
+        <h2 th:utext="#{screen.unavailable.heading(${status},${error})}">CAS is unable to process this request: "{0}:{1}"</h2>
+        <div th:utext="#{screen.unavailable.message}">screen.unavailable.message would go here</div>
+        <pre id="errorMsg" class="mt-4" style="white-space: pre-wrap;" th:text="${'Error: ' + message}">error message would go here</pre>
+        <p id="errorDetails" class="word-break-all" th:if="${trace}">
+            <button type="button" class="mdc-button mdc-button--raised btn btn-primary"
+                    onclick="showErrorDetails();">
+                <span class="mdc-button__label">View Details</span>
+            </button>
+        </p>
+    </div>
+</div>
+</main>
+</body>
+</html>