Improve styles
This commit is contained in:
@@ -1,27 +1,42 @@
|
||||
@import "compatibility.less";
|
||||
|
||||
div#errorContainer {
|
||||
padding: 200px;
|
||||
height: 100vh;
|
||||
background-color: rgb(252, 235, 192);
|
||||
text-align:center
|
||||
font-family:Helvetica;
|
||||
display: flex;
|
||||
padding: 200px 80px;
|
||||
}
|
||||
|
||||
div#errorContainer > h1 {
|
||||
padding-top: 200px;
|
||||
h1 {
|
||||
color: #696969;
|
||||
font-weight: bold;
|
||||
font-size:100px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: rgb(241, 163, 39);
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
div#errorContainer > p {
|
||||
p {
|
||||
font-size: 25px;
|
||||
}
|
||||
div#icon {
|
||||
padding-top: 100px;
|
||||
background-image: url(../../images/logo-icon.svg);
|
||||
height: 150px;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div#bottom-logo {
|
||||
position: fixed;
|
||||
right: 20px;
|
||||
bottom: 10px;
|
||||
background: url(../../images/editor/logo-text-black.svg) no-repeat;
|
||||
background: url(../../images/logo-text-black.svg) no-repeat;
|
||||
width: 90px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex: 50%;
|
||||
}
|
||||
|
||||
|
3
wise-webapp/src/main/webapp/images/logo-text-black.svg
Normal file
3
wise-webapp/src/main/webapp/images/logo-text-black.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 7.0 KiB |
@@ -31,15 +31,21 @@
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="errorContainer">
|
||||
<h1>
|
||||
<div id="errorContainer">
|
||||
<div class='col'>
|
||||
<h1>Opps !</h1>
|
||||
<h2>
|
||||
<spring:message code="${requestScope.title}"/>
|
||||
</h2>
|
||||
<p>
|
||||
<spring:message code="${requestScope.details}"/>
|
||||
</p>
|
||||
</div>
|
||||
<div id="bottom-logo"></div>
|
||||
<div class='column'>
|
||||
<div id="icon"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bottom-logo"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Reference in New Issue
Block a user