From 87b05c8af411e5a6f7e3ff5afc82682e507e6d1a Mon Sep 17 00:00:00 2001
From: Svetlana Rastegina <rasteginas@yandex.ru>
Date: Tue, 16 Feb 2021 22:38:58 +0100
Subject: [PATCH] Modified alphabetical index page styles.

---
 webapp/src/main/webapp/themes/iph/css/iph.css | 39 +++++++++++++------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/webapp/src/main/webapp/themes/iph/css/iph.css b/webapp/src/main/webapp/themes/iph/css/iph.css
index d8b1f452..0fbda80e 100644
--- a/webapp/src/main/webapp/themes/iph/css/iph.css
+++ b/webapp/src/main/webapp/themes/iph/css/iph.css
@@ -43,7 +43,7 @@ body {
    justify-content: center;
 }
 a {
-    color: #2485AE;
+    color: #000000;
 }
 a:hover,
 h2 a:hover,
@@ -446,6 +446,9 @@ ul#vgraph-classes a {
     text-decoration: none;
     color: #5E6363;
 }
+ul#browse-classes a {
+	width: 90%;
+}
 ul.ingestMenu {
     margin-bottom: 1.5em;
 }
@@ -1624,12 +1627,13 @@ ul#individual-tools-people li a {
 /* VISUAL GRAPH------>  */
 .property-group,
 #menupage-intro {
-    width: 920px;
+    width: 100%;
+    text-align: center;
     background: #fff;
 }
 #menupage-intro h2 {
     font-size: 1.375em;
-    color: #064d68;
+    color: #000000;
     font-weight: normal;
 }
 #menupage-intro.people h2 {
@@ -1720,12 +1724,12 @@ nav#alpha-browse-container {
 }
 /* BROWSE CLASSES ------>  */
 ul#browse-classes {
-    border: 1px solid #F6F6F6;
+    border: 1px solid #efe9d9;
     border-right: 0;
-    background-color: #F6F6F6;
+    background-color: #efe9d9;
     margin-left: 0px;
     width: 25%;
-    outline-color: #F6F6F6;
+    outline-color: #efe9d9;
     outline-style: solid;
     outline-width: 1px;
 }
@@ -1734,10 +1738,15 @@ ul#vgraph-classes li {
     border-bottom: 1px solid #dde4e3;
     font-size: 1em;
 }
+ul#browse-classes li {
+	width: 90%;
+	margin-left: 10px;
+	margin-right: 10px;
+}
 ul#browse-classes a:hover,
 ul#browse-classes a.selected {
     background: url(../images/arrow_brown.png) 4px 5px no-repeat;
-    color: #8B4513;
+    color: #000000;
 }
 ul#browse-classes .count-classes {
     font-size: 12px;
@@ -1749,7 +1758,7 @@ ul#alpha-browse-individuals {
 ul#alpha-browse-individuals a:hover,
 ul#alpha-browse-individuals a.selected {
     background: url(../images/arrow_small.png) -3px 7px no-repeat;
-    color: #2ea0cf;
+    color: #DD9F00;
 }
 ul#alpha-browse-individuals .count-classes,
 ul#vgraph-classes .count-classes {
@@ -1762,16 +1771,16 @@ ul#alpha-browse-individuals li {
     font-size: .8em;
 }
 nav#alpha-browse-container {
-    border-top: 1px solid #F6F6F6;
+    border-top: 1px solid #efe9d9;
     background-color: #fff;
-    border-left: 1px solid #F6F6F6;
+    border-left: 1px solid #efe9d9;
     border-bottom: none;
     width: 73%;
 }
 /* BROWSE INDIVIDUALS------>  */
 #individuals-in-class {
     width: 100%;
-    border: 1px solid #dde4e3;
+    border-top: 1px solid #dde4e3;
     background-color: #fff;
     margin-right: 0;
 }
@@ -1783,6 +1792,7 @@ ul#alpha-browse-individuals {
 }
 h3.selected-class {
 	padding-bottom: 0.2em;
+	color: #8B4513;
 }
 
 #individuals-in-class li.individual {
@@ -1800,6 +1810,11 @@ article.property ul.property-list {
 .pagination.menupage li a:hover {
     background: #5e6363;
 }
+li.individual {
+	margin-left: 0;
+	margin-right: 0;
+	width: 100%;
+}
 
 /* ------------------------------------------------->  */
 /* IMAGE UPLOAD------------------------------------->  */
@@ -2014,7 +2029,7 @@ article.property ul.property-list li a {
     left: -9999px;
 }
 a {
-    text-decoration: underline
+    text-decoration: none;
 }
 .middle {
     vertical-align: middle;