NIHVIVO-1979: Made stylesheets syntax consistent across the app.
This commit is contained in:
parent
fa0d314699
commit
c54f2c75b7
16 changed files with 846 additions and 634 deletions
|
@ -3,47 +3,42 @@
|
|||
#authorships {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#authorships li {
|
||||
list-style: none;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
|
||||
/* Use class dd rather than jQuery UI's class ui-sortable, so that we can remove
|
||||
* the class if there's fewer than one author. We don't want to remove the ui-sortable
|
||||
* class, in case we want to re-enable DD without a page reload.
|
||||
*/
|
||||
/* Use class dd rather than jQuery UI's class ui-sortable, so that we can remove
|
||||
the class if there's fewer than one author. We don't want to remove the ui-sortable
|
||||
class, in case we want to re-enable DD without a page reload. */
|
||||
#authorships.dd li {
|
||||
padding-left: 1em;
|
||||
background: url("../images/sortable_icon.png") no-repeat left center;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
#authorships .authorNameWrapper {
|
||||
display: inline-block;
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
#showAddForm span.or {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#showAddForm a.cancel {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
form h3 {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
form a:link.cancel, form a:visited.cancel,
|
||||
#authorships a:link.remove, #authorships a:visited.remove,
|
||||
#authorships a:link.undo, #authorships a:visited.undo,
|
||||
#showAddForm a:link.cancel, #showAddForm a:visited.cancel {
|
||||
form a:link.cancel,
|
||||
form a:visited.cancel,
|
||||
#authorships a:link.remove,
|
||||
#authorships a:visited.remove,
|
||||
#authorships a:link.undo,
|
||||
#authorships a:visited.undo,
|
||||
#showAddForm a:link.cancel,
|
||||
#showAddForm a:visited.cancel {
|
||||
color: #f70;
|
||||
border-color: #f70;
|
||||
}
|
||||
|
||||
form a:hover.cancel,
|
||||
#authorships a:hover.remove,
|
||||
#authorships a:hover.undo,
|
||||
|
@ -51,49 +46,38 @@ form a:hover.cancel,
|
|||
color: #fff;
|
||||
background: #f70;
|
||||
}
|
||||
|
||||
#authorships a.undo {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#content form p.inline {
|
||||
clear: left;
|
||||
margin-bottom: 0;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
#content form p.inline input,
|
||||
#content form p.inline label {
|
||||
float: left;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
#content form p.inline label {
|
||||
width: 13em;
|
||||
margin-top: 0;
|
||||
|
||||
}
|
||||
|
||||
#content form p.inline input {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#content form p.inline span.hint {
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
#selectedAuthor {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#content form #selectedAuthor p.inline label {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
#content form p.submit {
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
/* Disabling undo links for the present. Add back later. */
|
||||
/*
|
||||
a.undo {
|
||||
|
@ -114,4 +98,4 @@ a.undo {
|
|||
/* These styles will need to be redone or removed to support a non-JS version of the form. */
|
||||
form#addAuthorForm {
|
||||
display: none;
|
||||
}
|
||||
}
|
|
@ -1,31 +1,24 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
/*
|
||||
* Styles for autocomplete and autocomplete selections using jQuery UI. This is separated out so that forms
|
||||
* that don't load customFormWithAutocomplete.css still have access to these styles.
|
||||
*/
|
||||
/* Styles for autocomplete and autocomplete selections using jQuery UI. This is separated out so that forms
|
||||
that don't load customFormWithAutocomplete.css still have access to these styles. */
|
||||
|
||||
.acSelection {
|
||||
display: none;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.acSelectionInfo {
|
||||
background-color: #d9d9d9;
|
||||
padding: .5em 1em;
|
||||
}
|
||||
|
||||
|
||||
ul.ui-autocomplete {
|
||||
font-size: .95em;
|
||||
}
|
||||
|
||||
li.ui-menu-item a.ui-corner-all {
|
||||
text-align: left;
|
||||
padding-left: .25em;
|
||||
}
|
||||
|
||||
.acSelectorWithHelpText{
|
||||
font-style: italic;
|
||||
color: #555;
|
||||
font-style: italic;
|
||||
color: #555;
|
||||
}
|
|
@ -3,139 +3,99 @@
|
|||
form.customForm div {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
form.customForm h6 {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
form.customForm div.addNewLink {
|
||||
float: left;
|
||||
clear: none;
|
||||
margin-left: 5em;
|
||||
margin-top: .9em;
|
||||
width: 200px;
|
||||
padding: 0.8em;
|
||||
padding: .8em;
|
||||
border: 1px solid #9c9c9c;
|
||||
display: none; /* Hide if Javascript disabled. Javascript will show. */
|
||||
}
|
||||
|
||||
form.customForm .existing span.requiredHint,
|
||||
form.customForm .new span.requiredHint {
|
||||
display: none; /* Hide if Javascript disabled. Javascript will show. */
|
||||
}
|
||||
|
||||
form.customForm .existing {
|
||||
float: left;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
.existingOrNew {
|
||||
font-style: italic;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.new {
|
||||
padding: .6em 0 .6em 1.5em;
|
||||
border: 1px solid #9c9c9c;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
form.customForm p.inline input,
|
||||
form.customForm p.inline label {
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
form.customForm p.inline.year input {
|
||||
margin-top: -1.75em;
|
||||
}
|
||||
|
||||
/*
|
||||
#form.customForm p.inline.year span.hint {
|
||||
margin-right: 38.5em;
|
||||
margin-top: -2.4em;
|
||||
}
|
||||
*/
|
||||
|
||||
input,
|
||||
select,
|
||||
form.customForm p {
|
||||
/*margin-bottom: 1em;*/
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
option {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
form.customForm .hint {
|
||||
color: #9c9c9c;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
form.customForm .requiredHint {
|
||||
color: #c00;
|
||||
font-weight: normal;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
form.customForm #requiredLegend {
|
||||
font-style: italic;
|
||||
margin-top: .5em;
|
||||
}
|
||||
|
||||
form.customForm p.validationError {
|
||||
clear: both;
|
||||
margin-bottom: 1.8em;
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
padding-left: 0.4em;
|
||||
padding-left: .4em;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
form.customForm a.close {
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
form.customForm a.close:link,
|
||||
form.customForm a.close:visited {
|
||||
border-color: #FF7700;
|
||||
color: #FF7700;
|
||||
border-color: #ff7700;
|
||||
color: #ff7700;
|
||||
}
|
||||
|
||||
form.customForm textarea {
|
||||
width: 30%;
|
||||
}
|
||||
div.acSelection{
|
||||
div.acSelection {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* fix bad alignment in IE 6 and 7
|
||||
.or, .cancel{
|
||||
vertical-align:top;
|
||||
}*/
|
||||
|
||||
/* Message displayed for an unsupported browser. Hide on page load; JavaScript
|
||||
* shows if needed.
|
||||
*/
|
||||
#ie67DisableWrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**********
|
||||
dateTime
|
||||
**********/
|
||||
/* <------ DATE TIME*/
|
||||
fieldset.dateTime label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
fieldset.dateTime select {
|
||||
margin-top: 0;
|
||||
}
|
|
@ -10,26 +10,21 @@
|
|||
#requiredLegend {
|
||||
display: none;
|
||||
}
|
||||
|
||||
form.customForm p.inline label {
|
||||
display: inline;
|
||||
clear: none;
|
||||
float: none;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.verifyMatch {
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
form.customForm h4 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
.acSelector[disabled="disabled"]
|
||||
{
|
||||
border-width:0px;
|
||||
background:none;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.acSelector[disabled="disabled"]{
|
||||
border-width: 0;
|
||||
background: none;
|
||||
color: #000;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue