NIHVIVO-2280: Created account.css in VITRO, and moved some wilma specific styles to VIVO. Tweaked styles in general for all account templates and rganized images related to account management.

webapp/web/css/account/account.css

@@ -0,0 +1,152 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* ------------------------------------------------->  */
+/* ACCOUNT PAGE ------------------------------------>  */
+/* ------------------------------------------------->  */
+.account-feedback p {
+    line-height: 1.5em;
+    border: 1px dotted #E2C822;
+    background-color: #FFF9D7;
+    padding: .5em;  
+    margin-bottom: 20px;
+}
+table#account {
+    table-layout: auto;
+    width: 930px;
+    text-align: left;
+    margin: 0 auto; 
+    border-collapse: collapse;
+    empty-cells: show;
+    caption-side: top;
+    margin: 20px 0 20px 0;
+}
+table#account caption {
+    display: none;
+}
+table#account th {
+    background-color: #F7F9F9;
+    height: 40px;
+    color: #064D68;
+    padding-top: 7px;
+    border: 1px solid #d9e4ea;
+    border-bottom: none;
+    padding-left: 6px;
+}
+table#account td {
+    vertical-align: top;
+    padding: .5em;
+    border: 1px solid #d9e4ea; 
+    font-size: .9em;
+}  
+table#account tr {
+    background-color: #fff;
+}
+table#account tr:nth-child(2n+1) {
+    background-color: rgba(200, 200, 180,.25);
+}
+#filter-roles {
+    float: left;
+    padding-bottom: 20px;
+}
+#search-accounts {
+    float: right;
+    height: 60px;
+}
+.account-alpha-browse {
+    width: 10px; 
+    height: 22px;
+    float: right; 
+    padding-right: 10px; 
+}
+.sort-asc {
+     width: 9px;
+     height:10px;
+     padding-top: 4px; 
+     background: url(../../images/account/sort-asc.gif) 0 4px no-repeat;
+     display: block;
+}
+.sort-desc {
+     width: 9px;
+     height:10px;
+     padding-bottom: 4px; 
+     background: url(../../images/account/sort-desc.gif) 0 4px no-repeat;
+     display: block;
+}
+.accounts {
+    clear: left;
+    height: 60px;
+    border-top: 1px dotted #e1e5e7;
+    padding-top: 0;
+    border-bottom: 1px dotted #e1e5e7;
+    padding-bottom: 0;
+    width: 100%;
+}
+section.accounts .delete-account{
+    float: left;
+    margin-top: 10px;
+}
+.display-tools {
+    float: left;
+    font-size: .875em;
+}
+.hide {
+    display: none;
+}
+.accounts-per-page-form {
+    display: inline-block;
+}
+nav.alpha-browse-account {
+    width: 20px;
+    border: 1px solid green;
+    width: 18px;
+    height: 12px;
+}
+nav.alpha-browse-account a {
+    margin: 0;
+    padding: 0;
+}
+/* ADD ACCOUNTS ------>  */
+form.customForm #reset-password {
+    margin-top: 20px;
+    margin-left: 0;
+}
+form.customForm p.note {
+     padding-bottom: 20px;
+     padding-top: 5px;
+}
+#add-account p.note {
+    margin-top: 20px;
+    width: 400px;
+}
+#add-account input[type="text"],
+#create-account input[type="text"],
+#edit-account input[type="text"],
+#my-account input[type="text"],
+#my-account input[type="password"] {
+    width: 20em;
+}
+/* CREATE PASSWORD ------>  */
+#create-password p.note {
+     margin-top: 0;
+}
+/* EDIT ACCOUNT ------>  */
+#edit-account p.note {
+     margin-top: 3px;
+     width: 400px;
+}
+/* MY ACCOUNT ------>  */
+#my-account p.note {
+     padding-bottom: 10px;
+     width: 400px;
+}
+#my-account input#email-address,
+#my-account input#new-password {
+    margin-bottom: 0;
+}
+section.account-feedback img {
+padding-right: 5px;
+}
+/* RESET PASSWORD ------>  */
+#reset-password p.note {
+     margin-top: 0;
+}

webapp/web/templates/freemarker/body/accounts/userAccounts-add.ftl

@@ -65,7 +65,7 @@
             <label for="last-name">Last name<span class="requiredHint"> *</span></label> 
             <input type="text" name="lastName" value="${lastName}" id="last-name" role="input "/>
 
-            <label for="external-auth-id">External authorization ID (optional)</label> 
+            <label for="external-auth-id">External authorization ID</label> 
             <input type="text" name="externalAuthId" value="${externalAuthId}" id="external-auth-id" role="input "/>
 
             <p>Roles<span class="requiredHint"> *</span> </p>
@@ -107,4 +107,5 @@
     </fieldset>
 </section>
 
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}

webapp/web/templates/freemarker/body/accounts/userAccounts-createPassword.ftl

@@ -43,4 +43,5 @@
     </form>
 </section>
 
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}

webapp/web/templates/freemarker/body/accounts/userAccounts-edit.ftl

@@ -114,4 +114,5 @@
     </fieldset>
 </section>
 
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}

webapp/web/templates/freemarker/body/accounts/userAccounts-firstTimeExternal.ftl

@@ -33,9 +33,7 @@
 
 <section id="first-time-login" role="region">
     <fieldset>
-        <p class="note">
+        <p>Please provide your contact information to finish creating your account.</p>
-            Please provide your contact information to finish creating your account.
-        </p>
 
         <form method="POST" action="${formUrls.firstTimeExternal}" class="customForm" role="my account">
             <input type="hidden" name="externalAuthId" value="${externalAuthId}" role="input" />
@@ -62,4 +60,5 @@
     </fieldset>
 </section>
 
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}

webapp/web/templates/freemarker/body/accounts/userAccounts-list.ftl

@@ -82,7 +82,7 @@
         <thead>
             <tr>
                 <th scope="col">
-                    <input class="hide" type="checkbox" name="delete-all" id="">
+                    <input class="hide" type="checkbox" name="delete-all">
                     Email Address
                     <nav class="account-alpha-browse">
                         <a class="sort-asc" href="?accountsPerPage=${accountsPerPage}&orderField=email&orderDirection=ASC" title="ascending order"></a> 
@@ -151,4 +151,6 @@
     
     <@p.accountsNav />
 </form>
+
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${scripts.add('<script type="text/javascript" src="${urls.base}/js/account/accountUtils.js"></script>')}

webapp/web/templates/freemarker/body/accounts/userAccounts-myAccount.ftl

@@ -90,4 +90,5 @@
     </fieldset>
 </section>
 
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}

webapp/web/templates/freemarker/body/accounts/userAccounts-resetPassword.ftl

@@ -44,4 +44,5 @@
     </form>
 </section>
 
+${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
 ${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}