Modified alphabetical index page styles.

This commit is contained in:
Svetlana Rastegina 2021-02-16 22:38:58 +01:00
parent 39bd1017a0
commit 87b05c8af4

View file

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