From a92d9e303c52befbf214e43626c3c120ed275912 Mon Sep 17 00:00:00 2001 From: mb863 Date: Mon, 6 Dec 2010 22:04:40 +0000 Subject: [PATCH] NIHVIVO-1238: Styled custom forms for wilma and cleaned up work --- themes/wilma/css/edit.css | 190 ++++++++++++++++++++++++++++++------- themes/wilma/css/wilma.css | 2 +- 2 files changed, 155 insertions(+), 37 deletions(-) diff --git a/themes/wilma/css/edit.css b/themes/wilma/css/edit.css index b22d7912..bcf6adb5 100644 --- a/themes/wilma/css/edit.css +++ b/themes/wilma/css/edit.css @@ -1,8 +1,5 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ - -/******************* mb863: willma styles ********************************/ - input{ border: 0; font-size: 14px; @@ -11,13 +8,25 @@ input{ border: 1px solid #e0dfdf; border-radius: 5px; -moz-border-radius: 5px; - -webkit-border-radius: 5px; + -webkit-border-radius: 5px; } - -input#submit, .form-button, .add-action-button, #verbosePropertyForm input{ +label{ + margin-top: .5em; + margin-bottom: .5em; +} +input#submit, +input#submit:visited, +.form-button, +.form-button:visited, +.add-action-button, +.add-action-button:visited, +#verbosePropertyForm input, +#verbosePropertyForm input:visited, +input.yellowbutton, +input.yellowbutton:visited{ background: #222 url(../images/alert-overlay.png) repeat-x; display: inline-block; - padding: 7px 22px 8px; + padding: 5px 18px 7px; color: #fff; text-decoration: none; border-radius: 4px; @@ -26,43 +35,152 @@ input#submit, .form-button, .add-action-button, #verbosePropertyForm input{ position: relative; cursor: pointer; border: 0; - margin:0; - margin-top:1.2em; + margin: 0; + margin-top: 1.2em; background-color: #749a02; color: #fff; - font-size: 16px; + font-size: 14px; font-weight: normal; line-height: 1; + margin-right: .6rm; } - -/* STYLED BUTTONS ------> -p input#submit, -p input#submit:visited { - background: #222 url(../images/alert-overlay.png) repeat-x; - display: inline-block; - padding: 7px 22px 8px; - color: #fff; - text-decoration: none; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - position: relative; - cursor: pointer; - border: 0; - margin:0; - height: 24px; - background-color: #749a02; - color: #fff; - font-size: 16px; - font-weight: normal; - line-height: 1; -} -p input#submit:hover { +input#submit:hover, +.form-button:hover, +.add-action-button:hover, +#verbosePropertyForm input:hover, +input.yellowbutton:hover { background-color: #111; color: #fff; background-color: #b2d15a; } -p input#submit:active { +input#submit:active, +.form-button:active, +.add-action-button:active, +#verbosePropertyForm input:active, +input.yellowbutton:active{ top: 1px; } -*/ +form textarea { + border: 1px solid #e0dfdf; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +form a:link.cancel, form a:visited.cancel { + text-decoration: underline; + color: #f70; + border-color: none; +} +form a:hover.cancel, form a:active.cancel { + text-decoration: none; + color: #f70; + background: none; +} +.validationError { + font-weight: normal; + color: #cc0000; +} +p.submit { + margin-top: .7em; +} +.editingForm table { + border-color: #dfe6e6; +} +.editingForm td{ + padding: 3px; +} +.editingForm .entryFormHead { + background-color: #f1f2ee; + border-color: #dfe6e6; +} +.editingForm .entryFormHead h2{ + color: #5F6464; +} +.editingForm .form-button { + background-color: #749a02; + color: #fff; + font-size: 1em; +} +.form-item { + margin-top:.3em; + background-color: #fff; + border-color: #595B5B; + font-size: .8em; + border-width: 1px; + color: #595B5B; + padding: .3em; +} +.navlinkblock { + color: #5F6464; +} +.header { + color: #5F6464; +} +.database_header { + background-color: #f1f2ee; + color: #2485ae; + font-size: 1em; +} +.database_upperleftcorner { + color: #5F6464; + font-size: 1em; +} +.database_upperleftcenter { + background-color: #B0C4DE; + color: #5F6464; + font-size: 1em; +} +.rownumheader { + background-color: #F1F2EE; + color: #5F6464; + font-size: 1em; +} +.headercenter { + color: #5F6464; + font-size: 10pt; + font-style: normal; + text-align: center; +} +.postheader { + background-color: #E6E6FA; + color: #777; + font-size: 1em; +} +.database_postheader { + background-color: #f7f9f9; + font-size: 1em; +} +.postheadercenter { + font-size: 1em; +} +.postheaderright { + font-size: 1em; +} +.verticalfieldlabel { + color: #5F6464; + font-size: .8em; +} +.row, .rowvert { + background-color: #f7f9f9; + color: #5F6464; + font-size: 10pt; + font-style: normal; + text-align: left; + line-height: 2em; +} +.rowalternate { + background-color: #fff; + color: #5F6464; + font-size: 1em; + line-height: 2em; +} +.rowbold { + background-color: #FFFAFA; + color: #5F6464; + font-size: 1em; +} +.rownum { + background-color: #F1F2EE; + color: #5F6464; + font-size: 1em; +} \ No newline at end of file diff --git a/themes/wilma/css/wilma.css b/themes/wilma/css/wilma.css index adf60835..1bb506d6 100644 --- a/themes/wilma/css/wilma.css +++ b/themes/wilma/css/wilma.css @@ -384,7 +384,7 @@ input.search-home-vivo { font-size: 18px; color: #5e6363; margin-left: 4px; - margin-top: 2px:; + margin-top: 2px; } /* BROWSE ------> */ #browse {