dd feature 221 : Add a link to "lost password" in quick connect form

plus link to "register" and move quickconnect rules from default-layout.css to menubar.css



git-svn-id: http://piwigo.org/svn/branches/branch-1_5@973 68402e56-0260-453c-a942-63ccdbb3a9ee

template/yoga/category.tpl

@@ -90,7 +90,11 @@
         <p>
          <input type="submit" name="login" value="{lang:submit}">
         </p>
-    
+    <ul class="actions">
+      <li><a href="{U_LOST_PASSWORD}" title="{lang:Forgot your password?}"><img src="template/yoga/theme/lost_password.png" class="button" alt="{lang:Forgot your password?}"></a></li>
+      <li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="template/yoga/theme/register.png" class="button" alt="{lang:register}"/></a></li>
+    </ul>
+
       </fieldset>    
     </form>
     <!-- END quickconnect -->

template/yoga/content.css

@@ -173,10 +173,6 @@ ul.categoryActions {
   margin: 0.2em;
 }
 
-#content DIV.comment  UL.actions  LI {
-  display: inline;
-}
-
 #content DIV.comment BLOCKQUOTE {
   margin: 1em 0.5em 0.5em 150px; /* margin-left corresponds to maximum thumbnail width + ~10px */
   padding: 0.5em;

template/yoga/default-layout.css

@@ -182,22 +182,6 @@ FORM.properties LABEL {
   padding: 0 0.5em 0 0;
 }
 
-FORM#quickconnect { 
-  margin: 0;
-}
-
-FORM#quickconnect FIELDSET {
-  margin: 5px;
-}
-
-FORM#quickconnect P {
-  text-align: center;
-}
-
-FORM#quickconnect P INPUT {
-  display: inline;
-}
-
 FORM.properties LABEL.mandatory {
   font-weight: bold;
 }
@@ -258,4 +242,16 @@ FORM#addComment FIELDSET LABEL {
 
 FORM#addComment FIELDSET INPUT[type="hidden"] {
   display: none;
-}
+}
+
+/* button tools */
+UL.actions {
+  text-indent: 0;
+  list-style: none;
+}
+UL.actions  LI {
+  display: inline;
+}
+UL.actions  A {
+  border: none;
+}

template/yoga/menubar.css

@@ -70,3 +70,23 @@ BODY#theAdminPage #menubar {
 #menubar INPUT {
     text-indent: 2px;
 }
+
+/* quickconnect form */
+FORM#quickconnect { 
+  margin: 0;
+}
+
+FORM#quickconnect FIELDSET {
+  margin: 5px;
+}
+
+FORM#quickconnect P {
+  float: left;
+  margin: 0;
+}
+
+FORM#quickconnect UL.actions {
+  display: inline;
+  margin: 0,5em 0 0 0;
+  float: right;
+}