From 55eb8bece4837bc9d9b4899c6a69c8f220ebd034 Mon Sep 17 00:00:00 2001 From: mb863 Date: Mon, 6 Dec 2010 22:04:30 +0000 Subject: [PATCH] NIHVIVO-1238: Styled custom forms for wilma and cleaned up work --- webapp/web/css/edit.css | 432 ++++++++++++++++++---------------------- 1 file changed, 195 insertions(+), 237 deletions(-) diff --git a/webapp/web/css/edit.css b/webapp/web/css/edit.css index 6a5894911..1116993ee 100644 --- a/webapp/web/css/edit.css +++ b/webapp/web/css/edit.css @@ -1,20 +1,10 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ -/******************* mb863: making styles theme agnostic ********************************/ - label{ display: block; margin-top: .5em; } - - -/************************************************* - vivo-basic theme: editing form styles - - This document is included by formPrefix.jsp - -**************************************************/ - +/* mb863-reference: vivo-basic/css/formedit.css*/ form { padding-bottom: 20px; } @@ -28,7 +18,7 @@ form a:link.cancel, form a:visited.cancel { color: #f70; border-color: #f70; } -form a:hover.cancel { +form a:hover.cancel, form a:active.cancel { color: #fff; background: #f70; } @@ -42,334 +32,302 @@ form dl dt, form dl dd { padding-top: 15px; } .validationError { - color:red; + font-weight: bold; + color: #cc0000; } .inlineForm input { - display:inline; + display: inline; } .inlineForm label { - display:inline; + display: inline; } - -/* $This file is distributed under the terms of the license in /doc/license.txt$ */ - -/******************* styles copied from old global.css.jsp ********************************/ - +p.submit { + clear: left; + margin-top: 2em; +} +/* mb863-reference:vivo-basic/css/edit.css*/ .buttonForm { - margin-top : 0; - margin-bottom : 0; - margin-right : 0; - margin-left : 0.5em; - padding-bottom : 0.5em; - color : #444444; - line-height : 16px; - min-height : 100px; - display : inline; -} - + margin-top: 0; + margin-bottom: 0; + margin-right: 0; + margin-left: 0.5em; + padding-bottom: 0.5em; + color: #444444; + line-height: 16px; + min-height: 100px; + display: inline; +} .editingForm { - margin-top : 0; - margin-bottom : 0; - margin-right : 0; - margin-left : 0; - padding-bottom : 1em; - color : #444444; - line-height : 16px; - background-color : #eee; /* cals+vivo themes were: #dddddd; */ - min-height : 100px; - font-size : 0.9em; + margin-top: 0; + margin-bottom: 0; + margin-right: 0; + margin-left: 0; + padding-bottom: 1em; + color: #444444; + line-height: 16px; + background-color: #eee; /* cals+vivo themes were: #dddddd; */ + min-height: 100px; + font-size: 0.9em; } - .editingForm table { - text-align : left; - border-width : 1px; - border-style : solid; - border-color : #dfe6e6; - border-collapse:separate; + text-align: left; + border-width: 1px; + border-style: solid; + border-color: black; + border-collapse: separate; } - .editingForm td{ - padding: 3px; - font-size : 1em; + padding: 2px 2px 2px 2px; + font-size: 1em; } - td.verticalfieldlabel { - font-size : 11px; + font-size: 11px; line-height : 13px; } - .editingForm .entryFormHead { - text-align : center; - padding : 0.2em; - background-color: #f1f2ee; - border-width : 1px; - border-style : solid; - border-color : #dfe6e6; + text-align: center; + padding: 0.2em; + background-color: #f8f8c8; + border-width: 1px; + border-style: solid; + border-color: black; } - .editingForm .entryFormHead h2{ - margin : 0.1em; - padding : 0em; + margin: 0.1em; + padding : 0em; font-size: 1.4em; - color : #5F6464; + color: black; } - .editingForm .entryFormHead h3{ - margin : 0.1em; - padding : 0em; - font-size : 1.2em; + margin: 0.1em; + padding: 0; + font-size: 1.2em; font-weight: 600; /* cals theme was: 650 */ - color : red; + color: red; } - .editingForm .entryFormHead .entryFormHeadInstructions { - margin : 0em; - padding : 0em; - font-size : 0.8em; + margin: 0em; + padding: 0em; + font-size: 0.8em; } - .editingForm .form-item { background-color: #FAFAD2; - border-color : #2E440C; - font-size : 10px; - border-width : 1px; + border-color: #2E440C; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 10px; + border-width: 1px; } - .editingForm .form-button { background-color: #ccf; - border-color : #ccf; - font-size : 1em; - border-width : 1px; - margin-top : 2px; - width : auto; - overflow : visible; + border-color: #ccf; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 1em; + border-width: 1px; + margin-top: 2px; + width: auto; + overflow: visible; } - tr.form-row-even { - background-color : #e9f0ff; - border-color : #eec; - font-size : 10px; - border-width : 1px; - margin-top : 2px; + background-color: #e9f0ff; + border-color: #eec; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + 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; + 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-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; + border-color: #eec; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; - border-width : 1px; - margin-top : 2px; -} */ - -table.form-background td { - padding-left : 1em; - padding-right : 1em; + border-width: 1px; + margin-top: 2px; +} +table.form-background td { + padding-left: 1em; + padding-right: 1em; } - table.form-background td form { padding : 0.2em; } - .form-background { - background-color : #C8D8F8; - border-color : #CCCCFF; - font-size : 10px; - border-width : 1px; - margin-top : 2px; + background-color: #C8D8F8; + border-color: #CCCCFF; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 10px; + border-width: 1px; + margin-top: 2px; } - .form-background.vclass { - background-color : #E05550; + background-color: #E05550; } - .form-background.property { background-color : #A8F0A0; } - - .form-table-head { background-color: #ccf; - border-color : #eec; - font-size : 10px; - border-width : 1px; - margin-top : 2px; + border-color: #eec; + font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; + font-size: 10px; + border-width: 1px; + margin-top: 2px; } - .navlinkblock { - color : #5F6464; /*#4B0082;*/ - font-size : 10px; - font-weight : normal; - margin-top : 1px; - margin-bottom : 1px; - padding-top : 1px; - padding-bottom : 4px; + color: #000; /*#4B0082;*/ + font-family: Verdana,Arial, Helvetica, sans-serif; + font-size: 10px; + font-weight: normal; + margin-top: 1px; + margin-bottom: 1px; + padding-top : 1px; + padding-bottom: 4px; } - td.editformcell { font-size: 9px; } - td.editformcell select { margin: 0; } - .header { background-color: #B0C4DE; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : left; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } .database_header { - background-color: #f1f2ee; - color : #2485ae; - font-size : 1em; - font-style : normal; - text-align : left; + background-color: #B0C4DE; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } - .database_upperleftcorner { background-color: #B0C4DE; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : left; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } - .database_upperleftcenter { background-color: #B0C4DE; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : center; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: center; } - .rownumheader { - background-color: #F1F2EE; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : center; + background-color: #B0C4DE; + color: black; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: center; } - - .headercenter { background-color: #9370DB; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : center; + color: black; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: center; } - .postheader { background-color: #E6E6FA; - color : #777777; - font-size : 10pt; - font-style : normal; - text-align : left; + color: #777; + font-family:; Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } - .database_postheader { - background-color: #f7f9f9; - color : #777777; - font-size : 10pt; - font-style : normal; - text-align : left; + background-color: #E6E6FA; + color: #777; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } - .postheadercenter { background-color: #E6E6FA; - color : #4682B4; - font-size : 10pt; - font-style : normal; - text-align : center; + color: #4682B4; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: center; } - .postheaderright { background-color: #E6E6FA; - color : #4682B4; - font-size : 10pt; - font-style : normal; - text-align : right; + color: #4682B4; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: right; } - .verticalfieldlabel { background-color: #DEDEDF; - color : #5F6464; - font-size : 8pt; - font-style : normal; - text-align : right; - vertical-align : top; + color: #000; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 8pt; + font-style: normal; + text-align: right; + vertical-align: top; } - .row, .rowvert { - background-color: #f7f9f9; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : left; - line-height : 2em; + background-color: #F0FFFF; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } - .rowalternate { - background-color: #fff; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : left; - line-height : 2em; + background-color: #F8F8FF; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: left; } - .rowbold { background-color: #FFFAFA; - color : #5F6464; - font-size : 10pt; - font-style : normal; - font-weight : bold; - text-align : left; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + font-weight: bold; + text-align: left; } - .rownum { - background-color: #F1F2EE; - color : #5F6464; - font-size : 10pt; - font-style : normal; - text-align : center; + background-color: #87CEFA; + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 10pt; + font-style: normal; + text-align: center; } - span.entityRelationsSpan { - padding-top : 4px; - margin : 0 0 0 1em; - font-weight : bold; - font-size : 90%; - color : #2E440C; - text-align : center; + padding-top: 4px; + margin: 0 0 0 1em; + font-weight: bold; + font-size: 90%; + color: #2E440C; + text-align: center; } - - /* Temporary hack to remove stuff from forms in vivoweb only */ .hideFromVivoWeb { display: none; height: 0; -} -.entities{ - /*background-color:#F1F2EE;*/ } \ No newline at end of file