aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorNicolas Lœuillet <nicolas@loeuillet.org>2013-04-22 23:04:18 -0700
committerNicolas Lœuillet <nicolas@loeuillet.org>2013-04-22 23:04:18 -0700
commit2761de0184d03ad85f69589c379c94049bb43d24 (patch)
treec28cb3df3f1069934ec1be771e344879a7d09222
parentd3607de9297d1af9a788c90b1297e644ce882ca7 (diff)
parentd2beefd27c814acdfa248e4ca469e6cad06288a4 (diff)
downloadwallabag-2761de0184d03ad85f69589c379c94049bb43d24.tar.gz
wallabag-2761de0184d03ad85f69589c379c94049bb43d24.tar.zst
wallabag-2761de0184d03ad85f69589c379c94049bb43d24.zip
Merge pull request #72 from Silvus/dev
Style de l'écran de connexion
Diffstat
-rw-r--r--css/style-light.css10
-rw-r--r--css/style.css12
-rw-r--r--tpl/home.html4
-rw-r--r--tpl/login.html42
4 files changed, 39 insertions, 29 deletions
diff --git a/css/style-light.css b/css/style-light.css
index 5b9c6c11..cd2384c3 100644
--- a/css/style-light.css
+++ b/css/style-light.css
@@ -8,6 +8,16 @@ a, a:hover, a:visited {
8 color: #000; 8 color: #000;
9} 9}
10 10
11.bouton {
12 background-color: #000;
13 color: #fff;
14 border: none;
15}
16.bouton:hover {
17 background-color: #222222;
18 color: #F1F1F1;
19}
20
11#main ul#links li a.current { 21#main ul#links li a.current {
12 background-color: #000; 22 background-color: #000;
13 color: #fff; 23 color: #fff;
diff --git a/css/style.css b/css/style.css
index b8327c30..9fadfa96 100644
--- a/css/style.css
+++ b/css/style.css
@@ -4,11 +4,14 @@ body {
4 margin: 10px; 4 margin: 10px;
5} 5}
6 6
7
8header { 7header {
9 text-align: center; 8 text-align: center;
10} 9}
11 10
11.bouton {
12 border-radius: 2px;
13}
14
12#main ul#links { 15#main ul#links {
13 padding: 0; 16 padding: 0;
14 list-style-type: none; 17 list-style-type: none;
@@ -57,11 +60,6 @@ footer {
57} 60}
58 61
59/*** ***/ 62/*** ***/
60/*** LOGIN FORM ***/
61ul#login li {
62 list-style-type: none;
63}
64/*** ***/
65/*** LINKS DISPLAY ***/ 63/*** LINKS DISPLAY ***/
66 64
67#main a.tool { 65#main a.tool {
@@ -208,7 +206,7 @@ body.article {
208.messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; } 206.messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; }
209.messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; } 207.messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; }
210.messages.error p { background: url(../img/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; } 208.messages.error p { background: url(../img/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; }
211.messages.success {background: #E0FBCC; border: 1px solid #6DC70C; } 209.messages.success {background: #E0FBCC; border: 1px solid #6DC70C; }
212.messages.success p { background: url(../img/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; } 210.messages.success p { background: url(../img/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; }
213.messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; } 211.messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; }
214.messages.warning p { background: url(../img/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; } 212.messages.warning p { background: url(../img/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; }
diff --git a/tpl/home.html b/tpl/home.html
index ad881997..e99e1680 100644
--- a/tpl/home.html
+++ b/tpl/home.html
@@ -1,6 +1,6 @@
1 <body class="light-style"> 1 <body class="light-style">
2 <header> 2 <header>
3 <h1><img src="./img/logo.png" alt="logo poche" />poche</h1> 3 <h1><a href="/"><img src="./img/logo.png" alt="logo poche" /></a>poche</h1>
4 </header> 4 </header>
5 <div id="main"> 5 <div id="main">
6 <ul id="links"> 6 <ul id="links">
@@ -10,7 +10,7 @@
10 <li><a href="?view=config" {if="$view == 'config'"}class="current"{/if}>config</a></li> 10 <li><a href="?view=config" {if="$view == 'config'"}class="current"{/if}>config</a></li>
11 <li><a href="?logout" title="Logout">logout</a></li> 11 <li><a href="?logout" title="Logout">logout</a></li>
12 </ul> 12 </ul>
13 {if condition="isset($entries)"} 13 {if condition="isset($entries)"}
14 <ul id="sort"> 14 <ul id="sort">
15 <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> 15 <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>
16 <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> 16 <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>
diff --git a/tpl/login.html b/tpl/login.html
index 12927692..66dac99b 100644
--- a/tpl/login.html
+++ b/tpl/login.html
@@ -1,31 +1,33 @@
1{include="head"} 1{include="head"}
2 <body class="light-style"> 2 <body class="light-style">
3 <header> 3 <header>
4 <h1><img src="./img/logo.png" alt="logo poche" />poche</h1> 4 <h1><a href="/"><img src="./img/logo.png" alt="logo poche" /></a>poche</h1>
5 </header> 5 </header>
6 <div id="main"> 6 <div id="main">
7 <form method="post" action="?login" name="loginform"> 7 <form method="post" action="?login" name="loginform">
8 <fieldset> 8 <fieldset class="w500p center">
9 <h2>login to your poche</h2> 9 <h2 class="mbs txtcenter">login to your poche</h2>
10 <ul id="login"> 10 <div class="row">
11 <li> 11 <label class="col w150p" for="login">Login</label>
12 <label for="login">Login</label> <input type="text" id="login" name="login" placeholder="Login" tabindex="1"> 12 <input class="col" type="text" id="login" name="login" placeholder="Login" tabindex="1" autofocus />
13 </li> 13 </div>
14 <li> 14 <div class="row">
15 <label for="password">Password</label> <input type="password" id="password" name="password" placeholder="Password" tabindex="2"> 15 <label class="col w150p" for="password" >Password</label>
16 </li> 16 <input class="col" type="password" id="password" name="password" placeholder="Password" tabindex="2">
17 <li> 17 </div>
18 <label><input type="checkbox" name="longlastingsession" tabindex="3">&nbsp;Stay signed in (Do not check on public computers)</label> 18 <div class="row">
19 </li> 19 <label class="col w150p">Stay signed in</label>
20 <li> 20 <div class="col">
21 <button type="submit" tabindex="4">Sign in</button> 21 <input type="checkbox" name="longlastingsession" tabindex="3">
22 </li> 22 <small class="inbl">(Do not check on public computers)</small>
23 </ul> 23 </div>
24 </div>
25 <div class="row mts txtcenter">
26 <button class="bouton" type="submit" tabindex="4">Sign in</button>
27 </div>
24 </fieldset> 28 </fieldset>
25 <input type="hidden" name="returnurl" value="<?php echo htmlspecialchars($referer);?>"> 29 <input type="hidden" name="returnurl" value="<?php echo htmlspecialchars($referer);?>">
26 <input type="hidden" name="token" value="<?php echo Session::getToken(); ?>"> 30 <input type="hidden" name="token" value="<?php echo Session::getToken(); ?>">
27 </form> 31 </form>
28 <script type="text/javascript"> 32
29 window.onload = document.loginform.login.focus();
30 </script>
31{include="footer"} 33{include="footer"}
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-02 02:17:17 +0000