From c54f2c75b76997ad3dc36d3cd316a832f6f56a24 Mon Sep 17 00:00:00 2001 From: mb863 Date: Wed, 2 Feb 2011 02:59:12 +0000 Subject: [PATCH] NIHVIVO-1979: Made stylesheets syntax consistent across the app. --- .../css/individual/individual-vivo.css | 3 - productMods/css/jquery_plugins/ui.notify.css | 89 +- .../css/visualization/coauthorship/style.css | 939 ++++++++++++------ .../entitycomparison/layout-ie.css | 5 +- .../visualization/entitycomparison/layout.css | 70 +- .../css/visualization/personlevel/page.css | 149 +-- .../css/visualization/visualization.css | 34 +- .../css/addAuthorsToInformationResource.css | 40 +- productMods/edit/forms/css/autocomplete.css | 15 +- productMods/edit/forms/css/customForm.css | 52 +- .../forms/css/customFormWithAutocomplete.css | 15 +- themes/wilma/css/ie6.css | 8 +- themes/wilma/css/ie7.css | 1 + themes/wilma/css/reset.css | 2 +- themes/wilma/css/screen.css | 4 +- themes/wilma/css/wilma.css | 54 +- 16 files changed, 846 insertions(+), 634 deletions(-) diff --git a/productMods/css/individual/individual-vivo.css b/productMods/css/individual/individual-vivo.css index 7b983c71..56e2771e 100644 --- a/productMods/css/individual/individual-vivo.css +++ b/productMods/css/individual/individual-vivo.css @@ -1,8 +1,5 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ -@charset "UTF-8"; -/* CSS Document */ - /* <------ INDIVIDUAL CORE:OVERVIEW */ #overview { clear: left; diff --git a/productMods/css/jquery_plugins/ui.notify.css b/productMods/css/jquery_plugins/ui.notify.css index d268344d..f23f10a6 100644 --- a/productMods/css/jquery_plugins/ui.notify.css +++ b/productMods/css/jquery_plugins/ui.notify.css @@ -1,17 +1,76 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ -.ui-notify { width:350px; position:fixed; top:10px; right:10px; } -.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px } -.ui-notify-message h1 { font-size:14px; margin:0; padding:0 } -.ui-notify-message p { margin:3px 0; padding:0; line-height:18px } -.ui-notify-message:last-child { margin-bottom:0 } -.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; } -.ui-notify-message-style h1 { color:#fff; font-weight:bold } -.ui-notify-message-style p { color:#fff } -.ui-notify-close { color:#fff; text-decoration:underline } -.ui-notify-click { cursor:pointer } -.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px } -.ui-notify-cross:hover { color:#ffffab } -.ui-notify-cross:active { position:relative; top:1px } -.ui-state-error h1 { font-size:14px; margin:0; padding:0; color: #CD0A0A; font-weight: bold; } -.ui-state-error p { color: #CD0A0A; } \ No newline at end of file +.ui-notify { + width: 350px; + position: fixed; + top: 10px; + right: 10px; +} +.ui-notify-message { + padding: 10px; + margin-bottom: 15px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +.ui-notify-message h1 { + font-size: 14px; + margin: 0; + padding: 0; +} +.ui-notify-message p { + margin: 3px 0; + padding: 0; + line-height: 18px +} +.ui-notify-message:last-child { + margin-bottom: 0; +} +.ui-notify-message-style { + background: #000; + background: rgba(0,0,0,0.8); + -moz-box-shadow: 0 0 6px #000; + -webkit-box-shadow: 0 0 6px #000; + box-shadow: 0 0 6px #000; +} +.ui-notify-message-style h1 { + color: #fff; + font-weight: bold; +} +.ui-notify-message-style p { + color: #fff; +} +.ui-notify-close { + color: #fff; + text-decoration: underline +} +.ui-notify-click { + cursor: pointer; +} +.ui-notify-cross { + margin-top: -4px; + float: right; + cursor: pointer; + text-decoration: none; + font-size: 12px; + font-weight: bold; + text-shadow: 0 1px 1px #fff; + padding: 2px; +} +.ui-notify-cross:hover { + color: #ffffab; +} +.ui-notify-cross:active { + position:relative; + top: 1px; +} +.ui-state-error h1 { + font-size: 14px; + margin: 0; + padding: 0; + color: #cd0a0a; + font-weight: bold; +} +.ui-state-error p { + color: #cd0a0a; +} \ No newline at end of file diff --git a/productMods/css/visualization/coauthorship/style.css b/productMods/css/visualization/coauthorship/style.css index edfba4a9..b73bd521 100644 --- a/productMods/css/visualization/coauthorship/style.css +++ b/productMods/css/visualization/coauthorship/style.css @@ -1,318 +1,647 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* CSS Document */ -body{ - background:url(../../../site_icons/visualization/coauthorship/bg.gif) repeat-x 0 0 #FDF9EE; color:#4E4628; - font:normal 14px/19px Arial, Helvetica, sans-serif; - margin:0; padding:0;} -div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{ - margin:0; padding:0;} -ul{ - list-style:none;} -.spacer{ - font-size:0; line-height:0; clear:both;} - - -/* ----------------- top navigation start --------------------- */ -#topNav{ - width:1000px; position:relative; - margin:0 auto; padding:8px 0 0 50px;} -#topNav h1{ -color:#786E4E; - - font:normal 28px/42px Georgia, "Times New Roman", Times, serif;} -#topNav h1 span{ -color:#0B0B0B; - font:normal 28px/42px Georgia, "Times New Roman", Times, serif;} -#topNav img{ - } -#topNav ul{ - background:url(../../../site_icons/visualization/coauthorship/top_ul_bg.gif) no-repeat 0 8px; - width:503px; height:23px; padding:8px 0 0 8px; margin:0 0 0 217px;} -#topNav ul li{ - background-color:#E1DBC7; color:#0B0B0B; float:left; - font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;} -#topNav ul li a{ - background-color:#E1DBC7; color:#0B0B0B; - font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; - text-transform:uppercase; text-align:center; text-decoration:none; - width:65px; height:23px; display:block;} -#topNav ul li a.hover{ - background:url(../../../site_icons/visualization/coauthorship/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF; - font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; - text-transform:uppercase; text-align:center; text-decoration:none; - width:65px; height:23px; display:block;} -#topNav ul li a:hover{ - background:url(../../../site_icons/visualization/coauthorship/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF; - font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; - text-transform:uppercase; text-align:center; text-decoration:none; - width:65px; height:23px; display:block;} - -/* ----------------- top navigation end --------------------- */ -/* ----------------- shadow start --------------------------- */ -#topShadow{ - background:url(../../../site_icons/visualization/coauthorship/top_shadow.gif) no-repeat 0 0 #FDF9EE; - color:#4E4628; - width:822px; - height:34px; - float:left; - margin-top: 9px; - margin-right: 0; - margin-bottom: 0; - margin-left: 0; +body { + background: url(../../../site_icons/visualization/coauthorship/bg.gif) repeat-x 0 0 #FDF9EE; + color: #4E4628; + font: normal 14px/19px Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; } -#bottomShadow{ - background:url(../../../site_icons/visualization/coauthorship/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628; - width:1000px; height:24px; float:left;} -/* ----------------- shadow end --------------------------- */ -/* ----------------- body start --------------------------- */ -#body{ - width:1000px; margin:0 auto; position:relative;} -#bodyPannel{ - background:url(../../../site_icons/visualization/coauthorship/midle_bg.gif) repeat-y 0 0 #FDF9EE; - color:#4E4628; - width:765px; - float:left; - padding-top: 0; - padding-right: 28px; - padding-bottom: 0; - padding-left: 28px; +div, +h1, +h2, +h3, +h4, +h5, +h6, +form, +label, +input, +span, +ul, +li, +p, +a { + margin: 0; + padding: 0; } -#bodyPannel form.search{ - background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid; - width:248px; padding:7px 17px 27px 17px; float:left;} -#bodyPannel form.search h2{ - background:url(../../../site_icons/visualization/coauthorship/search_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E; - width:197px; padding:0 0 10px 50px; float:left; - font:normal 24px/42px Georgia, "Times New Roman", Times, serif;} -#bodyPannel form.search h2 span{ - background-color:#FFFFFF; color:#0B0B0B; - font:normal 24px/42px Georgia, "Times New Roman", Times, serif;} -#bodyPannel form.search label{ - background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left; - font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;} -#bodyPannel form.search input{ - background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid; - width:158px; height:22px; padding:2px; margin:0 0 8px 0; float:right; - font:normal 14px/20px Arial, Helvetica, sans-serif;} -#bodyPannel form.search p{ - background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0; - font:normal 13px/15px Arial, Helvetica, sans-serif;} -#bodyPannel form.search input.check{ - background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid; - width:15px; height:15px; float:left; margin:6px 0 0 9px;} -#bodyPannel form.search input.submit{ - background:url(../../../site_icons/visualization/coauthorship/submit_bg.gif) no-repeat 37px 0 #FFFFFF; color:#0B0B0B; border:none; - width:53px; height:13px; float:right; margin:7px 0 0 0; padding:0 23px 0 0; cursor:pointer; - font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;} -#eventLink{ - width:345px; padding:0 0 0 70px; float:left;} -#eventLink h2{ - background:url(../../../site_icons/visualization/coauthorship/event_link_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E; - padding:6px 0 10px 48px; - font:normal 28px/42px Georgia, "Times New Roman", Times, serif;} -#eventLink h2 span{ - background-color:#FFFFFF; color:#0B0B0B; - font:normal 28px/42px Georgia, "Times New Roman", Times, serif;} -#eventLink ul{ - float:left; padding:0 0 0 5px;} -#eventLink ul li{ - font:normal 13px/19px Arial, Helvetica, sans-serif; - background:url(../../../site_icons/visualization/coauthorship/red_arrow.gif) no-repeat 0 7px #FFFFFF; color:#4E4628; - padding:0 0 0 6px;} -#eventLink ul li a{ - font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; - background-color:#FFFFFF; color:#4E4628; - padding:0 4px; display:block;} -#eventLink ul li a:hover{ - font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; - background-color:#F4EFDF; color:#4E4628; - padding:0 4px; display:block;} -#eventLink a.more{ - background:url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right; - font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; - padding:0 20px 0 0; margin:5px 10px 0 0;} -#eventLink a.more:hover{ - background:url(../../../site_icons/visualization/coauthorship/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right; - font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; - padding:0 20px 0 0; margin:5px 10px 0 0;} -#midle{ - background:url(../../../site_icons/visualization/coauthorship/picture.gif) no-repeat 0 0 #FFFFFF; color:#4E4628; - padding:270px 0 0 0;} -#midle h2{ - background-color:#FFFFFF; color:#0B0B0B; - font:normal 28px/46px Georgia, "Times New Roman", Times, serif;} -#midle h2 span{ - background-color:#FFFFFF; color:#A60101; - font:normal 28px/46px Georgia, "Times New Roman", Times, serif;} -#midle p{ - font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#4E4628;} -#midle a.more{ - background:url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right; - font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; - padding:0 20px 0 0; margin:5px 35px 0 0;} -#midle a.more:hover{ - background:url(../../../site_icons/visualization/coauthorship/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right; - font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; - padding:0 20px 0 0; margin:5px 35px 0 0;} -#colorBg{ - background-color:#FCFAF3; float:left; color:#0B0B0B; - margin:18px 0 0 0; padding:18px 40px 18px 38px; width:642px;} -#futurePlans{ - width:298px; float:left;} -#futurePlans h2.text1{ - background-color:#FCFAF3; color:#0B0B0B; - font:normal 28px/40px Georgia, "Times New Roman", Times, serif;} -#futurePlans h2.text1 span{ - background-color:#FCFAF3; color:#A60101; - font:normal 28px/40px Georgia, "Times New Roman", Times, serif;} -#futurePlans ul{ float:left;} -#futurePlans ul li{ - font:normal 13px/19px Arial, Helvetica, sans-serif; color:#4E4628; - background:url(../../../site_icons/visualization/coauthorship/red_bullet.gif) no-repeat 0 6px #FCFAF3; padding:0 0 0 10px;} -#futurePlans ul li a{ - font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; - background-color:#FCFAF3; color:#4E4628; display:block;} -#futurePlans ul li a:hover{ - font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; - background-color:#EAE6D9; color:#4E4628; display:block;} -#futurePlans p{ - background:url(../../../site_icons/visualization/coauthorship/boeder.gif) repeat-x 0 14px #FCFAF3; color:#0B0B0B; - height:13px; line-height:13px; padding:14px 0 19px 0;} -#futurePlans p a.more{ - background:url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 76px 0 #FCFAF3; color:#0B0B0B; float:right; - font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; - padding:0 20px 0 10px; margin:0;} -#futurePlans p a.more:hover{ - background:url(../../../site_icons/visualization/coauthorship/more_bg_h.gif) no-repeat 76px 0 #FCFAF3; color:#0B0B0B; float:right; - font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; - padding:0 20px 0 10px; margin:0;} -#newsLetter{ - margin:0 auto;} -#newsLetter span.nltop{ - background:url(../../../site_icons/visualization/coauthorship/newsletter_top.gif) no-repeat 0 0 #FFFFFF; color:#000000; - line-height:0; font-size:0; height:15px; display:block;} -#newsLetter span.nlbottom{ - background:url(../../../site_icons/visualization/coauthorship/newsletter_bottom.gif) no-repeat 0 0 #FFFFFF; color:#000000; - line-height:0; font-size:0; height:14px; display:block;} -#newsLetter .middle{ - background:url(../../../site_icons/visualization/coauthorship/newsletter_midle.gif) repeat-y 0 0 #FFFFFF; - color:#000000; - width:140px; - padding-left:5px; - padding-right:5px; +ul { + list-style: none; +} +.spacer { + font-size:0 ; + line-height: 0; + clear: both; +} +/* top navigation */ +#topNav { + width: 1000px; + position: relative; + margin: 0 auto; + padding: 8px 0 0 50px; +} +#topNav h1 { + color: #786E4E; + font: normal 28px/42px Georgia, "Times New Roman", Times, serif; +} +#topNav h1 span { + color: #0B0B0B; + font:normal 28px/42px Georgia, "Times New Roman", Times, serif; +} +#topNav ul { + background: url(../../../site_icons/visualization/coauthorship/top_ul_bg.gif) no-repeat 0 8px; + width: 503px; + height: 23px; + padding: 8px 0 0 8px; + margin: 0 0 0 217px; +} +#topNav ul li { + background-color: #E1DBC7; + color: #0B0B0B; float:left; + font: bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +#topNav ul li a { + background-color: #E1DBC7; + color: #0B0B0B; + font: bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; + text-transform: uppercase; + text-align: center; + text-decoration: none; + width: 65px; + height :23px; + display: block; +} +#topNav ul li a.hover { + background: url(../../../site_icons/visualization/coauthorship/top_btn_h.gif) no-repeat 0 0 #E1DBC7; + color: #FFFFFF; + font: bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; + text-transform: uppercase; + text-align: center; + text-decoration: none; + width: 65px; + height: 23px; + display: block; +} +#topNav ul li a:hover { + background: url(../../../site_icons/visualization/coauthorship/top_btn_h.gif) no-repeat 0 0 #E1DBC7; + color: #FFFFFF; + font: bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; + text-transform: uppercase; + text-align: center; + text-decoration: none; + width: 65px; + height: 23px; + display: block; +} +/* shadow */ +#topShadow { + background: url(../../../site_icons/visualization/coauthorship/top_shadow.gif) no-repeat 0 0 #FDF9EE; + color: #4E4628; + width: 822px; + height: 34px; + float: left; + margin-top: 9px; + margin-right: 0; + margin-bottom: 0; + margin-left: 0; +} +#bottomShadow { + background: url(../../../site_icons/visualization/coauthorship/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; + color: #4E4628; + width: 1000px; + height: 24px; + float: left; +} +/* body start */ +#body { + width: 1000px; + margin: 0 auto; + position: relative; +} +#bodyPannel { + background: url(../../../site_icons/visualization/coauthorship/midle_bg.gif) repeat-y 0 0 #FDF9EE; + color: #4E4628; + width: 765px; + float: left; + padding-top: 0; + padding-right: 28px; + padding-bottom: 0; + padding-left: 28px; +} +#bodyPannel form.search { + background-color: #FFFFFF; + color: #000000; + border: #ECE8DB 1px solid; + width: 248px; + padding: 7px 17px 27px 17px; + float: left; +} +#bodyPannel form.search h2 { + background: url(../../../site_icons/visualization/coauthorship/search_h2_bg.gif) no-repeat 0 0 #FFFFFF; + color: #786E4E; + width: 197px; padding:0 0 10px 50px; + float: left; + font: normal 24px/42px Georgia, "Times New Roman", Times, serif; +} +#bodyPannel form.search h2 span { + background-color: #FFFFFF; + color: #0B0B0B; + font: normal 24px/42px Georgia, "Times New Roman", Times, serif; +} +#bodyPannel form.search label { + background-color: #FFFFFF; + color: #0B0B0B; + margin: 0 0 8px 0; + float: left; + font: bold 10px/28px Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +#bodyPannel form.search input { + background-color: #EFEBDE; + color: #0B0B0B; + border: #C3BCA4 1px solid; + width: 158px; + height: 22px; + padding: 2px; + margin: 0 0 8px 0; float: right; + font: normal 14px/20px Arial, Helvetica, sans-serif; +} +#bodyPannel form.search p { + background-color: #FFFFFF; + color: #CC0000; float:left; + margin: 6px 0 0 0; + font: normal 13px/15px Arial, Helvetica, sans-serif; +} +#bodyPannel form.search input.check { + background-color: #EFEBDE; + color: #0B0B0B; + border: #C3BCA4 1px solid; + width: 15px; + height: 15px; + float: left; + margin: 6px 0 0 9px; +} +#bodyPannel form.search input.submit { + background:url(../../../site_icons/visualization/coauthorship/submit_bg.gif) no-repeat 37px 0 #FFFFFF; + color: #0B0B0B; + border: none; + width: 53px; height:13px; + float:right; margin:7px 0 0 0; + padding: 0 23px 0 0; + cursor: pointer; + font:normal 10px/13px Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +#eventLink { + width: 345px; + padding: 0 0 0 70px; + float: left; +} +#eventLink h2 { + background: url(../../../site_icons/visualization/coauthorship/event_link_bg.gif) no-repeat 0 7px #FFFFFF; + color: #786E4E; + padding: 6px 0 10px 48px; + font: normal 28px/42px Georgia, "Times New Roman", Times, serif; +} +#eventLink h2 span { + background-color: #FFFFFF; + color: #0B0B0B; + font: normal 28px/42px Georgia, "Times New Roman", Times, serif; +} +#eventLink ul { + float: left; + padding: 0 0 0 5px; +} +#eventLink ul li { + font: normal 13px/19px Arial, Helvetica, sans-serif; + background: url(../../../site_icons/visualization/coauthorship/red_arrow.gif) no-repeat 0 7px #FFFFFF; + color: #4E4628; + padding: 0 0 0 6px; +} +#eventLink ul li a { + font: normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; + background-color: #FFFFFF; + color: #4E4628; + padding: 0 4px; + display: block; +} +#eventLink ul li a:hover { + font: normal 13px/19px Arial, Helvetica, sans-serif; + text-decoration: none; + background-color: #F4EFDF; + color: #4E4628; + padding: 0 4px; + display: block; +} +#eventLink a.more { + background: url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 66px 0 #FFFFFF; + color: #0B0B0B; + float: right; + font: bold 10px/13px Arial, Helvetica, sans-serif; text-decoration: none; + text-transform: uppercase; + padding: 0 20px 0 0; + margin: 5px 10px 0 0; +} +#eventLink a.more:hover { + background: url(../../../site_icons/visualization/coauthorship/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; + color: #0B0B0B; + float: right; + font: bold 10px/13px Arial, Helvetica, sans-serif; + text-decoration: none; + text-transform: uppercase; + padding: 0 20px 0 0; + margin:5px 10px 0 0; +} +#midle { + background: url(../../../site_icons/visualization/coauthorship/picture.gif) no-repeat 0 0 #FFFFFF; + color: #4E4628; + padding: 270px 0 0 0; +} +#midle h2 { + background-color: #FFFFFF; + color: #0B0B0B; + font: normal 28px/46px Georgia, "Times New Roman", Times, serif; +} +#midle h2 span { + background-color: #FFFFFF; + color: #A60101; + font: normal 28px/46px Georgia, "Times New Roman", Times, serif; +} +#midle p { + font: normal 14px/19px Arial, Helvetica, sans-serif; + background-color: #FFFFFF; + color: #4E4628; +} +#midle a.more { + background: url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 66px 0 #FFFFFF; + color: #0B0B0B; + float:right; + font: bold 10px/13px Arial, Helvetica, sans-serif; + text-decoration: none; + text-transform: uppercase; + padding: 0 20px 0 0; + margin: 5px 35px 0 0; +} +#midle a.more: hover { + background: url(../../../site_icons/visualization/coauthorship/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; + color: #0B0B0B; float:right; + font: bold 10px/13px Arial, Helvetica, sans-serif; + text-decoration: none; + text-transform: uppercase; + padding: 0 20px 0 0; + margin: 5px 35px 0 0; +} +#colorBg { + background-color: #FCFAF3; + float: left; + color: #0B0B0B; + margin: 18px 0 0 0; + padding: 18px 40px 18px 38px; + width: 642px; +} +#futurePlans { + width: 298px; + float: left; +} +#futurePlans h2.text1 { + background-color: #FCFAF3; + color: #0B0B0B; + font: normal 28px/40px Georgia, "Times New Roman", Times, serif; +} +#futurePlans h2.text1 span { + background-color: #FCFAF3; + color: #A60101; + font: normal 28px/40px Georgia, "Times New Roman", Times, serif; +} +#futurePlans ul { + float: left; +} +#futurePlans ul li { + font: normal 13px/19px Arial, Helvetica, sans-serif; + color: #4E4628; + background: url(../../../site_icons/visualization/coauthorship/red_bullet.gif) no-repeat 0 6px #FCFAF3; + padding: 0 0 0 10px; +} +#futurePlans ul li a { + font: bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; + background-color: #FCFAF3; + color: #4E4628; + display: block; +} +#futurePlans ul li a:hover { + font: bold 13px/19px Arial, Helvetica, sans-serif; + text-decoration: none; + background-color: #EAE6D9; + color: #4E4628; + display: block; +} +#futurePlans p { + background: url(../../../site_icons/visualization/coauthorship/boeder.gif) repeat-x 0 14px #FCFAF3; + color: #0B0B0B; + height: 13px; + line-height: 13px; + padding: 14px 0 19px 0; +} +#futurePlans p a.more { + background: url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 76px 0 #FCFAF3; + color: #0B0B0B; + float: right; + font: bold 10px/13px Arial, Helvetica, sans-serif; + text-decoration: none; + text-transform: uppercase; + padding: 0 20px 0 10px; + margin: 0; +} +#futurePlans p a.more:hover { + background: url(../../../site_icons/visualization/coauthorship/more_bg_h.gif) no-repeat 76px 0 #FCFAF3; + color: #0B0B0B; + float: right; + font: bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; + text-transform: uppercase; + padding: 0 20px 0 10px; + margin: 0; +} +#newsLetter { + margin: 0 auto; +} +#newsLetter span.nltop { + background: url(../../../site_icons/visualization/coauthorship/newsletter_top.gif) no-repeat 0 0 #FFFFFF; + color: #000000; + line-height: 0; + font-size: 0; + height: 15px; + display: block; +} +#newsLetter span.nlbottom { + background: url(../../../site_icons/visualization/coauthorship/newsletter_bottom.gif) no-repeat 0 0 #FFFFFF; + color: #000000; + line-height: 0; + font-size: 0; + height: 14px; + display: block; +} +#newsLetter .middle { + background: url(../../../site_icons/visualization/coauthorship/newsletter_midle.gif) repeat-y 0 0 #FFFFFF; + color: #000000; + width: 140px; + padding-left: 5px; + padding-right: 5px; +} +#newsLetter form.newsLetter h2.text2 { + background:u rl(../../../site_icons/visualization/coauthorship/newsletter_h2_bg.gif) no-repeat 0 0; + color: #786E4E; + padding: 0 0 10px 65px; + float: left; + width: 228px; + height: 37px; + font: normal 24px/30px Georgia, "Times New Roman", Times, serif; +} +#newsLetter form.newsLetter h2.text2 span { + background-color: #FFFFFF; + color: #0B0B0B; + font: normal 24px/30px Georgia, "Times New Roman", Times, serif; +} +#newsLetter form.newsLetter label { + background-color: #FFFFFF; + color: #0B0B0B; + margin: 0 0 8px 0; + float: left; + font: bold 10px/28px Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +#newsLetter form.newsLetter input { + background-color: #EFEBDE; + color: #0B0B0B; + border: #C3BCA4 1px solid; + width: 168px; + height: 22px; + padding: 2px; + margin: 0 0 8px 15px; + float: left; + font: normal 14px/20px Arial, Helvetica, sans-serif; +} +#newsLetter form.newsLetter input.submit { + background: url(../../../site_icons/visualization/coauthorship/submit_bg.gif) no-repeat 45px 0 #FFFFFF; + color: #0B0B0B; + border: none; + width: 60px; + height: 13px; + float: right; + margin: 7px 34px 0 0; + padding: 0 30px 0 0; + cursor: pointer; + font: normal 10px/13px Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +#contact { + width: 312px; + float: right; +} +#contact span.ctop { + background: url(../../../site_icons/visualization/coauthorship/contact_top.gif) no-repeat 0 0 #FCFAF3; + color: #000000; + line-height: 0; + font-size: 0; + height: 14px; + display: block; +} +#contact span.cbottom { + background: url(../../../site_icons/visualization/coauthorship/contact_bottom.gif) no-repeat 0 0 #FCFAF3; + color: #000000; + line-height: 0; + font-size: 0; + height: 25px; + display: block; +} +#contact form.contact { + background: url(../../../site_icons/visualization/coauthorship/contact_midle.gif) repeat-y 0 0 #FCFAF3; + color: #000; + width: 272px; + padding: 0 20px; + float: left; +} +#contact form.contact h2.text3 { + background: url(../../../site_icons/visualization/coauthorship/contact_h2_bg.gif) no-repeat 0 0 #FFFFFF; + color: #0B0B0B; + padding: 0 0 10px 55px; + float: left; width:228px; + height: 37px; + font: normal 24px/30px Georgia, "Times New Roman", Times, serif; +} +#contact form.contact h2.text3 span { + background-color: #FFFFFF; + color: #A60101; + font: normal 24px/30px Georgia, "Times New Roman", Times, serif; +} +#contact form.contact label { + background-color: #FFFFFF; + color: #0B0B0B; + margin: 0 0 8px 0; + float: left; + font: bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase; +} +#contact form.contact input { + background-color: #EFEBDE; + color: #0B0B0B; + border: #C3BCA4 1px solid; + width: 168px; + height: 22px; + padding: 2px; + margin: 0 0 8px 15px; + float: right; + font: normal 14px/20px Arial, Helvetica, sans-serif; +} +#contact form.contact textarea { + background-color: #EFEBDE; + color: #0B0B0B; + border: #C3BCA4 1px solid; + width: 168px; + height: 66px; + padding: 2px; + margin: 0 0 13px 15px; + float: right; + font: normal 14px/20px Arial, Helvetica, sans-serif; +} +#contact form.contact input.submit { + background: url(../../../site_icons/visualization/coauthorship/submit_bg.gif) no-repeat 45px 0 #FFFFFF; + color: #0B0B0B; + border: none; + width: 60px; + height: 13px; + float: right; + margin: 0 0 0 10px; + padding: 0 20px 0 0; + cursor: pointer; + font: normal 10px/13px Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +#contact form.contact input.reset { + background: url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 45px 0 #FFFFFF; + color: #0B0B0B; + border: none; + width: 60px; height:13px; + float: right; + margin: 0; + padding: 0 15px 0 0; + cursor: pointer; + font: normal 10px/13px Arial, Helvetica, sans-serif; + text-transform: uppercase; +} +/* footer */ +#footer { + position: relative; + margin: 0 auto; + width: 678px; + padding: 12px 0 50px; +} +#footer a.xhtml { + background-color: #CC0000; + color: #FFFFFF; + width: 49px; + height: 16px; + margin: 0 6px 0 0; + font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; + display: block; + text-align: center; + text-decoration: none; + float: left; +} +#footer a.xhtml:hover { + background-color: #0B0B0B; + color: #FFFFFF; + width: 49px; + height: 16px; + margin: 0 6px 0 0; + font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; + display: block; + text-align: center; + text-decoration: none; + float: left; +} +#footer a.css { + background-color: #0B0B0B; + color: #FFFFFF; + width: 38px; + height: 16px; + font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; + display: block; + text-align: center; + text-decoration: none; + float: left; +} +#footer a.css:hover { + background-color: #CC0000; + color: #FFFFFF; + width: 38px; + height: 16px; + font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; + display: block; text-align:center; + text-decoration: none; + float: left; +} +#footer ul { + float: right; +} +#footer ul li { + float: left; color:#0B0B0B; + background-color: #FDF9EE; + font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; +} +#footer ul li a { + color: #0B0B0B; + background-color: #FDF9EE; + padding: 0 8px; + text-decoration: none; + font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; +} +#footer ul li a:hover { + color: #0B0B0B; + background-color: #EFEBDE; + padding: 0 8px; + text-decoration: none; + font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; +} +#footer p { + color: #A90000; + background-color: #FDF9EE; + padding: 0 8px; + float: right; + font: normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; +} +#footer p.tworld { + color: #0B0B0B; + background-color: #FDF9EE; + padding: 0 8px; + float: right; + font: normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; +} +#footer p.tworld a { + color: #0B0B0B; + background-color: #FDF9EE; + text-decoration: none; + font: normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; +} +#footer p.tworld a:hover { + color: #0B0B0B; + background-color: #EFEBDE; + text-decoration: none; + font: normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; } -#newsLetter form.newsLetter h2.text2{ - background:url(../../../site_icons/visualization/coauthorship/newsletter_h2_bg.gif) no-repeat 0 0; color:#786E4E; - padding:0 0 10px 65px; float:left; width:228px; height:37px; - font:normal 24px/30px Georgia, "Times New Roman", Times, serif;} -#newsLetter form.newsLetter h2.text2 span{ - background-color:#FFFFFF; color:#0B0B0B; - font:normal 24px/30px Georgia, "Times New Roman", Times, serif;} -#newsLetter form.newsLetter label{ - background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left; - font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;} -#newsLetter form.newsLetter input{ - background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid; - width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:left; - font:normal 14px/20px Arial, Helvetica, sans-serif;} -#newsLetter form.newsLetter input.submit{ - background:url(../../../site_icons/visualization/coauthorship/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none; - width:60px; height:13px; float:right; margin:7px 34px 0 0; padding:0 30px 0 0; cursor:pointer; - font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;} -#contact{ - width:312px; float:right;} -#contact span.ctop{ - background:url(../../../site_icons/visualization/coauthorship/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000; - line-height:0; font-size:0; height:14px; display:block;} -#contact span.cbottom{ - background:url(../../../site_icons/visualization/coauthorship/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000; - line-height:0; font-size:0; height:25px; display:block;} -#contact form.contact{ - background:url(../../../site_icons/visualization/coauthorship/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000; - width:272px; padding:0 20px; float:left;} -#contact form.contact h2.text3{ - background:url(../../../site_icons/visualization/coauthorship/contact_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B; - padding:0 0 10px 55px; float:left; width:228px; height:37px; - font:normal 24px/30px Georgia, "Times New Roman", Times, serif;} -#contact form.contact h2.text3 span{ - background-color:#FFFFFF; color:#A60101; - font:normal 24px/30px Georgia, "Times New Roman", Times, serif;} -#contact form.contact label{ - background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left; - font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;} -#contact form.contact input{ - background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid; - width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right; - font:normal 14px/20px Arial, Helvetica, sans-serif;} -#contact form.contact textarea{ - background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid; - width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right; - font:normal 14px/20px Arial, Helvetica, sans-serif;} -#contact form.contact input.submit{ - background:url(../../../site_icons/visualization/coauthorship/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none; - width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer; - font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;} -#contact form.contact input.reset{ - background:url(../../../site_icons/visualization/coauthorship/more_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none; - width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer; - font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;} -/* ----------------- body end --------------------------- */ -/* ----------------- footer start --------------------------- */ -#footer{ - position:relative; margin:0 auto; width:678px; padding:12px 0 50px;} -#footer a.xhtml{ - background-color:#CC0000; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0; - font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; - display:block; text-align:center; text-decoration:none; float:left;} -#footer a.xhtml:hover{ - background-color:#0B0B0B; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0; - font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; - display:block; text-align:center; text-decoration:none; float:left;} -#footer a.css{ - background-color:#0B0B0B; color:#FFFFFF; width:38px; height:16px; - font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; - display:block; text-align:center; text-decoration:none; float:left;} -#footer a.css:hover{ - background-color:#CC0000; color:#FFFFFF; width:38px; height:16px; - font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; - display:block; text-align:center; text-decoration:none; float:left;} -#footer ul{ - float:right;} -#footer ul li{ - float:left; color:#0B0B0B; background-color:#FDF9EE; - font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;} -#footer ul li a{ - color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; text-decoration:none; - font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;} -#footer ul li a:hover{ - color:#0B0B0B; background-color:#EFEBDE; padding:0 8px; text-decoration:none; - font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;} -#footer p{ - color:#A90000; background-color:#FDF9EE; padding:0 8px; float:right; - font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;} -#footer p.tworld{ - color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; float:right; - font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;} -#footer p.tworld a{ - color:#0B0B0B; background-color:#FDF9EE; text-decoration:none; - font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;} -#footer p.tworld a:hover{ - color:#0B0B0B; background-color:#EFEBDE; text-decoration:none; - font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;} #nodeData div { - font-family: Arial, Helvetica, sans-serif; - font-size: 11px; - color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + color: #000; } #nodeData .italicize { - font-style: italic; + font-style: italic; } #nodeData .bold { - font-weight: bold; + font-weight: bold; } #nodeData .works .numbers { - text-align: right; - width: 40px; - float:left; -} + text-align: right; + width: 40px; + float: left; +} \ No newline at end of file diff --git a/productMods/css/visualization/entitycomparison/layout-ie.css b/productMods/css/visualization/entitycomparison/layout-ie.css index 6b0dd0ad..19bcc537 100644 --- a/productMods/css/visualization/entitycomparison/layout-ie.css +++ b/productMods/css/visualization/entitycomparison/layout-ie.css @@ -1,4 +1,5 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ + .disabled-checkbox-event-receiver { - background-color: white; -} + background-color: #fff; +} \ No newline at end of file diff --git a/productMods/css/visualization/entitycomparison/layout.css b/productMods/css/visualization/entitycomparison/layout.css index bf2b1299..9ff45509 100644 --- a/productMods/css/visualization/entitycomparison/layout.css +++ b/productMods/css/visualization/entitycomparison/layout.css @@ -1,23 +1,17 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ -@CHARSET "UTF-8"; - #body { font: 0.9em Helvetica; background-color: #fff; min-height: 800px; width: 100%; - /*min-width: 900px;*/ margin: auto; overflow: hidden; } - .easy-deselect-label a.temporal-vis-url { float: right; } - a.temporalGraphLinks { - /*float:right;*/ background-color: #2485AE; color: white; cursor: pointer; @@ -29,36 +23,29 @@ a.temporalGraphLinks { text-decoration: none; padding-bottom: 3px; } - a.clear-selected-entities { background-color: #878787; } - #paginated-table-footer { margin-top: 10px; text-align: left; height: 25px; } - #loading-comparisons { font-size: 1.2em; font-weight: bold; } - #loading-comparisons img { vertical-align: sub; } - #legend-row-header a { background-color: #878787; } - #reset-search { color: #2485AE; cursor: pointer; margin-left: 10px; } - #yaxislabel { font-size: 12px; float:right; @@ -70,29 +57,24 @@ a.clear-selected-entities { margin-top: 50px; position: absolute !important; } - #xaxislabel{ font-size: 12px; margin-top: -5px; text-align: center; } - #notification-container { position: inherit; } - .disabled-checkbox-event-receiver { height: 21px; position: absolute; width: 21px; display:none; } - #functions{ margin-top: 20px; margin-bottom: -40px; } - #bar { height: 20px; float: left; @@ -103,72 +85,58 @@ a.clear-selected-entities { #checkbox{ float:left; } - .easy-deselect-label { float: left; font-size: 12px; width: 160px; text-align: left; } - -.easy-deselect-label a, #text { +.easy-deselect-label a, +#text { text-decoration: none; color: black; font-family: Helvetica; font-size: 1em; } - .easy-deselect-label .entity-label { - color:red; + color: #f00; } - .small-arrows { font-size: 0.9em; padding: 0 !important; text-decoration: none; vertical-align: top; } - #header-entity-label { - font-size: 1.1em; font-weight: bold; - } - .ellipsis { - white-space: nowrap; - overflow: hidden; + white-space: nowrap; + overflow: hidden; } - .entity-label-url { width: 125px; margin-left: 10px; - display:inline-block; + display: inline-block; text-decoration: underline; } - .ellipsis.multiline { - white-space: normal; + white-space: normal; } - #searchresult { margin-top: 50px; } - #graphContainer { margin-bottom: 15px; width: 450px; height: 250px; margin-left: 23px; } - #leftblock { float: left; - /*margin-left: 5%;*/ width: 39%; } - #text { margin-left: 5px; } @@ -179,54 +147,48 @@ a.clear-selected-entities { font-size: 13px; font-weight: normal; } - #rightblock { float:right; margin-right:3%; width:54%; } - -#counter,#total { - color: red; +#counter, +#total { + color: #f00; } - #heading { margin-top: 10px; } - #paginatedTable { - margin-top:0px; + margin-top: 0; } - .sDomSearchBar { margin-bottom: -10px; margin-left: 41%; } - .datatablerowhighlight { background-color: #ECFFB3 !important; } - .datatablerowhighlight td { font-weight: bold !important; } - #bottomButtons{ width: 100%; float:right; margin: 20px 0 20px 0; } - #stopwordsdiv{ margin-top: 10px; margin-left: 10px; } - p.displayCounter{ padding-bottom: 4px; border-bottom: 1px solid gray; } - -#comparisonHeader, #entityHeader, #entitylevelheading, #comparisonParameter, #headerText { +#comparisonHeader, +#entityHeader, +#entitylevelheading, +#comparisonParameter, +#headerText { color: #2485ae; } \ No newline at end of file diff --git a/productMods/css/visualization/personlevel/page.css b/productMods/css/visualization/personlevel/page.css index d0d03695..8341e5d7 100644 --- a/productMods/css/visualization/personlevel/page.css +++ b/productMods/css/visualization/personlevel/page.css @@ -1,121 +1,105 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ + a.no_href_styles { border: 0; } - -.no_href_styles a:ACTIVE,.no_href_styles a:BEFORE,.no_href_styles a:FOCUS,.no_href_styles a:HOVER,.no_href_styles a:VISITED,.no_href_styles a:LINK +.no_href_styles a:ACTIVE, +.no_href_styles a:BEFORE, +.no_href_styles a:FOCUS, +.no_href_styles a:HOVER, +.no_href_styles a:VISITED, +.no_href_styles a:LINK { /*color: white;*/ border: 0; } - .vis_stats { background: #fff; clear: right; - width:67%; - margin-left:33%; + width: 67%; + margin-left: 33%; } - .vis-tables { padding: 10px; background-color: #FFF; border: 1px solid #ddebf1; - float:left; + float: left; font-size: 0.8em; width: 44%; margin: 0 10px 10px 0; } - - p.datatable { font-size: 12px; display: block; margin: 2px; padding: 0 } - .datatable table { text-align: left; } - .datatable img { float: left; cursor: pointer; } - #sparkline-container { margin-left: 33%; width: 67%; } - #profileImage img{ width: 90px; height: auto; } - #body h1 { - margin:0.0em; + margin: 0; } - #ego_profile h1 a { text-decoration: none; } - .sparkline_wrapper_table { display: inline; vertical-align: bottom; } - .investigator_name, .author_name { color: #2485AE; font-weight: bold; } - .neutral_investigator_name, .neutral_author_name { color: #2485AE; font-weight: bold; } - .investigator_moniker, .author_moniker { color: #9C9C9C; } - .sub_headings { color: #121b3c; padding-top: 10px; - float:left; + float: left; margin-right: 10px; } - .toggle_visualization { max-width: 180px; - float:right; - display:none; + float: right; + display: none; } - #grant-count-sparkline-include, #publication-count-sparkline-include { float: left; width: 50%; } - #coinvestigator-count-sparkline-include, #coauthor-count-sparkline-include { float: right; width: 50%; } - .sub_headings a { - font-size:0.7em; + font-size: .7em; font-weight:normal; } - table.sparkline_wrapper_table td, th { vertical-align: bottom; } - #ego_profile { height: 1%; /* this was the key to killing the IE6 bug (no upper photo and sparklines jump on hover). Solution? Give the parent layout */ background: #fff; @@ -123,46 +107,37 @@ table.sparkline_wrapper_table td, th { float: left; max-width: 50%; } - #ego_label { - font-size:1.1em; + font-size: 1.1em; } - #ego_profile_image { - float:left; + float: left; padding-right: 5px; } - #ego_profile_image img { width: 90px; height: auto; } - #ego_sparkline { - cursor:pointer; - height:36px; - width:471px; + cursor: pointer; + height: 36px; + width: 471px; } - #coauthorships_table th { vertical-align: top; } - .sparkline_range{ - font-size: 0.9em; + font-size: .9em; font-weight: bold; } - .vis-tables table td{ padding-right: 10px; width: 50%; } - #visPanel { float: right; width: 600px; } - .vis-tables table caption{ width: 100%; padding-bottom: 10px; @@ -170,76 +145,54 @@ table.sparkline_wrapper_table td, th { font-size: 16px; text-align: left; } - .vis-tables table{ width: 100%; } - .vis-tables table thead{ text-align: left; } - .vis-tables table thead tr th { - background-color:#eaeaea; - font-size:14px; - padding:5px; - vertical-align:top; - text-align:left; + background-color: #eaeaea; + font-size: 14px; + padding: 5px; + vertical-align: top; + text-align: left; } - .vis-tables table tbody { - font-size:12px; + font-size: 12px; } - .vis-tables table tbody td { - text-align:left; - padding:5px; + text-align: left; + padding: 5px; } - -moniker{ - margin-top: 0px; +.moniker{ + margin-top: 0; } - - .spacer{ - font-size:0; line-height:0; clear:both;} - - -/* ----------------- body start --------------------------- */ + font-size: 0; + line-height: 0; + clear: both; +} +/* <------ BODY START*/ #body{ - max-width:900px; - min-width:800px; - margin:0 auto; - position:relative; + max-width: 900px; + min-width: 800px; + margin: 0 auto; + position: relative; background: white; } #bodyPannel{ background: #FFFFFF; -/* width:765px; - float:left;*/ - /*padding-top: 0; - padding-right: 28px; - padding-bottom: 0; - padding-left: 16px;*/ height: 840px; } - -#dataPanel { -/* margin-top: 50px; - width: 25%; - background-color: #f7f9f9; - height: 80%; - padding-left: 10px; - padding-bottom: 30px;*/ - +#dataPanel { border-color: #DFE6E6; border: 1px solid; background: #F7F9F9; - width:250px; - height:615px; + width: 250px; + height: 615px; margin-top: 15px; } - #dataPanel div { font-family: Arial, Helvetica, sans-serif; font-size: 11px; @@ -252,40 +205,32 @@ moniker{ color: #2485AE; font-size: 14px; } - #dataPanel .investigator_stats .numbers, #dataPanel .author_stats .numbers { text-align: right; width: 40px; float:left; } - - #data-panel-content h4 { padding-bottom: 0; } - #data-panel-content { margin-left: 15px; margin-top: 15px; } - -/* container override from liquid.css */ +/* <------ CONTAINER OVERRIDE FROM LIQUID.CSS*/ .container { width: inherit; } - #incomplete-data { line-height: 150%; margin-right: 15px; } - .graphml-file-link { padding-top: 20px; height: 20px; - font-size: 0.9em; + font-size: .9em; } - #profileTitle { background-color: #2A2A2A; color: white; @@ -294,8 +239,6 @@ moniker{ padding: 10px; width: 54px; } - #table_heading{ -/* margin-bottom:20px; */ width: 80%; -} +} \ No newline at end of file diff --git a/productMods/css/visualization/visualization.css b/productMods/css/visualization/visualization.css index ddfc82f0..54544dc9 100644 --- a/productMods/css/visualization/visualization.css +++ b/productMods/css/visualization/visualization.css @@ -7,72 +7,57 @@ span.incomplete-data-holder, #incomplete-data { padding: 5px; - font-size: 0.8em; + font-size: .8em; color: #444; border: dotted 1px #eee; background-color: #ffb; } - #incomplete-data { margin-top: 1.6em; - font-size: 1.0em; + font-size: 1em; } - .collaboratorship-icon { float: left; padding-right: 5px; } - -.collaboratorship-link { - /*padding-top: 3px;*/ -} - .collaboratorship-link a { font-size: 0.9em; } - .collaboratorship-link h3 { line-height: 1em !important; font-size: 1em !important; - margin-bottom: 0px !important; - padding-top: 0px !important; - padding-right: 0px !important; - padding-left: 0px !important; - padding-bottom: 0px !important; + margin-bottom: 0 !important; + padding-top: 0 !important; + padding-right: 0 !important; + padding-left: 0 !important; + padding-bottom: 0 !important; } - .collaboratorship-link h3 a { color: #2485AE; font-size: .9em !important; text-decoration: underline; } - .collaboratorship-link-container { width: 180px; } - .collaboratorship-link-separator { margin-top: 20px; border-top: 1px dotted #A6B1B0; padding-top: 20px; } - .sparkline_text { font-size: .8em; font-weight: bold; text-align: left; line-height: 1.5em; } - .google-visualization-sparkline-default { margin-bottom: 5px; } - .google-visualization-sparkline-image { border: 1px solid #cfe4ed; display: block; } - .google-visualization-sparkline-selected { background-color: blue; border-spacing: 0; @@ -80,17 +65,14 @@ span.incomplete-data-holder, font-size: small; padding: 1px; } - .visualization-menupage-link { float: right; - margin-top: 0.8em; + margin-top: .8em; padding-left: 1.6em; } - .temporal-graph { background: url(../../images/visualization/temporal_vis_small_icon.jpg) top left no-repeat; } - .infoIcon { padding-right:30px; } \ No newline at end of file diff --git a/productMods/edit/forms/css/addAuthorsToInformationResource.css b/productMods/edit/forms/css/addAuthorsToInformationResource.css index e9c526d5..eeee752e 100644 --- a/productMods/edit/forms/css/addAuthorsToInformationResource.css +++ b/productMods/edit/forms/css/addAuthorsToInformationResource.css @@ -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; -} +} \ No newline at end of file diff --git a/productMods/edit/forms/css/autocomplete.css b/productMods/edit/forms/css/autocomplete.css index 502d4590..40fa593d 100644 --- a/productMods/edit/forms/css/autocomplete.css +++ b/productMods/edit/forms/css/autocomplete.css @@ -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; } \ No newline at end of file diff --git a/productMods/edit/forms/css/customForm.css b/productMods/edit/forms/css/customForm.css index 72baf379..1a83a2aa 100644 --- a/productMods/edit/forms/css/customForm.css +++ b/productMods/edit/forms/css/customForm.css @@ -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; } \ No newline at end of file diff --git a/productMods/edit/forms/css/customFormWithAutocomplete.css b/productMods/edit/forms/css/customFormWithAutocomplete.css index 12cecddd..aa5dc66c 100644 --- a/productMods/edit/forms/css/customFormWithAutocomplete.css +++ b/productMods/edit/forms/css/customFormWithAutocomplete.css @@ -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; +} \ No newline at end of file diff --git a/themes/wilma/css/ie6.css b/themes/wilma/css/ie6.css index 0b5127f9..a237cd4c 100644 --- a/themes/wilma/css/ie6.css +++ b/themes/wilma/css/ie6.css @@ -1,4 +1,5 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ + /* Fix for homepage in IE6 browsers */ body { background-position: center, 0; @@ -44,7 +45,7 @@ ul#vgraph-classes { width: 265px; margin-left: 15px; } -#browse-by{ +#browse-by { padding-bottom: 20px; } ul#browse-classes { @@ -77,9 +78,8 @@ article.foaf-person { ul#classgroup-list.vis { width: 38%; } -/* Fix for site admin */ -/* the wonders of the IE float model...fix to maintain sanity in rendering sections of site admin */ -/* targets IE7 and below */ +/* Fix for site admin: the wonders of the IE float model... +fix to maintain sanity in rendering sections of site admin targets IE7 and below */ #adminDashboard .pageBodyGroup { *float: none !important; *display: inline !important; diff --git a/themes/wilma/css/ie7.css b/themes/wilma/css/ie7.css index e387c7a7..62908b32 100644 --- a/themes/wilma/css/ie7.css +++ b/themes/wilma/css/ie7.css @@ -1,4 +1,5 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ + /* Fix for homepage */ #search-field .submit { padding-left: 14px; diff --git a/themes/wilma/css/reset.css b/themes/wilma/css/reset.css index e8c3b557..53098ede 100644 --- a/themes/wilma/css/reset.css +++ b/themes/wilma/css/reset.css @@ -1,5 +1,5 @@ /* $This file is distributed under the terms of the license in /doc/license.txt$ */ -@charset "UTF-8"; + /* CSS Document CSS reste by Eric Meyer: The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on... http://meyerweb.com/eric/tools/css/reset/ diff --git a/themes/wilma/css/screen.css b/themes/wilma/css/screen.css index aff022a7..4d475cf1 100644 --- a/themes/wilma/css/screen.css +++ b/themes/wilma/css/screen.css @@ -15,10 +15,12 @@ VIVO wilma theme: screen styles 2010-09-04 UI team Last updated - 2010-10-28 + 2011-2-1 ***************************************** *****************************************/ +@charset "UTF-8"; + @import url("reset.css"); @import url("wilma.css"); \ No newline at end of file diff --git a/themes/wilma/css/wilma.css b/themes/wilma/css/wilma.css index dfe2d488..81f337d2 100644 --- a/themes/wilma/css/wilma.css +++ b/themes/wilma/css/wilma.css @@ -20,8 +20,7 @@ html, body { padding: 0; height: 100%; /* needed for container min-height */ - font-family: 'Arimo', "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif; - /*font-size: 62.5%;*/ + font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/; min-height: 100%; /* real browsers */ @@ -41,17 +40,18 @@ h2 { padding: 10px 0 12px 0; margin: 0; font-size: 1.375em; - /*color: #2485ae; //Original color*/ color: #064d68; line-height: 1.5em; } h2 a { color: #2485ae; } -h2 a:link, h2 a:visited { +h2 a:link, +h2 a:visited { text-decoration: underline; } -h2 a:hover, h2 a:active { +h2 a:hover, +h2 a:active { text-decoration: none; } h3 { @@ -85,7 +85,7 @@ input[type="password"] { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; - margin-bottom: 0.8em; + margin-bottom: .8em; } input.block { margin-bottom: 20px; @@ -93,7 +93,6 @@ input.block { label { margin-top: .5em; } -/* mb: id selector for submit will be replaced for a class selector. Markup needs to be changed*/ input#submit, input#submit:visited { background: #222 url(../images/alert-overlay.png) repeat-x; @@ -158,13 +157,15 @@ form textarea { margin-top: 20px; width: 100%; } -form a:link.cancel, form a:visited.cancel { +form a:link.cancel, +form a:visited.cancel { text-decoration: underline; color: #f70; border-color: none; padding-left: 3px; } -form a:hover.cancel, form a:active.cancel { +form a:hover.cancel, +form a:active.cancel { text-decoration: none; color: #f70; background: none; @@ -311,7 +312,7 @@ form select { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; - margin-bottom: 0.8em; + margin-bottom: .8em; margin-top: .7em; margin-right: .5em; } @@ -319,11 +320,13 @@ form select { margin-top: 1em; border: 1px dotted #FFD324; } -a.ingestMenu:link, a.ingestMenu:visited { +a.ingestMenu:link, +a.ingestMenu:visited { text-decoration: none; color: #5E6363; } -a.ingestMenu:hover, a.ingestMenu:active { +a.ingestMenu:hover, +a.ingestMenu:active { text-decoration: none; color: #2485AE; } @@ -367,7 +370,7 @@ ul#header-nav li { padding-left: 10px; padding-right: 10px; border-right: 1px solid #7c7d7f; - font-size: 0.7em; + font-size: .7em; color: #fff; } ul#header-nav li.last { @@ -522,9 +525,10 @@ ul#main-nav { } #error-alert p { padding-left: 40px; - font-size: 0.8em; + font-size: .8em; line-height: 1.3em; color: #a12424; + padding-top: 5px; } #login-form label { display: block; @@ -547,8 +551,8 @@ ul#main-nav { -webkit-border-radius: 5px; } #login-form input.text-field:focus { - border: 1px solid rgba(57, 138, 172, 0.5); - background-color: rgba(57, 138, 172, 0.1); + border: 1px solid rgba(57, 138, 172, .5); + background-color: rgba(57, 138, 172, .1); } #login-form p.submit { width: 100px; @@ -611,13 +615,13 @@ p.password-note { #flash-message { border: 1px dotted #E2C822; background-color: #FFF9D7; - padding: 0.5em; + padding: .5em; margin-bottom: 10px; } #welcome-message { border: 1px dotted #E2C822; background-color: #FFF9D7; - padding: 0.25em; + padding: .25em; margin-bottom: 8px; } #welcome-msg-container { @@ -643,7 +647,7 @@ p.password-note { height: 44px; background: url(../images/search-field-and-button.png) 0 0 no-repeat; } -#search-home-field input.submit { +#search-home-field input.submit { text-decoration: none; background-color: transparent; color: #fff; @@ -703,7 +707,7 @@ footer { width: 970px; height: 88px; margin: 0 auto; - font-size: 0.7em; + font-size: .7em; color: #4e5051; background-color: #fff; } @@ -796,7 +800,7 @@ p{ .button:visited { font-size: 16px; font-weight: normal; - line-height: 1; + line-height: 1; } .green.button, .green.button:visited { @@ -1022,7 +1026,7 @@ ul#alpha-browse-individuals .count-classes { font-size: .75em; } .alphaIndex { - font-size: 0.8em; + font-size: .8em; } /* BROWSE INDIVIDUALS------> */ #individuals-in-class { @@ -1041,7 +1045,7 @@ ul#alpha-browse-individuals .count-classes { font-size: 1em; } nav.pagination.menupage { - font-size: 0.8em; + font-size: .8em; } nav.pagination.menupage li.selected { color: #5e6363; @@ -1182,7 +1186,7 @@ ul.individual-urls-people li a { line-height: 1.3em; } h1.fn .preferred-title { - font-size: 0.825em; + font-size: .825em; color: #5e6363; border-left: 1px solid #a6b1b0; } @@ -1347,6 +1351,6 @@ a { #adminDashboard .pageBodyGroup h4 { color: #5E6363; font-size: 1em; - margin-left: 0.6em; + margin-left: .6em; font-weight: bold; } \ No newline at end of file