vivo-project · milospp · Dec 2, 2025
diff --git a/webapp/src/main/webapp/css/individual/individual-2column-view.css b/webapp/src/main/webapp/css/individual/individual-2column-view.css
@@ -93,7 +93,7 @@ div#profileTypeContainer select {
     display:inline-block;
     padding: .5em;
     background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #E0DFDF;
+    border: 1px solid #898989;
     border-radius: 5px 5px 5px 5px;
     font-size: 14px;
     margin-bottom: 0.8em;
@@ -231,7 +231,7 @@ div#contactPhoneDiv {
     text-align:right;
 }
 /* <------ RESEARCH AREA */
-ul#individual-hasResearchArea li {
+ul.individual-hasResearchArea li {
     float: left;
     padding-right: 10px;
     margin-right: 10px;
@@ -269,7 +269,7 @@ span#quickViewLink img {
     padding-top:18px;
 }
 #individual-info div#contactContainer h3{
-    color:#8aa149;
+    color:#536520;
 }
 ul#individual-personInPosition li {
     padding-bottom:12px;
@@ -280,5 +280,5 @@ ul#individual-personInPosition li:last-child {
     padding-bottom: 0;
 }
 td#totalPubs {
-    color: #2485AE;
+    color: #12739D;
 }
diff --git a/webapp/src/main/webapp/css/individual/individual-quick-view.css b/webapp/src/main/webapp/css/individual/individual-quick-view.css
@@ -166,7 +166,7 @@ div#profileTypeContainer select {
     display:inline-block;
     padding: .5em;
     background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #E0DFDF;
+    border: 1px solid #898989;
     border-radius: 5px 5px 5px 5px;
     font-size: 14px;
     margin-bottom: 0.8em;
@@ -193,15 +193,15 @@ ul#individual-personInPosition {
     padding-left: 10px;
     margin: 10px 0 0 0;
 }
-ul#individual-hasResearchArea li {
+ul.individual-hasResearchArea li {
     float: left;
     padding-right: 10px;
     margin-right: 10px;
     padding-left: 0;
     border-right: 1px solid #5e6363 ;
     white-space:nowrap !important;
 }
-ul#individual-hasResearchArea li:last-child {
+ul.individual-hasResearchArea li:last-child {
     white-space:nowrap !important;
 }
 

diff --git a/webapp/src/main/webapp/css/individual/individual-vivo.css b/webapp/src/main/webapp/css/individual/individual-vivo.css
@@ -197,7 +197,7 @@ ul#individual-personInPosition li:last-child {
 }
 
 /* <------ RESEARCH AREA */
-ul#individual-hasResearchArea li,
+ul.individual-hasResearchArea li,
 ul#individual-facultyMemberships li {
     float: left;
     padding-right: 10px;

diff --git a/webapp/src/main/webapp/css/visualization/capabilitymap/graph.css b/webapp/src/main/webapp/css/visualization/capabilitymap/graph.css
@@ -23,7 +23,7 @@ body {
     -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
     -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
     -o-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
-    background-color: #8BAB2E;
+    background-color: #536520;
 //    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#446791), to(#164682));
 //    background-image: -moz-linear-gradient(top, #446791, #164682);
     width: auto;
@@ -58,7 +58,7 @@ body {
     top:0;
 }
 
-ul#log_printout {
+#log_printout {
     display: block;
     height: 330px;
     overflow: scroll
@@ -309,8 +309,18 @@ hr {
 
 .tabs ul.titles li.activeTab a,
 .tabs ul.titles li.activeTab a:hover {
-    background-color: #fff;
+    background-color: #13739D;
+    color: white;
 }
+
+/* Focus styles for tab links */
+.tabs ul.titles li a:focus {
+    outline: 2px solid #0078d7; /* 2px box around focused element */
+    font-weight: bold;          /* Make text bold */
+    position: relative;
+    z-index: 1;
+}
+
 .smalllogo {
     margin-left:-5px;
     vertical-align:middle;

diff --git a/webapp/src/main/webapp/css/visualization/entitycomparison/layout.css b/webapp/src/main/webapp/css/visualization/entitycomparison/layout.css
@@ -44,7 +44,7 @@ for the message is getting set to 50%, hence we need to override it here.
 }
 
 .filter-option {
-	color: #2485AE;
+	color: #12739D;
 	cursor: pointer;
 	/*padding-right: 5px;*/
 	text-decoration: underline;
@@ -118,7 +118,7 @@ img#copy-vis-viewlink-icon {
 }
 
 a.temporalGraphLinks {
-    background-color: #2485AE;
+    background-color: #12739D;
     color: white;
     cursor: pointer;
     font-weight: bold;
@@ -146,7 +146,7 @@ a.clear-selected-entities,
     vertical-align: sub;
 }
 #reset-search {
-    color: #2485AE;
+    color: #12739D;
     cursor: pointer;
     margin-left: 10px;
 }
@@ -215,7 +215,7 @@ a.clear-selected-entities,
 font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica,
 sans-serif;
     font-size: 1.5275em;
-    color: #2485ae;
+    color: #12739D;
     line-height: 1.3em;
     padding-top:15px;
     padding-bottom:10px;
@@ -230,7 +230,7 @@ sans-serif;
     margin-left: 10px;
     display: inline-block;
     text-decoration: underline;
-    color: #2485AE;
+    color: #12739D;
 }
 .ellipsis.multiline {
     white-space: normal;
@@ -301,14 +301,14 @@ p.displayCounter{
 #entitylevelheading,
 #comparisonParameter,
 #headerText {
-    color: #2485ae;
+    color: #12739D;
 }
 /* -------------------------------------------------------------->  */
 /* SPECIAL STYLES FOR THE entityComparisonErrorCommonBody.ftl FILE  */
 /* -------------------------------------------------------------->  */
 #noPubsOrGrants-header {
     font-size: 1.375em;
-    color: #2485ae;
+    color: #12739D;
     line-height: 1.3em;
     padding-top:15px;
     padding-bottom:10px;

diff --git a/webapp/src/main/webapp/css/visualization/mapofscience/layout.css b/webapp/src/main/webapp/css/visualization/mapofscience/layout.css
@@ -50,7 +50,7 @@
 #header-entity-label {
 font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
     font-size: 1.5275em;
-    color: #2485ae;
+    color: #12739D;
     line-height: 1.3em;
     padding-top:15px;
     padding-bottom:10px;
@@ -108,7 +108,7 @@ a.clear-selected-entities {
 /* filter */
 
 .filter-option, .comparison-filter-option {
-	color: #2485AE;
+	color: #12739D;
 	cursor: pointer;
 	/*padding-right: 5px;*/
 	text-decoration: underline;
@@ -161,7 +161,7 @@ a.clear-selected-entities {
 }
 
 #reset-search, #comparison-reset-search {
-    color: #2485AE;
+    color: #12739D;
     cursor: pointer;
     margin-left: 10px;
 }
@@ -178,7 +178,7 @@ th#percentage-activity-column {
 
 .corner-triangle {
     border-left: 10px solid #F6F6F6;
-    border-top: 10px solid #2485AE;
+    border-top: 10px solid #12739D;
     float: right;
     font-size: 0;
     line-height: 0;
@@ -228,13 +228,13 @@ a.map-of-science-links {
     text-align: center;
     height: 25px;
     max-width: 260px;
-    background-color: #2485AE;
+    background-color: #12739D;
     height: 20px;
     padding: 4px 5px 3px;
 }
 
 #download-unlocated-journal-info {
-    background-color: #2485AE;
+    background-color: #12739D;
     height: 20px;
     margin-top: 10px;
     max-width: 260px;
@@ -268,7 +268,7 @@ a.map-of-science-links {
 .subpaginatedtabs span {
     padding-right: 5px;
     cursor: pointer;
-    color: #2485AE;
+    color: #12739D;
 }
 
 .visCommonControllTooltip {
@@ -286,7 +286,7 @@ a.map-of-science-links {
 
 #noPublications-header {
     font-size: 1.375em;
-    color: #2485ae;
+    color: #12739D;
     line-height: 1.3em;
     padding-top:15px;
     padding-bottom:10px;

diff --git a/webapp/src/main/webapp/css/visualization/personlevel/page.css b/webapp/src/main/webapp/css/visualization/personlevel/page.css
@@ -75,12 +75,12 @@ p.datatable {
 .author_name,
 .neutral_investigator_name,
 .neutral_author_name {
-    color: #2485AE;
+    color: #12739D;
     font-weight: bold;
 }
 .investigator_moniker,
 .author_moniker {
-    color: #9C9C9C;
+    color: #656565;
 }
 .sub_headings {
     color: #121b3c;
@@ -216,7 +216,7 @@ table.sparkline_wrapper_table td, th {
 }
 #dataPanel .bold {
     font-weight: bold;
-    color: #2485AE;
+    color: #12739D;
     font-size: 14px;
 }
 #dataPanel .investigator_stats .numbers,
@@ -249,7 +249,7 @@ table.sparkline_wrapper_table td, th {
     font-size: .9em;
 }
 #profileTitle {
-    background-color: #2485AE;
+    background-color: #12739D;
     color: white;
     font-weight: bold;
     line-height: 1em !important;

diff --git a/webapp/src/main/webapp/css/visualization/visualization.css b/webapp/src/main/webapp/css/visualization/visualization.css
@@ -40,7 +40,7 @@ span.incomplete-data-holder,
     padding-bottom: 0 !important;
 }
 .collaboratorship-link h3 a {
-    color: #2485AE;
+    color: #12739D;
     font-size: .9em !important;
     text-decoration: underline;
 }

diff --git a/webapp/src/main/webapp/images/individual/uriIcon_darkened.gif b/webapp/src/main/webapp/images/individual/uriIcon_darkened.gif
diff --git a/webapp/src/main/webapp/js/visualization/capabilitymap/graph_new.js b/webapp/src/main/webapp/js/visualization/capabilitymap/graph_new.js
@@ -45,10 +45,10 @@ if (typeof i18nStringsCap == 'undefined')
 var schemes = {
     "white" : {
         "backgroundcolor" : "#FFFFFF",
-        "capabilitycolor" : "#FFA500",
+        "capabilitycolor" : "#A46A00",
         "nodestroke" : "#FFFFFF",
         "fontcolor" : "#555",
-        "linkcolor" : "#B8B8B8",
+        "linkcolor" : "#676767",
         "gradient" : function(percent) {
             return percent
         }
@@ -58,7 +58,7 @@ var schemes = {
         "capabilitycolor" : "#FFA500",
         "nodestroke" : "#333333",
         "fontcolor" : "#FFF",
-        "linkcolor" : "#777",
+        "linkcolor" : "#9b9b9b",
         "gradient" : function(percent) {
             return -percent + 125;
         }

diff --git a/...src/main/webapp/js/visualization/entitycomparison/jquery_plugins/datatable/demo_table.css b/...src/main/webapp/js/visualization/entitycomparison/jquery_plugins/datatable/demo_table.css
@@ -27,17 +27,17 @@
 .paginatedtabs span {
     padding-right: 5px;
     cursor: pointer;
-    color: #2485AE;
+    color: #12739D;
 }
 
 .paginate-nav-text {
     text-decoration: underline;
 }
 
 .datatablewrapper td, th {
-    border-bottom: 1px #F1F2EE solid;
-    border-right: 1px #F1F2EE solid;
-    border-left: 1px #F1F2EE solid;
+    border-bottom: 1px #F5F5F5 solid;
+    border-right: 1px #F5F5F5 solid;
+    border-left: 1px #F5F5F5 solid;
     text-align: left;
     padding: 5px;
     font-size: 12px;
@@ -59,7 +59,7 @@
 
 .datatablewrapper th {
     border-top: 1px #3D454E solid;
-    background:#F1F2ee;
+    background:#F5F5F5;
     font-weight:bold;
     font-size:12px;
     padding-bottom: 3px;

diff --git a/webapp/src/main/webapp/js/visualization/entitycomparison/util.js b/webapp/src/main/webapp/js/visualization/entitycomparison/util.js
@@ -1294,7 +1294,7 @@ function removeStopWords(val) {
 function setEntityLevel(entityLevel){
 	$('#entityleveltext').text('  ' + entityLevel.toLowerCase()).css('font-style', 'italic');
 	$('#entityHeader').text(entityLevel).css('font-weight', 'bold');
-	$('#headerText').css("color", "#2485ae");
+	$('#headerText').css("color", "#12739D");
 }
 
 function toCamelCase(string){

diff --git a/...p/src/main/webapp/templates/freemarker/body/partials/individual/propStatement-orcidId.ftl b/...p/src/main/webapp/templates/freemarker/body/partials/individual/propStatement-orcidId.ftl
@@ -11,9 +11,9 @@
     <a href="${statement.value!}" title="ORCID iD" target="_blank">${statement.value!"ORCID iD not found"}</a>
     <#if orcidInfo??>
         <#if (orcidInfo.orcids[statement.value])!false>
-            <span style="color:#FF7700">(confirmed)</span>
+            <span style="color:#B05200">(confirmed)</span>
         <#else>
-            <span style="color:#FF7700">(pending confirmation)</span>
+            <span style="color:#B05200">(pending confirmation)</span>
         </#if>
     </#if>
 </#macro>

diff --git a/webapp/src/main/webapp/templates/freemarker/edit/forms/css/addConcept.css b/webapp/src/main/webapp/templates/freemarker/edit/forms/css/addConcept.css
@@ -84,5 +84,5 @@ a.more-less {
 }
 a:hover.more-less {
     color: #fff;
-    background: #888;
+    background: #656565;
 }