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

NIHVIVO-1238: Styled custom forms for wilma and cleaned up work

Browse source
This commit is contained in:
mb863 2010-12-06 22:04:30 +00:00
parent 0c8e1afe35
commit 55eb8bece4
1 changed files with 195 additions and 237 deletions
Download patch file Download diff file Expand all files Collapse all files

188
webapp/web/css/edit.css
View file

@ -1,20 +1,10 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
/******************* mb863: making styles theme agnostic ********************************/
label{ label{
display: block; display: block;
margin-top: .5em; margin-top: .5em;
} }
/* mb863-reference: vivo-basic/css/formedit.css*/
/*************************************************
vivo-basic theme: editing form styles
This document is included by formPrefix.jsp
**************************************************/
form { form {
padding-bottom: 20px; padding-bottom: 20px;
} }
@ -28,7 +18,7 @@ form a:link.cancel, form a:visited.cancel {
color: #f70; color: #f70;
border-color: #f70; border-color: #f70;
} }
form a:hover.cancel { form a:hover.cancel, form a:active.cancel {
color: #fff; color: #fff;
background: #f70; background: #f70;
} }
@ -42,7 +32,8 @@ form dl dt, form dl dd {
padding-top: 15px; padding-top: 15px;
} }
.validationError { .validationError {
color:red; font-weight: bold;
color: #cc0000;
} }
.inlineForm input { .inlineForm input {
display: inline; display: inline;
@ -50,11 +41,11 @@ form dl dt, form dl dd {
.inlineForm label { .inlineForm label {
display: inline; display: inline;
} }
p.submit {
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ clear: left;
margin-top: 2em;
/******************* styles copied from old global.css.jsp ********************************/ }
/* mb863-reference:vivo-basic/css/edit.css*/
.buttonForm { .buttonForm {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -66,7 +57,6 @@ form dl dt, form dl dd {
min-height: 100px; min-height: 100px;
display: inline; display: inline;
} }
.editingForm { .editingForm {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -79,142 +69,120 @@ form dl dt, form dl dd {
min-height: 100px; min-height: 100px;
font-size: 0.9em; font-size: 0.9em;
} }
.editingForm table { .editingForm table {
text-align: left; text-align: left;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color : #dfe6e6; border-color: black;
border-collapse: separate; border-collapse: separate;
} }
.editingForm td{ .editingForm td{
padding: 3px; padding: 2px 2px 2px 2px;
font-size: 1em; font-size: 1em;
} }
td.verticalfieldlabel { td.verticalfieldlabel {
font-size: 11px; font-size: 11px;
line-height : 13px; line-height : 13px;
} }
.editingForm .entryFormHead { .editingForm .entryFormHead {
text-align: center; text-align: center;
padding: 0.2em; padding: 0.2em;
background-color: #f1f2ee; background-color: #f8f8c8;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color : #dfe6e6; border-color: black;
} }
.editingForm .entryFormHead h2{ .editingForm .entryFormHead h2{
margin: 0.1em; margin: 0.1em;
padding : 0em; padding : 0em;
font-size: 1.4em; font-size: 1.4em;
color : #5F6464; color: black;
} }
.editingForm .entryFormHead h3{ .editingForm .entryFormHead h3{
margin: 0.1em; margin: 0.1em;
padding : 0em; padding: 0;
font-size: 1.2em; font-size: 1.2em;
font-weight: 600; /* cals theme was: 650 */ font-weight: 600; /* cals theme was: 650 */
color: red; color: red;
} }
.editingForm .entryFormHead .entryFormHeadInstructions { .editingForm .entryFormHead .entryFormHeadInstructions {
margin: 0em; margin: 0em;
padding: 0em; padding: 0em;
font-size: 0.8em; font-size: 0.8em;
} }
.editingForm .form-item { .editingForm .form-item {
background-color: #FAFAD2; background-color: #FAFAD2;
border-color: #2E440C; border-color: #2E440C;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
border-width: 1px; border-width: 1px;
} }
.editingForm .form-button { .editingForm .form-button {
background-color: #ccf; background-color: #ccf;
border-color: #ccf; border-color: #ccf;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em; font-size: 1em;
border-width: 1px; border-width: 1px;
margin-top: 2px; margin-top: 2px;
width: auto; width: auto;
overflow: visible; overflow: visible;
} }
tr.form-row-even { tr.form-row-even {
background-color: #e9f0ff; background-color: #e9f0ff;
border-color: #eec; border-color: #eec;
font-size : 10px;
border-width : 1px;
margin-top : 2px;
}
tr.form-row-odd {
background-color : #e9f9ff;
border-color : #eec;
font-size : 10px;
border-width : 1px;
margin-top : 2px;
}
.form-editingRow {
background-color: #ff9;
border-color : #eec;
font-size : 10px;
border-width : 1px;
margin-top : 2px;
}
/* DWR apparently no longer used
.form-subEditingRow {
background-color : #ffb;
border-color : #eec;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
border-width: 1px; border-width: 1px;
margin-top: 2px; margin-top: 2px;
} */ }
tr.form-row-odd {
background-color: #e9f9ff;
border-color: #eec;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
border-width: 1px;
margin-top: 2px;
}
.form-editingRow {
background-color: #ff9;
border-color: #eec;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
border-width: 1px;
margin-top: 2px;
}
table.form-background td { table.form-background td {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
} }
table.form-background td form { table.form-background td form {
padding : 0.2em; padding : 0.2em;
} }
.form-background { .form-background {
background-color: #C8D8F8; background-color: #C8D8F8;
border-color: #CCCCFF; border-color: #CCCCFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
border-width: 1px; border-width: 1px;
margin-top: 2px; margin-top: 2px;
} }
.form-background.vclass { .form-background.vclass {
background-color: #E05550; background-color: #E05550;
} }
.form-background.property { .form-background.property {
background-color : #A8F0A0; background-color : #A8F0A0;
} }
.form-table-head { .form-table-head {
background-color: #ccf; background-color: #ccf;
border-color: #eec; border-color: #eec;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
border-width: 1px; border-width: 1px;
margin-top: 2px; margin-top: 2px;
} }
.navlinkblock { .navlinkblock {
color : #5F6464; /*#4B0082;*/ color: #000; /*#4B0082;*/
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
font-weight: normal; font-weight: normal;
margin-top: 1px; margin-top: 1px;
@ -222,139 +190,134 @@ table.form-background td form {
padding-top : 1px; padding-top : 1px;
padding-bottom: 4px; padding-bottom: 4px;
} }
td.editformcell { td.editformcell {
font-size: 9px; font-size: 9px;
} }
td.editformcell select { td.editformcell select {
margin: 0; margin: 0;
} }
.header { .header {
background-color: #B0C4DE; background-color: #B0C4DE;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
} }
.database_header { .database_header {
background-color: #f1f2ee; background-color: #B0C4DE;
color : #2485ae; color: #000;
font-size : 1em; font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
} }
.database_upperleftcorner { .database_upperleftcorner {
background-color: #B0C4DE; background-color: #B0C4DE;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
} }
.database_upperleftcenter { .database_upperleftcenter {
background-color: #B0C4DE; background-color: #B0C4DE;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
} }
.rownumheader { .rownumheader {
background-color: #F1F2EE; background-color: #B0C4DE;
color : #5F6464; color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
} }
.headercenter { .headercenter {
background-color: #9370DB; background-color: #9370DB;
color : #5F6464; color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
} }
.postheader { .postheader {
background-color: #E6E6FA; background-color: #E6E6FA;
color : #777777; color: #777;
font-family:; Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
} }
.database_postheader { .database_postheader {
background-color: #f7f9f9; background-color: #E6E6FA;
color : #777777; color: #777;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
} }
.postheadercenter { .postheadercenter {
background-color: #E6E6FA; background-color: #E6E6FA;
color: #4682B4; color: #4682B4;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
} }
.postheaderright { .postheaderright {
background-color: #E6E6FA; background-color: #E6E6FA;
color: #4682B4; color: #4682B4;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: right; text-align: right;
} }
.verticalfieldlabel { .verticalfieldlabel {
background-color: #DEDEDF; background-color: #DEDEDF;
color : #5F6464; color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-size: 8pt;
font-style: normal; font-style: normal;
text-align: right; text-align: right;
vertical-align: top; vertical-align: top;
} }
.row, .rowvert { .row, .rowvert {
background-color: #f7f9f9; background-color: #F0FFFF;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
line-height : 2em;
} }
.rowalternate { .rowalternate {
background-color: #fff; background-color: #F8F8FF;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: left; text-align: left;
line-height : 2em;
} }
.rowbold { .rowbold {
background-color: #FFFAFA; background-color: #FFFAFA;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
} }
.rownum { .rownum {
background-color: #F1F2EE; background-color: #87CEFA;
color : #5F6464; color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
} }
span.entityRelationsSpan { span.entityRelationsSpan {
padding-top: 4px; padding-top: 4px;
margin: 0 0 0 1em; margin: 0 0 0 1em;
@ -363,13 +326,8 @@ span.entityRelationsSpan {
color: #2E440C; color: #2E440C;
text-align: center; text-align: center;
} }
/* Temporary hack to remove stuff from forms in vivoweb only */ /* Temporary hack to remove stuff from forms in vivoweb only */
.hideFromVivoWeb { .hideFromVivoWeb {
display: none; display: none;
height: 0; height: 0;
} }
.entities{
/*background-color:#F1F2EE;*/
}