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.
This commit is contained in:
manolobevia
parent
97ed0f39fd
commit
179d2b80d4
10 changed files with 163 additions and 5 deletions
152
webapp/web/css/account/account.css
Normal file
152
webapp/web/css/account/account.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
BIN
webapp/web/images/account/sort-asc.gif
Normal file
BIN
webapp/web/images/account/sort-asc.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 262 B |
BIN
webapp/web/images/account/sort-desc.gif
Normal file
BIN
webapp/web/images/account/sort-desc.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 B |
|
|
@ -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" />')}
|
||||
|
|
@ -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" />')}
|
||||
|
|
@ -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" />')}
|
||||
|
|
@ -33,9 +33,7 @@
|
|||
|
||||
<section id="first-time-login" role="region">
|
||||
<fieldset>
|
||||
<p class="note">
|
||||
Please provide your contact information to finish creating your account.
|
||||
</p>
|
||||
<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" />')}
|
||||
|
|
@ -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>')}
|
||||
|
|
@ -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" />')}
|
||||
|
|
@ -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" />')}
|
||||
Loading…
Add table
Reference in a new issue