LEMONLDAP::NG : Use FAMFAMFAM icons in pastel skin

modules/lemonldap-ng-portal/example/skins/pastel/error.tpl

@@ -9,9 +9,11 @@
 
 	<div class="buttons">
 		<a href="<TMPL_VAR NAME="PORTAL_URL">" class="positive">
+			<img src="skins/pastel/accept.png" alt="" />
 			<lang en="Go to portal" fr="Aller au portail" />
 		</a>
 		<a href="<TMPL_VAR NAME="LOGOUT_URL">" class="negative">
+			<img src="skins/pastel/cancel.png" alt="" />
 			<lang en="Logout" fr="Se d&eacute;connecter" />
 		</a>
 	</div>

modules/lemonldap-ng-portal/example/skins/pastel/header.tpl

@@ -5,6 +5,7 @@
         <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/pastel/styles.css" />
         <link href="skins/pastel/favicon.ico" rel="icon" type="image/x-icon" />
         <link href="skins/pastel/favicon.ico" rel="shortcut icon" />

modules/lemonldap-ng-portal/example/skins/pastel/login.tpl

@@ -21,11 +21,11 @@
 		<tr><td colspan="2">
 		<div class="buttons">
 		<button type="reset" class="negative">
-			<img src="skins/pastel/error.png" alt="" />
+			<img src="skins/pastel/cancel.png" alt="" />
 			<lang en="Cancel" fr="Annuler" />
 		</button>
 		<button type="submit" class="positive">
-			<img src="skins/pastel/ok.png" alt="" />
+			<img src="skins/pastel/accept.png" alt="" />
 			<lang en="Connect" fr="Se connecter" />
 		</button>
 		</div></td></tr>
@@ -37,6 +37,7 @@
 	<TMPL_IF NAME="LOGOUT_URL">
 		<div class="buttons">
 		<a href="<TMPL_VAR NAME="LOGOUT_URL">" class="negative">
+			<img src="skins/pastel/cancel.png" alt="" />
 			<lang en="Logout" fr="Se d&eacute;connecter"/>
 		</a>
 		</div>

modules/lemonldap-ng-portal/example/skins/pastel/menu.tpl

@@ -5,13 +5,13 @@
 	<div id="menu">
 		<ul>
 		<TMPL_IF NAME="DISPLAY_APPSLIST">
-		<li><a href="#appslist"><span><lang en="Your applications" fr="Vos applications" /></span></a></li>
+		<li><a href="#appslist"><span><img src="skins/pastel/application_cascade.png" alt="appslist" /> <lang en="Your applications" fr="Vos applications" /></span></a></li>
 		</TMPL_IF>
 		<TMPL_IF NAME="DISPLAY_PASSWORD">
-		<li><a href="#password"><span><lang en="Password" fr="Mot de passe" /></span></a></li>
+		<li><a href="#password"><span><img src="skins/pastel/vcard_edit.png" alt="password" /> <lang en="Password" fr="Mot de passe" /></span></a></li>
 		</TMPL_IF>
 		<TMPL_IF NAME="DISPLAY_LOGOUT">
-		<li><a href="#logout"><span><lang en="Logout" fr="D&eacute;connexion" /></span></a></li>
+		<li><a href="#logout"><span><img src="skins/pastel/door_out.png" alt="logout"> <lang en="Logout" fr="D&eacute;connexion" /></span></a></li>
 		</TMPL_IF>
 		</ul>
 
@@ -33,11 +33,11 @@
 		<tr><td colspan="2">
                 <div class="buttons">
                 <button type="reset" class="negative">
-                        <img src="skins/pastel/error.png" alt="" />
+                        <img src="skins/pastel/cancel.png" alt="" />
                         <lang en="Cancel" fr="Annuler" />
                 </button>
                 <button type="submit" class="positive">
-                        <img src="skins/pastel/ok.png" alt="" />
+                        <img src="skins/pastel/accept.png" alt="" />
                         <lang en="Submit" fr="Soumettre" />
                 </button>
 		</div></td></tr>
@@ -51,7 +51,7 @@
 		<h3><lang en="Are you sure ?" fr="&Ecirc;tes vous s&ucirc;r ?" /></h3>
 		<div class="buttons">
 			<a href="<TMPL_VAR NAME="LOGOUT_URL">" class="positive">
-			<lang en="I'm sure" fr="Je suis s&ucirc;r" />
+			<span><img src="skins/pastel/accept.png" alt="ok"/> <lang en="I'm sure" fr="Je suis s&ucirc;r" /></span>
 			</a>
 		</div>
 		</div>

modules/lemonldap-ng-portal/example/skins/pastel/styles.css

@@ -38,6 +38,7 @@ float:left;
 
 #footer {
 clear:both;
+margin-top:40px;
 text-align:center;
 font-size:10pt;
 }
@@ -118,14 +119,14 @@ width: 200px;
 /* BUTTONS */
 /* See http://particletree.com/features/rediscovering-the-button-element/ */
 .buttons{
-text-align:center;
-margin:30px;
+margin:30px 40% 0 0;
 }
 form .buttons{
-text-align:right;
 margin:10px 0 0 0;
 }
 .buttons a, .buttons button{
+display:block;
+float:right;
 margin:0 0 0 7px;
 background-color:#f5f5f5;
 border:1px solid #dedede;
@@ -209,26 +210,27 @@ display:none;
 .ui-tabs-nav {
 text-align: center;
 margin:0;
-padding:0 0 3px 0;
+padding:0 0 4px 0;
 border-bottom:1px solid #c2e1ef;
 }
 .ui-tabs-nav li{
 display: inline;
-background-color:#dff4ff;
+background-color:#c2e1ef;
 border-color:#c2e1ef;
 border-style:solid;
 border-width:1px;
 margin-left:10px;
-padding:4px 10px 3px 10px;
+padding:5px 10px 3px 10px;
+font-size:10pt;
 }
 .ui-tabs-nav li a{
 color:#336699;
 font-weight:bold;
 }
 li.ui-tabs-selected{
-padding:4px 10px;
+padding:5px 10px;
 border-bottom-width:0;
-background-color:#c2e1ef;
+background-color:#dff4ff;
 }
 #appslist{
 padding: 10px;
@@ -251,9 +253,13 @@ border-bottom:1px solid #c2e1ef;
 ul.category li.appname {
 text-align:left;
 margin:2px 0;
-padding:2px 5px;
 height:1%;
 background-color:#fff;
+list-style-type:none;
+background-repeat:no-repeat;
+background-position:0% 50%;
+padding:2px 5px 2px 20px;
+background-image:url(bullet_go.png);
 }
 ul.category li.appname span {
 color:#336699;
@@ -279,11 +285,9 @@ font-style:italic;
 }
 /* Logout */
 #logout{
+padding:10px;
 text-align:center;
 }
 #logout h3{
-margin:20px;
-}
-#logout .buttons{
-margin:30px;
+margin:10px;
 }