sticky footer

This commit is contained in:
Jan-Christoph Borchardt 2013-07-22 13:16:01 +02:00
parent fd4638c229
commit 38bfae57fe
2 changed files with 26 additions and 10 deletions

View File

@ -3,7 +3,8 @@
See the COPYING-README file. */
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 { min-height:100%; overflow:auto; }
html { height:100%; }
body { height:100%; background-attachment:fixed !important; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0; white-space:nowrap; }
@ -171,11 +172,14 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
/* LOG IN & INSTALLATION ------------------------------------------------------------ */
#body-login #header {
padding-top: 100px;
}
#body-login div.buttons { text-align:center; }
#body-login p.info {
width: 22em;
text-align: center;
margin: 55px auto;
margin: 0 auto;
color: #030303;
text-shadow: #3d4d64 0 1px 0;
}
@ -185,9 +189,6 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
}
#body-login #submit.login { margin-right:7px; } /* quick fix for log in button not being aligned with input fields, should be properly fixed by input field width later */
#body-login {
margin-top: 100px;
}
#body-login form { width:22em; margin:2em auto 2em; padding:0; }
#body-login form fieldset {
margin-bottom: 20px;
@ -319,6 +320,17 @@ li.update, li.error { width:640px; margin:4em auto; padding:1em 1em 1em 4em; bac
#alternative-logins legend { margin-bottom:10px; }
#alternative-logins li { height:40px; display:inline-block; white-space:nowrap; }
/* Sticky footer */
#body-login .wrapper {
min-height: 100%;
margin: 0 auto -50px;
}
#body-login footer, #body-login .push {
height: 50px;
}
/* NAVIGATION ------------------------------------------------------------- */
#navigation {

View File

@ -35,12 +35,16 @@
</head>
<body id="body-login">
<header><div id="header">
<img src="<?php print_unescaped(image_path('', 'logo.svg')); ?>" class="svg" alt="ownCloud" />
<div id="logo-claim" style="display:none;"><?php p($defaults->getLogoClaim()); ?></div>
</div></header>
<div class="wrapper"><!-- for sticky footer -->
<header><div id="header">
<img src="<?php print_unescaped(image_path('', 'logo.svg')); ?>" class="svg" alt="ownCloud" />
<div id="logo-claim" style="display:none;"><?php p($defaults->getLogoClaim()); ?></div>
</div></header>
<?php print_unescaped($_['content']); ?>
<?php print_unescaped($_['content']); ?>
<div class="push"></div><!-- for sticky footer -->
</div>
<footer>
<p class="info">