89a502fdb5
The style for the search zone has been modified to emphasize it, and margins for the language list have been modified to avoid blank separation between search bar and the list.
95 lines
1.8 KiB
CSS
95 lines
1.8 KiB
CSS
.uls-lcd-region-section h3 {
|
|
color: #777;
|
|
}
|
|
|
|
.uls-lcd-region-section ul li:hover {
|
|
background-color: #eaeff7;
|
|
}
|
|
|
|
/* Language list */
|
|
.uls-language-list {
|
|
height: 22em;
|
|
overflow: auto;
|
|
padding: 10px;
|
|
width: auto;
|
|
}
|
|
|
|
.uls-language-block ul {
|
|
margin: 0 0 1.6em;
|
|
}
|
|
|
|
.uls-language-list ul li {
|
|
cursor: pointer;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
|
|
/*
|
|
* Some languages have long names for various reasons and we still want
|
|
* them to appear on one line.
|
|
* To make it work correctly, the directionality must be set correctly
|
|
* on the item level.
|
|
*/
|
|
text-overflow: ellipsis;
|
|
|
|
/*
|
|
* The directionality (ltr/rtl) for each list item is set dynamically
|
|
* as HTML attributes in JavaScript. Setting directionality also applies
|
|
* alignment, but a list with mixed alignment is hard to read.
|
|
* All items are therefore explicitly aligned to the left, including names
|
|
* of right-to-left languages in left-to-right environment and vice versa.
|
|
* As long as the directionality of the item is set correctly, the text
|
|
* is readable.
|
|
*/
|
|
text-align: left;
|
|
|
|
/*
|
|
* We don't want any visible bullets in this list.
|
|
*/
|
|
list-style-image: none;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.uls-language-list strong {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.uls-language-list a {
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
color: #3366bb;
|
|
font-size: 14px;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
.uls-language-block .three.columns {
|
|
width: 22%;
|
|
}
|
|
|
|
.uls-language-block {
|
|
width: 100%;
|
|
}
|
|
|
|
.uls-no-results-view {
|
|
color: #555;
|
|
height: 100%;
|
|
}
|
|
|
|
.uls-no-results-view h2{
|
|
font-weight: bold;
|
|
}
|
|
|
|
#uls-no-found-more {
|
|
font-size: 0.9em;
|
|
background: #F8F8F8;
|
|
width: 100%;
|
|
margin-top: 1.6em;
|
|
line-height: 1.6em;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
|
|
.uls-lcd-region-section ul li.uls-column-break:hover {
|
|
background: none;
|
|
} |