2011-04-17 01:19:20 +04:00
|
|
|
* { 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; }
|
2011-04-17 17:49:54 +04:00
|
|
|
#header { height:70px; padding:0.5em 1.5em; background-image:url('../img/header.png'); background-repeat:repeat-x; background-position:left top; }
|
|
|
|
|
#body-settings #header { background-image:url('../img/header-settings.png'); }
|
2011-04-17 01:19:20 +04:00
|
|
|
#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; }
|
|
|
|
|
p.center { text-align:center; }
|
|
|
|
|
|
|
|
|
|
form { margin:2em 2em 2em 3em; }
|
|
|
|
|
form#quota { max-width:600px; }
|
|
|
|
|
form#user_settings { max-width:600px; }
|
|
|
|
|
form#user_settings p label { display:block; float:left; width:35%; padding:0.4em 0.5em 0 0; text-align:right; }
|
|
|
|
|
form p { padding:0.5em 4em 0.5em 0.5em; text-align:left; }
|
|
|
|
|
form p.form_footer { margin:1em 0 0 0; text-align:right; }
|
|
|
|
|
form label { cursor:pointer; }
|
|
|
|
|
form input { padding:0.2em; border:1px solid #ddd; font-size:1.2em; }
|
2011-04-17 02:37:27 +04:00
|
|
|
form input[type="submit"] { padding:0.1em 1em; border:1px solid #999; font-weight:bold; font-size:0.9em; cursor:pointer; }
|
|
|
|
|
form input[type="submit"]:hover, form input[type="submit"]:focus { border:1px solid #999; background-color:#999; outline:0; }
|
|
|
|
|
form input[type="submit"]:active { outline:0; }
|
2011-04-17 01:19:20 +04:00
|
|
|
fieldset { padding:1em; background-color:#f7f7f7; border:1px solid #ddd; }
|
|
|
|
|
legend { padding:0 0.5em; font-size:1.2em; }
|
|
|
|
|
|
|
|
|
|
div.controls { width:91%; margin:1em 1em 1em 2em; padding:0.5em 0; background-color:#f7f7f7; border:1px solid #eee; }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
2011-04-17 17:49:54 +04:00
|
|
|
/* INSTALLATION ------------------------------------------------------------
|
|
|
|
|
input [type='radio'] { display:block; }
|
|
|
|
|
.left { display:block; position:relative; top:2.5em; left:-19em; text-align: right; font-weight:bold; }
|
|
|
|
|
input[type='radio'] { padding:10em; vertical-align:middle; }
|
|
|
|
|
input+label { font-size:20em; font-weight:bold; vertical-align:middle
|
|
|
|
|
*/
|
|
|
|
|
legend { font-weight:bold; }
|
|
|
|
|
legend abbr { border-bottom:1px dotted #000; }
|
|
|
|
|
form a { color:#000; text-decoration:none; }
|
|
|
|
|
#login input[type='text'], #login input[type='password'] { display:block; margin:0 auto .5em; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* LOG IN ------------------------------------------------------------ */
|
|
|
|
|
#body-login { background-image:none; background-color:#ddd; }
|
|
|
|
|
#body-login p.info { width:16em; margin:4em auto; padding:1em; background-color:#eee; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
|
|
|
|
|
#login { margin:0 auto 0 auto; padding:2em 0 0 0; background-image:url('../img/header-login.png'); background-position:left 0; background-repeat:repeat-x; background-color:#eee; text-align:center; }
|
2011-04-17 01:19:20 +04:00
|
|
|
#login form { margin:2.5em auto 0 auto; padding:0 0 1.5em 0; text-align:center; border-bottom:1px solid #fff; }
|
|
|
|
|
#login h1 { margin:0; padding:2.5em 0 0 0; border:0; text-align:center; text-transform:lowercase; font-size:1.5em; }
|
|
|
|
|
#login fieldset { background-color:transparent; border:0; }
|
|
|
|
|
#login fieldset p { margin:1em 0 0 0; padding:0; text-align:center; }
|
|
|
|
|
#login label { font-size:1.2em; color:#fff; }
|
|
|
|
|
#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; }
|
2011-04-17 02:37:27 +04:00
|
|
|
#login input:hover, #login input:focus { outline:0; }
|
2011-04-17 17:49:54 +04:00
|
|
|
#login input[type='submit'] { width:5em; border:1px solid #ddd; background-color:#fff; font-size:2em; }
|
|
|
|
|
#login input[type=
|
|
|
|
|
<!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; }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
2011-04-17 14:20:28 +04:00
|
|
|
/* META NAVIGATION (Settings, Log out) ---------------------------------------------------------------- */
|
2011-04-17 02:37:27 +04:00
|
|
|
#metanav { float:right; position:relative; top:1.5em; list-style:none; margin:0; padding:0; }
|
|
|
|
|
#metanav li { display:inline; }
|
2011-04-17 14:20:28 +04:00
|
|
|
#metanav li a { margin:.1em; padding:1em; }
|
2011-04-17 02:37:27 +04:00
|
|
|
#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 img { vertical-align:middle; }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
|
|
|
|
/* PLUGINS MENU ------------------------------------------------------------- */
|
2011-04-17 01:19:20 +04:00
|
|
|
#plugins { float:left; width:200px; padding:0; }
|
|
|
|
|
#plugins ul { list-style-type:none; border-top:1px solid #ccc; }
|
|
|
|
|
#plugins a { display:block; padding:0.5em 0.5em 0.5em 3em; background-position:1.5em center; background-repeat:no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; }
|
2011-04-17 02:37:27 +04:00
|
|
|
#plugins a:hover, #plugins a:focus, #plugins a.selected { background-color:#ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#000; outline:0; }
|
|
|
|
|
#plugins a:active { outline:0; }
|
2011-04-17 01:19:20 +04:00
|
|
|
#plugins .files { background-image:url('../img/files.png'); }
|
|
|
|
|
#plugins .sharing { background-image:url('../img/sharing.png'); }
|
|
|
|
|
#plugins .galleries { background-image:url('../img/galleries.png'); }
|
|
|
|
|
#plugins .music { background-image:url('../img/music.png'); }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
|
|
|
|
/* CONTENT ------------------------------------------------------------------ */
|
2011-04-17 01:19:20 +04:00
|
|
|
#content { margin:0 0 0 230px; }
|
|
|
|
|
table { width:90%; margin:1em 5em 2em 3em; }
|
|
|
|
|
table tr.mouseOver td { background-color:#eee; }
|
|
|
|
|
table th, table td { padding:0; border-bottom:1px solid #ddd; text-align:left; font-style:italic; }
|
|
|
|
|
table th { padding:0.5em; }
|
|
|
|
|
table td { border-bottom:1px solid #eee; font-style:normal; }
|
|
|
|
|
table td.filesize, table td.date { width:5em; padding:0.5em 1em; text-align:right; }
|
|
|
|
|
table td.date { width:11em; }
|
|
|
|
|
table td.selection, table th.selection, table td.fileaction { width:2em; text-align:center; }
|
|
|
|
|
table td.filename a { display:block; background-image:url('../img/file.png'); text-decoration:none; }
|
|
|
|
|
table td.filename a, table td.login, table td.logout, table td.download, table td.upload, table td.create, table td.delete { padding:0.5em 0.5em 0.5em 3em; background-position:1em center; background-repeat:no-repeat; }
|
2011-04-17 02:37:27 +04:00
|
|
|
table td.filename a:hover, table td.filename a:focus { text-decoration:underline; outline:0; }
|
|
|
|
|
table td.filename a:active { outline:0; }
|
2011-04-17 01:19:20 +04:00
|
|
|
table em { font-weight:bold; }
|
|
|
|
|
table td.filename a.folder-up { background-image:url('../img/back.png'); font-style:italic; }
|
|
|
|
|
table td.filename a.folder { background-image:url('../img/folder.png'); }
|
|
|
|
|
table td.filename a.folder-home { background-image:url('../img/home.png'); }
|
|
|
|
|
table td.filename a.folder-music { background-image:url('../img/folder-music.png'); }
|
|
|
|
|
table td.filename a.folder-videos { background-image:url('../img/folder-video.png'); }
|
|
|
|
|
table td.filename a.folder-shared { background-image:url('../img/folder-shared.png'); }
|
|
|
|
|
table td.filename a.folder-images { background-image:url('../img/folder-image.png'); }
|
|
|
|
|
table td.filename a.file-txt { background-image:url('../img/file-txt.png'); }
|
|
|
|
|
table td.filename a.file-python { background-image:url('../img/file-python.png'); }
|
|
|
|
|
table td.filename a.file-php { background-image:url('../img/file.png'); }
|
|
|
|
|
table td.login { background-image:url('../img/login.png'); }
|
|
|
|
|
table td.logout { background-image:url('../img/logout.png'); }
|
|
|
|
|
table td.download { background-image:url('../img/download.png'); }
|
|
|
|
|
table td.upload { background-image:url('../img/upload.png'); }
|
|
|
|
|
table td.create { background-image:url('../img/folder-new.png'); }
|
|
|
|
|
table td.delete { background-image:url('../img/delete.png'); }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
|
|
|
|
/* NAVIGATION BAR */
|
2011-04-17 01:19:20 +04:00
|
|
|
p.nav { margin:1em 0 0 2em; padding:0.8em; line-height:16px; font-weight:bold; }
|
|
|
|
|
p.nav a { padding:0.5em 1.5em 0.5em 0.5em; background-position:right center; background-repeat:no-repeat; background-image:url('../img/arrow.png'); text-decoration:none; }
|
|
|
|
|
p.nav a img { height:16px; vertical-align:text-top; }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
|
|
|
|
/* ACTIONS BAR */
|
2011-04-17 01:19:20 +04:00
|
|
|
p.actions { padding:0; }
|
|
|
|
|
p.actions a { padding:0.5em 0.5em 0.5em 3em; background-position:1em center; background-repeat:no-repeat; background-image:url('../img/action.png'); border-right:1px solid #eee; text-decoration:none; color:#333; }
|
2011-04-17 02:37:27 +04:00
|
|
|
p.actions a:hover, p.actions a:focus { background-color:#eee; color:#000; outline:0; }
|
|
|
|
|
p.actions a:active { outline:0; }
|
2011-04-17 01:19:20 +04:00
|
|
|
p.actions a.new-dir { background-image:url('../img/folder-new.png'); }
|
|
|
|
|
p.actions a.download { background-image:url('../img/download.png'); }
|
|
|
|
|
p.actions a.delete { background-image:url('../img/delete.png'); }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
|
|
|
|
/* USER SETTINGS ------------------------------------------------------------ */
|
2011-04-17 01:19:20 +04:00
|
|
|
#quota_indicator { margin:0 4em 1em 0; padding:0; border:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
|
|
|
|
|
#quota_indicator div { background-color:#76A9EA; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
|
2011-03-02 01:20:16 +03:00
|
|
|
|
|
|
|
|
/* LOGS --------------------------------------------------------------------- */
|
2011-04-17 01:19:20 +04:00
|
|
|
#logs_options { width:auto; margin:0; }
|
|
|
|
|
#logs_options p { padding:0.5em; text-align:left; }
|
|
|
|
|
#logs_options span { margin:0 2em 0 0.5em; font-weight:bold; }
|
|
|
|
|
#logs_options label { margin:0 1em 0 0; }
|
|
|
|
|
#logs_options input[type="submit"] { float:right; margin:0 2em 0 0; }
|
|
|
|
|
#logs_options input[type="text"] { margin:0; padding:0; border:1px solid #ccc; text-align:right; }
|
|
|
|
|
li.error{ list-style:none; width:640px; margin:4em auto; padding:1em 1em 1em 4em; background-color:#fee; background-image:url('../img/task-attention.png'); background-position:0.8em 0.8em; background-repeat:no-repeat; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
|
