mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #7249 from nextcloud/guest-flex 

Guest flex instead of absolute
This commit is contained in:
Morris Jobke 2017-12-11 15:41:53 +01:00 committed by GitHub
parent 7fdc4b5262 a936aea8a4
commit 5bc8c94a11
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
core/css/guest.css
View File

@ -4,7 +4,7 @@
/* Default and reset */ /* Default and reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; cursor:default; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; cursor:default; }
html, body { height:100%; } html { height:100%; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
body { line-height:1.5; } body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0; white-space:nowrap; } table { border-collapse:separate; border-spacing:0; white-space:nowrap; }
@ -28,7 +28,8 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; /* fix background gradient */ background-attachment: fixed; /* fix background gradient */
height: 100%; /* fix sticky footer */ min-height: 100%; /* fix sticky footer */
height: auto;
} }
/* Various fonts settings */ /* Various fonts settings */
@ -60,6 +61,13 @@ h3 {
} }
/* Global content */ /* Global content */
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#header .logo { #header .logo {
background-image: url('../img/logo.svg?v=1'); background-image: url('../img/logo.svg?v=1');
background-repeat: no-repeat; background-repeat: no-repeat;
@ -77,15 +85,8 @@ h3 {
max-height: 200px; max-height: 200px;
} }
.wrapper { .wrapper {
min-height: 100%;
margin: 0 auto -70px;
width: 300px; width: 300px;
} margin-top: 10%;
.v-align {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
/* Default FORM */ /* Default FORM */
@ -723,6 +724,7 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-
footer, footer,
.push { .push {
height: 70px; height: 70px;
margin-top: auto;
} }
footer .info a { footer .info a {