removed HTML from CSS I put there last time. Also fixed header and navigation

This commit is contained in:
Jan-Christoph Borchardt 2011-04-17 16:24:59 +02:00
parent 270e1101f4
commit c192af186d
3 changed files with 7 additions and 50 deletions

View File

@ -1,7 +1,9 @@
* { margin:0; padding:0; border:0; } * { margin:0; padding:0; border:0; }
body { background-color:#fefefe; background-image:url('../img/body_background.jpg'); background-repeat:repeat-y; background-position:left top; line-height:1.6em; font:normal 80% "Lucida Grande", Arial, Verdana, sans-serif; color:#000; } body { background-color:#fefefe; background-image:url('../img/body_background.jpg'); background-repeat:repeat-y; background-position:left top; line-height:1.6em; font:normal 80% "Lucida Grande", Arial, Verdana, sans-serif; color:#000; }
#header { height:70px; padding:0.5em 1.5em; background-image:url('../img/header.png'); background-repeat:repeat-x; background-position:left top; } #header { position:fixed; width:100%; height:5.5em; padding:0.5em 1.5em; background-image:url('../img/header-a.png'); background-repeat:repeat-x; background-position:left top; }
#body-settings #header { background-image:url('../img/header-settings.png'); } #plugins { position:fixed; }
#main { margin-top:7em; }
#body-settings #header { background-image:url('../img/header-settings-a.png'); }
#owncloud { float:left; margin:0 0 0 2em; } #owncloud { float:left; margin:0 0 0 2em; }
h1 { margin:1em 3em 1em 0; border-bottom:1px solid #666; text-transform:uppercase; font-weight:normal; font-style:italic; color:#666; } h1 { margin:1em 3em 1em 0; border-bottom:1px solid #666; text-transform:uppercase; font-weight:normal; font-style:italic; color:#666; }
p.center { text-align:center; } p.center { text-align:center; }
@ -46,58 +48,13 @@ form a { color:#000; text-decoration:none; }
#login input { width:8em; margin:0.1em; padding:0.2em 0.5em; border:1px solid #ddd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; font-size:2em; color:#666; } #login input { width:8em; margin:0.1em; padding:0.2em 0.5em; border:1px solid #ddd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; font-size:2em; color:#666; }
#login input:hover, #login input:focus { outline:0; } #login input:hover, #login input:focus { outline:0; }
#login input[type='submit'] { width:5em; border:1px solid #ddd; background-color:#fff; font-size:2em; } #login input[type='submit'] { width:5em; border:1px solid #ddd; background-color:#fff; font-size:2em; }
#login input[type= #login input[type='submit']:hover, #login input[type=submit]:focus { background-color:#ccc; outline:0; }
<!DOCTYPE html>
<html>
<head>
<title>ownCloud</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/ocjcb//img/favicon.png" /><link rel="apple-touch-icon-precomposed" href="/ocjcb//img/favicon-touch.png" />
<link rel="stylesheet" href="/ocjcb//css/jquery-ui-1.8.10.custom.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/ocjcb//css/styles.css" type="text/css" media="screen" />
<script type="text/javascript" src="/ocjcb//js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="/ocjcb//js/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="/ocjcb//js/js.js"></script>
</head>
<body class="login">
<div id="login">
<img src="/ocjcb//img/owncloud-logo-medium-white.png" alt="ownCloud" />
<form action="#" method="post">
<input type='hidden' name='install' value='true'/>
<fieldset>
<input type="text" name="login" value="username" />
<input type="password" name="pass" value="password" />
</fieldset>
<fieldset>
<legend><abbr title="to use SQLite instead, install it on your server">MySQL</abbr> Database</legend>
<input type="text" name="dbuser" value="admin / username" />
<input type="password" name="dbpass" value="password" />
<input type="text" name="dbname" value="database name" />
</fieldset>
<fieldset id="advanced">
<legend><a id="advanced_options_link" href="">Advanced </a></legend>
<div id="advanced_options">
<label class="left">Data directory</label></p><input type="text" name="directory" value="/var/www/ocjcb/data" />
<input type='hidden' name='dbtype' value='mysql'/>
<label class="left">Host</label></p><input type="text" name="dbhost" value="localhost" />
<label class="left">Table prefix</label></p><input type="text" name="dbtableprefix" value="oc_" />
</div>
</fieldset>
<fieldset>
<p class="submit"><input type="submit" value="Create" /></p>
</fieldset>
</form>
</div>
<p class="info"><a href="http://owncloud.org/">ownCloud</a> is a personal cloud which runs on your own server.</p>
</body>
</html> 'submit']:hover, #login input[type=submit]:focus { background-color:#ccc; outline:0; }
/* META NAVIGATION (Settings, Log out) ---------------------------------------------------------------- */ /* META NAVIGATION (Settings, Log out) ---------------------------------------------------------------- */
#metanav { float:right; position:relative; top:1.5em; list-style:none; margin:0; padding:0; } #metanav { float:right; position:relative; top:1.5em; right:2.5em; list-style:none; margin:0; padding:0; }
#metanav li { display:inline; } #metanav li { display:inline; }
#metanav li a { margin:.1em; padding:1em; } #metanav li a { margin:.1em; padding:1em; }
#metanav li a:hover, #metanav li a:focus { background:rgba(0,0,0,.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; outline:0; box-shadow:#444 0 1px 0; -moz-box-shadow:#444 0 1px 0; -webkit-box-shadow:#444 0 1px 0; } #metanav li a:hover, #metanav li a:focus { background:rgba(0,0,0,.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; outline:0; box-shadow:#555 0 1px 0; -moz-box-shadow:#555 0 1px 0; -webkit-box-shadow:#555 0 1px 0; }
#metanav li a img { vertical-align:middle; } #metanav li a img { vertical-align:middle; }
/* PLUGINS MENU ------------------------------------------------------------- */ /* PLUGINS MENU ------------------------------------------------------------- */

BIN
img/header-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
img/header-settings-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB