rip out unneeded #login div, replace with existing body-login

This commit is contained in:
Jan-Christoph Borchardt 2013-07-22 11:58:26 +02:00
parent 9982f47ab5
commit 107ace42b8
2 changed files with 47 additions and 29 deletions

View file

@ -23,7 +23,6 @@ body { background:#fefefe; font:normal .8em/1.6em "Helvetica Neue",Helvetica,Ari
#body-login { #body-login {
text-align:center; text-align:center;
-moz-box-shadow:0 0 1em rgba(0, 0, 0, .5); -webkit-box-shadow:0 0 1em rgba(0, 0, 0, .5); box-shadow:0 0 1em rgba(0, 0, 0, .5);
background:#1d2d44; /* Old browsers */ background:#1d2d44; /* Old browsers */
background:-moz-linear-gradient(top, #35537a 0%, #1d2d44 100%); /* FF3.6+ */ background:-moz-linear-gradient(top, #35537a 0%, #1d2d44 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#35537a), color-stop(100%,#1d2d44)); /* Chrome,Safari4+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#35537a), color-stop(100%,#1d2d44)); /* Chrome,Safari4+ */
@ -168,23 +167,36 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
/* LOG IN & INSTALLATION ------------------------------------------------------------ */ /* LOG IN & INSTALLATION ------------------------------------------------------------ */
#body-login { background:#ddd; }
#body-login div.buttons { text-align:center; } #body-login div.buttons { text-align:center; }
#body-login p.info { width:22em; text-align:center; margin:2em auto; color:#777; text-shadow:#fff 0 1px 0; } #body-login p.info {
#body-login p.info a { font-weight:bold; color:#777; } width: 22em;
text-align: center;
margin: 55px auto;
color: #030303;
text-shadow: #3d4d64 0 1px 0;
}
#body-login p.info a {
font-weight: bold;
color: #070707;
}
#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 #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 */
#login { min-height:30em; } #body-login {
#login form { width:22em; margin:2em auto 2em; padding:0; } margin-top: 100px;
#login form fieldset { margin-bottom:20px; } }
#login form #adminaccount { margin-bottom:5px; } #body-login form { width:22em; margin:2em auto 2em; padding:0; }
#login form fieldset legend, #datadirContent label { #body-login form fieldset {
margin-bottom: 20px;
text-align: left;
}
#body-login form #adminaccount { margin-bottom:5px; }
#body-login form fieldset legend, #datadirContent label {
width:100%; text-align:center; width:100%; text-align:center;
font-weight:bold; color:#999; text-shadow:0 1px 0 white; font-weight:bold; color:#999; text-shadow:0 1px 0 white;
} }
#login form fieldset legend a { color:#999; } #body-login form fieldset legend a { color:#999; }
#login #datadirContent label { display:block; margin:0; color:#999; } #body-login #datadirContent label { display:block; margin:0; color:#999; }
#login form #datadirField legend { margin-bottom:15px; } #body-login form #datadirField legend { margin-bottom:15px; }
/* Icons for username and password fields to better recognize them */ /* Icons for username and password fields to better recognize them */
#adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; } #adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; }
@ -213,19 +225,25 @@ input[name="adminpass-clone"] { padding-left:1.8em; width:11.7em !important; }
} }
/* In field labels. No, HTML placeholder does not work as well. */ /* In field labels. No, HTML placeholder does not work as well. */
#login form label { color:#666; } #body-login form label { color:#666; }
#login .groupmiddle label, #login .groupbottom label { top:.65em; } #body-login .groupmiddle label, #body-login .groupbottom label { top:.65em; }
p.infield { position:relative; } p.infield { position:relative; }
label.infield { cursor:text !important; top:1.05em; left:.85em; } label.infield { cursor:text !important; top:1.05em; left:.85em; }
#login form label.infield { /* labels are ellipsized when too long, keep them short */ #body-login form label.infield { /* labels are ellipsized when too long, keep them short */
position:absolute; width:90%; padding-left:1.4em; position:absolute; width:90%; padding-left:1.4em;
font-size:19px; color:#aaa; font-size:19px; color:#aaa;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
} }
#login #databaseField .infield { padding-left:0; } #body-login #databaseField .infield { padding-left:0; }
#login form input[type="checkbox"]+label { position:relative; margin:0; font-size:1em; text-shadow:#fff 0 1px 0; } #body-login form input[type="checkbox"]+label {
#login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; } position: relative;
#login .success { background:#d7fed7; border:1px solid #0f0; width: 35%; margin: 30px auto; padding:1em; text-align: center;} margin: 0;
font-size: 1em;
color: #030303;
text-shadow: #3d4d64 0 1px 0;
}
#body-login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }
#body-login .success { background:#d7fed7; border:1px solid #0f0; width: 35%; margin: 30px auto; padding:1em; text-align: center;}
/* Show password toggle */ /* Show password toggle */
#show, #dbpassword { position:absolute; right:1em; top:.8em; float:right; } #show, #dbpassword { position:absolute; right:1em; top:.8em; float:right; }
@ -242,14 +260,14 @@ label.infield { cursor:text !important; top:1.05em; left:.85em; }
#passwordbutton { margin-left:0.5em; } #passwordbutton { margin-left:0.5em; }
/* Database selector */ /* Database selector */
#login form #selectDbType { text-align:center; } #body-login form #selectDbType { text-align:center; }
#login form #selectDbType label { #body-login form #selectDbType label {
position:static; margin:0 -3px 5px; padding:.4em; position:static; margin:0 -3px 5px; padding:.4em;
font-size:12px; font-weight:bold; background:#f8f8f8; color:#888; cursor:pointer; font-size:12px; font-weight:bold; background:#f8f8f8; color:#888; cursor:pointer;
border:1px solid #ddd; text-shadow:#eee 0 1px 0; border:1px solid #ddd; text-shadow:#eee 0 1px 0;
-moz-box-shadow:0 1px 1px #fff, 0 1px 1px #fff inset; -webkit-box-shadow:0 1px 1px #fff, 0 1px 1px #fff inset; -moz-box-shadow:0 1px 1px #fff, 0 1px 1px #fff inset; -webkit-box-shadow:0 1px 1px #fff, 0 1px 1px #fff inset;
} }
#login form #selectDbType label.ui-state-hover, #login form #selectDbType label.ui-state-active { color:#000; background-color:#e8e8e8; } #body-login form #selectDbType label.ui-state-hover, #body-login form #selectDbType label.ui-state-active { color:#000; background-color:#e8e8e8; }
/* Warnings, for information */ /* Warnings, for information */
.warning { .warning {

View file

@ -35,13 +35,13 @@
</head> </head>
<body id="body-login"> <body id="body-login">
<div id="login"> <header><div id="header">
<header><div id="header"> <img src="<?php print_unescaped(image_path('', 'logo.svg')); ?>" class="svg" alt="ownCloud" />
<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 id="logo-claim" style="display:none;"><?php p($defaults->getLogoClaim()); ?></div> </div></header>
</div></header>
<?php print_unescaped($_['content']); ?> <?php print_unescaped($_['content']); ?>
</div>
<footer> <footer>
<p class="info"> <p class="info">
<?php print_unescaped($defaults->getLongFooter()); ?> <?php print_unescaped($defaults->getLongFooter()); ?>