moparisthebest/wallabag
1
0
Fork 0
mirror of https://github.com/moparisthebest/wallabag synced 2024-11-27 11:22:17 -05:00
Code Issues Releases Wiki Activity

Merge pull request #72 from Silvus/dev

Browse Source 
Style de l'écran de connexion
This commit is contained in:
Nicolas Lœuillet 2013-04-22 23:04:18 -07:00
commit 2761de0184
4 changed files with 39 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style-light.css
View File

@ -8,6 +8,16 @@ a, a:hover, a:visited {
color: #000; color: #000;
} }
.bouton {
background-color: #000;
color: #fff;
border: none;
}
.bouton:hover {
background-color: #222222;
color: #F1F1F1;
}
#main ul#links li a.current { #main ul#links li a.current {
background-color: #000; background-color: #000;
color: #fff; color: #fff;

12
css/style.css
View File

@ -4,11 +4,14 @@ body {
margin: 10px; margin: 10px;
} }
header { header {
text-align: center; text-align: center;
} }
.bouton {
border-radius: 2px;
}
#main ul#links { #main ul#links {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
@ -56,11 +59,6 @@ footer {
text-align: right; text-align: right;
} }
/*** ***/
/*** LOGIN FORM ***/
ul#login li {
list-style-type: none;
}
/*** ***/ /*** ***/
/*** LINKS DISPLAY ***/ /*** LINKS DISPLAY ***/
@ -208,7 +206,7 @@ body.article {
.messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; } .messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; }
.messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; } .messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; }
.messages.error p { background: url(../img/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; } .messages.error p { background: url(../img/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; }
.messages.success {background: #E0FBCC; border: 1px solid #6DC70C; } .messages.success {background: #E0FBCC; border: 1px solid #6DC70C; }
.messages.success p { background: url(../img/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; } .messages.success p { background: url(../img/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; }
.messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; } .messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; }
.messages.warning p { background: url(../img/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; } .messages.warning p { background: url(../img/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; }

4
tpl/home.html
View File

@ -1,6 +1,6 @@
<body class="light-style"> <body class="light-style">
<header> <header>
<h1><img src="./img/logo.png" alt="logo poche" />poche</h1> <h1><a href="/"><img src="./img/logo.png" alt="logo poche" /></a>poche</h1>
</header> </header>
<div id="main"> <div id="main">
<ul id="links"> <ul id="links">
@ -10,7 +10,7 @@
<li><a href="?view=config" {if="$view == 'config'"}class="current"{/if}>config</a></li> <li><a href="?view=config" {if="$view == 'config'"}class="current"{/if}>config</a></li>
<li><a href="?logout" title="Logout">logout</a></li> <li><a href="?logout" title="Logout">logout</a></li>
</ul> </ul>
{if condition="isset($entries)"} {if condition="isset($entries)"}
<ul id="sort"> <ul id="sort">
<li><img src="img/up.png" onclick="sort_links('{$view}', 'ia');" title="by date asc" /> by date <img src="img/down.png" onclick="sort_links('{$view}', 'id');" title="by date desc" /></li> <li><img src="img/up.png" onclick="sort_links('{$view}', 'ia');" title="by date asc" /> by date <img src="img/down.png" onclick="sort_links('{$view}', 'id');" title="by date desc" /></li>
<li><img src="img/up.png" onclick="sort_links('{$view}', 'ta');" title="by title asc" /> by title <img src="img/down.png" onclick="sort_links('{$view}', 'td');" title="by title desc" /></li> <li><img src="img/up.png" onclick="sort_links('{$view}', 'ta');" title="by title asc" /> by title <img src="img/down.png" onclick="sort_links('{$view}', 'td');" title="by title desc" /></li>

42
tpl/login.html
View File

@ -1,31 +1,33 @@
{include="head"} {include="head"}
<body class="light-style"> <body class="light-style">
<header> <header>
<h1><img src="./img/logo.png" alt="logo poche" />poche</h1> <h1><a href="/"><img src="./img/logo.png" alt="logo poche" /></a>poche</h1>
</header> </header>
<div id="main"> <div id="main">
<form method="post" action="?login" name="loginform"> <form method="post" action="?login" name="loginform">
<fieldset> <fieldset class="w500p center">
<h2>login to your poche</h2> <h2 class="mbs txtcenter">login to your poche</h2>
<ul id="login"> <div class="row">
<li> <label class="col w150p" for="login">Login</label>
<label for="login">Login</label> <input type="text" id="login" name="login" placeholder="Login" tabindex="1"> <input class="col" type="text" id="login" name="login" placeholder="Login" tabindex="1" autofocus />
</li> </div>
<li> <div class="row">
<label for="password">Password</label> <input type="password" id="password" name="password" placeholder="Password" tabindex="2"> <label class="col w150p" for="password" >Password</label>
</li> <input class="col" type="password" id="password" name="password" placeholder="Password" tabindex="2">
<li> </div>
<label><input type="checkbox" name="longlastingsession" tabindex="3">&nbsp;Stay signed in (Do not check on public computers)</label> <div class="row">
</li> <label class="col w150p">Stay signed in</label>
<li> <div class="col">
<button type="submit" tabindex="4">Sign in</button> <input type="checkbox" name="longlastingsession" tabindex="3">
</li> <small class="inbl">(Do not check on public computers)</small>
</ul> </div>
</div>
<div class="row mts txtcenter">
<button class="bouton" type="submit" tabindex="4">Sign in</button>
</div>
</fieldset> </fieldset>
<input type="hidden" name="returnurl" value="<?php echo htmlspecialchars($referer);?>"> <input type="hidden" name="returnurl" value="<?php echo htmlspecialchars($referer);?>">
<input type="hidden" name="token" value="<?php echo Session::getToken(); ?>"> <input type="hidden" name="token" value="<?php echo Session::getToken(); ?>">
</form> </form>
<script type="text/javascript">
window.onload = document.loginform.login.focus();
</script>
{include="footer"} {include="footer"}