bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style changes to lcd

Browse Source 
This change is larger than it should because I came across lots of
unused CSS which I removed or simplified.

https://phabricator.wikimedia.org/T138235
This commit is contained in:
Niklas Laxström
2016-07-29 10:21:54 +02:00
parent d873fbc186
commit 8a8f502de7
6 changed files with 78 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
css/jquery.uls.css
View File

@@ -1,4 +1,3 @@
.uls-trigger {
/* @embed */
background: transparent url('../images/icon-language.png') no-repeat scroll left center;
@@ -51,64 +50,9 @@
min-width: 150px;
}
.uls-title-region a {
padding-left: 15px;
}
.uls-menu .uls-title {
font-weight: normal;
border: none;
padding-left: 15px;
font-size: 18pt;
line-height: 1.25em;
color: #555;
}
.uls-menu .uls-no-results-found-title {
font-size: 16pt;
font-weight: bold;
line-height: 1.5em;
padding-left: 6px;
padding-top: 10px;
margin-top: 0;
margin-bottom: 15px;
border-bottom: none;
color: #555;
}
.uls-menu .uls-lcd-region-section .uls-lcd-region-title {
color: #777;
font-size: 14pt;
font-weight: lighter;
line-height: 1.5em;
padding-left: 0;
margin-top: 0;
margin-bottom: 10px;
border-bottom: none;
}
div.uls-region {
cursor: pointer;
padding: 0;
margin: 0;
height: 120px;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.uls-region a {
bottom: 2px;
left: 2px;
padding: 0;
position: absolute;
font-size: 13px;
line-height: 1.2em;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
width: 99%;
}
.uls-search {
background-color: white;
padding: 5px;
padding: 5px 16px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
@@ -121,7 +65,7 @@ div.uls-region {
/* Make space for magnifying class on the front */
.uls-search-wrapper {
position: relative;
padding-left: 40px;
padding-left: 44px;
margin-right: 5px;
height: 32px;
}
@@ -131,10 +75,10 @@ div.uls-region {
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
background-size: 28px;
background-size: 20px;
background-position: center center;
height: 32px;
width: 40px;
width: 44px;
display: block;
position: absolute;
left: 0;
@@ -147,7 +91,7 @@ div.uls-region {
/* There are two input boxes. This class applies to both of them */
.uls-filterinput {
font-size: 18px;
font-size: 16px;
height: 32px;
width: 100%;
/* For the custom clear (X) icon */