CSS fixes for colors and size consistency

Small CSS adjustments to:
* Reduce ULS vertical size to adapt to the 8-row layout.
* Use more contrast in colors to better comply with WCAG.
* Add overflow properties to regions in map to avoidlong texts to overlap.

Change-Id: I0498f68e32b978f2e1d8c2d4c5e788c71483590d
This commit is contained in:
pginer
2012-08-15 14:24:53 +02:00
parent 05a878ba9f
commit a4ee53b827
2 changed files with 11 additions and 7 deletions

View File

@@ -37,7 +37,7 @@
font-size: 18pt; font-size: 18pt;
line-height: 1.25em; line-height: 1.25em;
padding-left: 15px; padding-left: 15px;
color: #777; color: #555;
} }
.uls-menu h2 { .uls-menu h2 {
font-size: 16pt; font-size: 16pt;
@@ -46,7 +46,7 @@
margin-top: 0px; margin-top: 0px;
margin-bottom: 15px; margin-bottom: 15px;
border-bottom: none; border-bottom: none;
color: #777; color: #555;
} }
.uls-menu h3 { .uls-menu h3 {
font-size: 14pt; font-size: 14pt;
@@ -69,7 +69,7 @@
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
height: 125px; height: 125px;
border-bottom-color: #777; border-bottom-color: #555;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 3px; border-bottom-width: 3px;
} }
@@ -77,6 +77,9 @@
bottom: 2px; bottom: 2px;
position: absolute; position: absolute;
font-size: 13px; font-size: 13px;
overflow-x: hidden;
text-overflow: ellipsis;
width: 100%;
} }
.uls-region:hover { .uls-region:hover {
/*Cross-browser background transparency*/ /*Cross-browser background transparency*/
@@ -107,6 +110,7 @@
color: #444; color: #444;
} }
#map-block .active a { #map-block .active a {
color:#252525;
font-weight: bold; font-weight: bold;
} }
.icon-close { .icon-close {
@@ -131,7 +135,7 @@ input:focus#languagefilter {
#search { #search {
background-color: #f8f8f8; background-color: #f8f8f8;
border-top-color: #777; border-top-color: #555;
border-top-style: solid; border-top-style: solid;
border-top-width: 1px; border-top-width: 1px;
padding: 0.8em 0; padding: 0.8em 0;

View File

@@ -1,12 +1,12 @@
.uls-lcd-region-section h3 { .uls-lcd-region-section h3 {
color: #999999; color: #777;
} }
.uls-lcd-region-section ul li:hover { .uls-lcd-region-section ul li:hover {
background-color: #eaeff7; background-color: #eaeff7;
} }
/* Language list */ /* Language list */
.uls-language-list { .uls-language-list {
height: 21.5em; height: 18em;
overflow: auto; overflow: auto;
margin: 10px; margin: 10px;
width: auto; width: auto;
@@ -41,7 +41,7 @@
} }
.uls-no-results-view { .uls-no-results-view {
color: #777; color: #555;
} }
#uls-no-found-more { #uls-no-found-more {