dani/lemonldap-ng
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

portal skin: first work on impact skin

Browse Source
This commit is contained in:
Thomas CHEMINEAU 2010-03-07 21:54:02 +00:00
parent 058ab93a15
commit 5ce35adc2d
9 changed files with 272 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
modules/lemonldap-ng-portal/example/skins/impact/README Normal file
View File

@ -0,0 +1,12 @@
Impact
Theme for LemonLDAP::NG.
A special thanks to:
- Anne Perny to have found the name of this theme;
- Bruno Maia for its IconTexto WebDev icon pack (http://www.icontexto.com),
available under Creative Commons;
- Alexandre Moore for some icons available on iconlet (http://www.iconlet.com),
under GPL.

14
modules/lemonldap-ng-portal/example/skins/impact/footer.tpl Normal file
View File

@ -0,0 +1,14 @@
<div id="layout-footer">
<p>
<lang en="Service provided by" fr="Ce service est fournit par" />
<a href="http://lemonldap.ow2.org" target="_blank">LemonLDAP::NG</a>,
<lang en="free software covered by the GPL licence" fr="logiciel libre prot&eacute;g&eacute; par la licence GPL" />.
</p>
<a href="http://lemonldap.ow2.org" target="_blank"><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo_lemonldap-ng_400px.png" alt="LemonLDAP::NG logo" width="120" /></a>
</div>
</div>
</body>
</html>

25
modules/lemonldap-ng-portal/example/skins/impact/header.tpl Normal file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><lang en="Authentication portal" fr="Portail d'authentification"/></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="/skins/<TMPL_VAR NAME="SKIN">/styles.css" />
<link href="skins/common/favicon.ico" rel="icon" type="image/x-icon" />
<link href="skins/common/favicon.ico" rel="shortcut icon" />
<script type="text/javascript" src="/skins/common/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/skins/common/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">//<![CDATA[
var displaytab='<TMPL_VAR NAME="DISPLAY_TAB">';
var autocomplete='<TMPL_VAR NAME="AUTOCOMPLETE">';
var login='<TMPL_VAR NAME="LOGIN">';
var newwindow='<TMPL_VAR NAME="NEWWINDOW">';
//]]></script>
<script type="text/javascript" src="/skins/common/portal.js"></script>
</head>
<body>
<div id="layout">

BIN
modules/lemonldap-ng-portal/example/skins/impact/images/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 374 B

BIN
modules/lemonldap-ng-portal/example/skins/impact/images/bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 B

BIN
modules/lemonldap-ng-portal/example/skins/impact/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
modules/lemonldap-ng-portal/example/skins/impact/images/logo_lemonldap-ng_400px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

48
modules/lemonldap-ng-portal/example/skins/impact/login.tpl Normal file
View File

@ -0,0 +1,48 @@
<TMPL_INCLUDE NAME="header.tpl">
<div id="layout-login">
<div id="layout-login-left">
<p><img src="/skins/<TMPL_VAR NAME="SKIN">/images/logo.png" /></p>
<h1>
<lang en="Welcome on your secured authentication portal." fr="Bienvenue sur votre portail d'authentification s&eacute;curis&eacute;e." />
</h1>
<p>
<lang en="This space allow you to open a SSO session. This will help you to securely access to all applications authorized by your profil." fr="Cet espace vous permet d'ouvrir une session SSO. Celle-ci vous aidera &agrave; acc&eacute;der de mani&egrave;re totalement s&eacute;curis&eacute;e &agrave; l'ensemble des applications autoris&eacute;es par votre profil utilisateur." />
</p>
</div>
<div id="layout-login-right">
<h1><lang en="Open your SSO session" fr="Ouvrir une session SSO" /></h1>
<hr class="solid" />
<p><span class="text-info"><TMPL_VAR NAME="AUTH_ERROR"></span></p>
<form action="#" method="post" class="login">
<input type="hidden" name="url" value="" />
<input type="hidden" name="timezone" />
<p>
<span class="text-label"><lang en="Login" fr="Identifiant de compte"/></span><br/>
<input name="user" type="text" value="" tabindex="1" /><br/>
<span class="text-help">(<lang en="for example: jdoe" fr="par exemple: toto"/>)</span>
</p>
<p>
<span class="text-label"><lang en="Password" fr="Mot de passe"/></span><br/>
<input name="password" type="password" tabindex="2" /><br/>
</p>
<hr class="hashed" />
<div class="panel-buttons">
<button type="reset" class="negative" tabindex="4">
<lang en="Cancel" fr="Annuler" />
</button>
<button type="submit" class="positive" tabindex="3">
<lang en="Connect" fr="Se connecter" />
</button>
</div>
</form>
<TMPL_IF NAME="DISPLAY_RESETPASSWORD">
<p>
<img src="/skins/<TMPL_VAR NAME="SKIN">/images/arrow.png" /><a href="<TMPL_VAR NAME="MAIL_URL">"><lang en="Reset my password" fr="R&eacute;initialiser mon mot de passe"/></a>
</p>
</TMPL_IF>
</div>
</div>
<TMPL_INCLUDE NAME="footer.tpl">

173
modules/lemonldap-ng-portal/example/skins/impact/styles.css Normal file
View File

@ -0,0 +1,173 @@
/* CSS for skin STANDARD */
/* Shipped with LemonLDAP::NG */
/* -------------------------------------------------------------------------- */
/* Common */
/* -------------------------------------------------------------------------- */
body {
background:#F0F0F0 url("images/bg.png") repeat-x;
font-size: 0.8em;
font-family:Arial, Helvetica, Verdana;
}
a {
color: #0AAF11;
text-decoration: none;
}
form {
margin: 0px;
padding: 0px;
}
hr.solid {
margin-top: 15px;
margin-bottom: 15px;
border: 0px;
height: 1px;
color: #ddd;
background: #aaa;
}
hr.hashed {
margin-top: 15px;
margin-bottom: 15px;
border: 0px;
height: 1px;
color: #ddd;
background: #aaa url("images/hatch.gif");
}
form input[name=user] {
border: 1px solid #aaa;
padding: 5px;
width: 200px;
background: #FFFFFF url("../common/user_suit.png") 5px 5px no-repeat;
padding-left: 25px;
}
form input[type=password] {
border: 1px solid #aaa;
padding: 5px;
width: 200px;
background: #FFFFFF url("../common/key.png") 5px 5px no-repeat;
padding-left: 25px;
}
form input[name=mail] {
border: 1px solid #aaa;
padding: 5px;
width: 200px;
background: #FFFFFF url("../common/email.png") 5px 5px no-repeat;
padding-left: 25px;
}
/* -------------------------------------------------------------------------- */
/* Custom classes */
/* -------------------------------------------------------------------------- */
span.text-help {
font-size: 0.9em;
}
span.text-info {
color: #E00;
font-weight: bold;
}
span.text-label {
font-weight: bold;
}
/* -------------------------------------------------------------------------- */
/* Main layouts */
/* -------------------------------------------------------------------------- */
#layout {
position: absolute;
top: 100px;
right: 0px;
left: 0px;
width: 700px;
height: 340px;
margin: auto;
}
.panel-buttons {
text-align: right;
}
/* -------------------------------------------------------------------------- */
/* Login layout */
/* -------------------------------------------------------------------------- */
#layout-login {
padding: 20px;
background-color: #F8F8F8;
color: #000;
border: 1px solid #EAEAEA;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#layout-login-left {
position: absolute;
width: 370px;
padding: 10px;
}
#layout-login-left h1 {
font-size: 1.5em;
}
#layout-login-right {
height: 320px;
margin-left: 400px;
padding: 10px;
background-color: #D5EFD1;
color: #000;
border: 1px solid #B5CFB6;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#layout-login-right h1 {
font-size: 1.3em;
}
#layout-login-right hr {
color: #B5CFB6;
background-color: #B5CFB6;
}
#layout-login-right img {
vertical-align: top;
}
#layout-login-right a {
vertical-align: bottom;
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* Footer layout */
/* -------------------------------------------------------------------------- */
#layout-footer {
padding: 5px;
text-align: center;
}
#layout-footer a {
text-decoration: none;
font-weight: bold;
}
#layout-footer a img {
border: 0px;
}