litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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.

Browse source
This commit is contained in:
manolobevia 2011-06-28 12:15:51 +00:00
parent 97ed0f39fd
commit 179d2b80d4
10 changed files with 163 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

152
webapp/web/css/account/account.css Normal file
View 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;
}