schmoekerei/keycloak-theme
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Image size fix

Browse Source
This commit is contained in:
Marvin Scham
2022-03-16 06:07:37 +01:00
parent 56f40ee2ef
commit 32499454a5
1 changed files with 77 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
welcome/resources/css/welcome.css
View File

@@ -1,140 +1,140 @@
body { body {
background: #fff url(../bg.png) no-repeat center bottom fixed; background: #fff url(../bg.png) no-repeat center bottom fixed;
background-size: cover; background-size: cover;
} }
.welcome-header { .welcome-header {
margin-top: 10px; margin-top: 10px;
margin-bottom: 50px; margin-bottom: 50px;
margin-left: -10px; margin-left: -10px;
} }
.welcome-header img { .welcome-header img {
width: 150px; width: 150px;
margin-bottom: 40px; margin-bottom: 40px;
} }
.welcome-message { .welcome-message {
margin-top: 20px; margin-top: 20px;
} }
.h-l { .h-l {
min-height: 370px; min-height: 370px;
padding: 10px 20px 10px; padding: 10px 20px 10px;
overflow: hidden; overflow: hidden;
} }
.h-l h3 { .h-l h3 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.h-m { .h-m {
height: 110px; height: 110px;
padding-top: 23px; padding-top: 23px;
} }
.card-pf img { .card-pf img {
width: 22px; width: 22px;
margin-right: 10px; margin-right: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
img.doc-img { img.doc-img {
width: auto; width: auto;
height: 22px; height: 22px;
} }
.link { .link {
font-size: 16px; font-size: 16px;
vertical-align: baseline; vertical-align: baseline;
margin-left: 5px; margin-left: 5px;
} }
h3 { h3 {
font-weight: 550; font-weight: 550;
} }
h3 a:link, h3 a:link,
h3 a:visited { h3 a:visited {
color: #333; color: #333;
font-weight: 550; font-weight: 550;
} }
h3 a:hover, h3 a:hover,
h3 a:hover .link { h3 a:hover .link {
text-decoration: none; text-decoration: none;
color: #00659c; color: #00659c;
} }
.h-l h3 a img { .h-l h3 a img {
height: 30px; height: 30px;
width: auto; width: auto;
} }
.description { .description {
margin-top: 30px; margin-top: 30px;
} }
.card-pf { .card-pf {
border-top: 1px solid rgba(3, 3, 3, 0.1); border-top: 1px solid rgba(3, 3, 3, 0.1);
box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275); box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275);
} }
.welcome-form label, .welcome-form label,
.welcome-form input { .welcome-form input {
display: block; display: block;
width: 100%; width: 100%;
} }
.welcome-form label { .welcome-form label {
color: #828486; color: #828486;
font-weight: normal; font-weight: normal;
margin-top: 18px; margin-top: 18px;
} }
.welcome-form input { .welcome-form input {
border: 0; border: 0;
border-bottom: solid 1px #cbcbcb; border-bottom: solid 1px #cbcbcb;
} }
.welcome-form input:focus { .welcome-form input:focus {
border-bottom: solid 1px #5e99c6; border-bottom: solid 1px #5e99c6;
outline-width: 0; outline-width: 0;
} }
.welcome-form button { .welcome-form button {
margin-top: 10px; margin-top: 10px;
} }
.error { .error {
color: #c00; color: #c00;
border-color: #c00; border-color: #c00;
padding: 5px 10px; padding: 5px 10px;
} }
.success { .success {
color: #3f9c35; color: #3f9c35;
border-color: #3f9c35; border-color: #3f9c35;
padding: 5px 10px; padding: 5px 10px;
} }
.welcome-form + .welcome-primary-link, .welcome-form + .welcome-primary-link,
.welcome-message + .welcome-primary-link { .welcome-message + .welcome-primary-link {
display: none; display: none;
} }
.footer img { .footer img {
float: right; float: right;
width: 150px; width: 50px;
margin-top: 30px; margin-top: 30px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.welcome-header { .welcome-header {
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.welcome-header img { .welcome-header img {
margin-bottom: 20px; margin-bottom: 20px;
} }
h3 { h3 {
margin-top: 10px; margin-top: 10px;
} }
.h-l, .h-l,
.h-m { .h-m {
height: auto; height: auto;
min-height: auto; min-height: auto;
padding: 5px 10px; padding: 5px 10px;
} }
.h-l img { .h-l img {
display: inline; display: inline;
margin-bottom: auto; margin-bottom: auto;
} }
.description { .description {
display: none; display: none;
} }
.footer img { .footer img {
margin-top: 10px; margin-top: 10px;
} }
} }