Merge pull request #273 from Volker-E/master

Remove redundancy, increase contrast and improve code

css/jquery.uls.css

@@ -1,6 +1,6 @@
 .uls-trigger {
 	/* @embed */
-	background: transparent url('../images/icon-language.png') no-repeat scroll left center;
+	background: url('../images/icon-language.png') no-repeat left center;
 	/* @embed */
 	background-image: -webkit-linear-gradient(transparent, transparent), url('../images/icon-language.svg');
 	/* @embed */
@@ -13,10 +13,9 @@
 	z-index: 1000;
 	display: none;
 	margin-top: 1px;
-	/* Styling */
+	background-color: #fff;
-	background-color: #ffffff;
 	border: 1px solid #ccc;
-	border: 1px solid rgba(0, 0, 0, 0.2);
+	border-color: rgba(0, 0, 0, 0.2);
 	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
@@ -51,11 +50,9 @@
 }
 
 .uls-search {
-	background-color: white;
+	background-color: #fff;
 	padding: 5px 16px;
-	border-bottom-width: 1px;
+	border-bottom: 1px solid #ddd;
-	border-bottom-style: solid;
-	border-bottom-color: #DDD;
 }
 
 .grid .uls-search {
@@ -71,12 +68,11 @@
 }
 
 .uls-search-label {
-	background: transparent url('../images/search.png') no-repeat scroll right center;
+	background: url('../images/search.png') no-repeat center center;
 	background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
 	/* @embed */
 	background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
 	background-size: 20px;
-	background-position: center center;
 	height: 32px;
 	width: 44px;
 	display: block;
@@ -96,10 +92,8 @@
 	width: 100%;
 	/* For the custom clear (X) icon */
 	padding: 6px 25px 6px 0;
-
 	outline: none;
-	border: none;
+	border: 0;
-
 	display: block;
 	position: absolute;
 	top: 0;
@@ -109,18 +103,18 @@
 /* This is the actual input */
 .uls-languagefilter {
 	background-color: transparent;
-	border: none;
+	border: 0;
-	color: #333;
+	color: #222;
 }
 
 /* This is the shadow input box showing completion suggestions */
 .uls-filtersuggestion {
-	background-color: white;
+	background-color: #fff;
-	color: #888;
+	color: #777;
 }
 
 .uls-languagefilter-clear {
-	background: transparent url('../images/clear.png') no-repeat scroll left center;
+	background: url('../images/clear.png') no-repeat left center;
 	background-image: -webkit-linear-gradient(transparent, transparent), url('../images/clear.svg');
 	/* @embed */
 	background-image: linear-gradient(transparent, transparent), url('../images/clear.svg');

css/jquery.uls.lcd.css

@@ -7,13 +7,13 @@
  */
 
 .uls-lcd {
+	background-color: #fcfcfc;
 	height: 20em;
 	/* Work around Chrome bug where it places scrollbar on the left in
 	 * in RTL mode but actually reserves the place on the right side */
 	overflow-x: hidden;
 	overflow-y: auto;
 	width: auto;
-	background: #FCFCFC;
 	padding: 0 16px;
 }
 
@@ -61,8 +61,7 @@
 	 * Bug because overflow: hidden is incompatible with bullets, also render
 	 * the bullets inside the list in case there should be any.
 	 */
-	list-style-image: none;
+	list-style: none none;
-	list-style-type: none;
 }
 
 .uls-language-block > ul > li {
@@ -88,7 +87,7 @@
 .uls-language-block a {
 	cursor: pointer;
 	text-decoration: none;
-	color: #3366bb;
+	color: #36c;
 	font-size: 14px;
 	display: inline-block;
 	width: 100%;
@@ -114,14 +113,14 @@
 .uls-no-results-found-title {
 	font-size: 16px;
 	padding: 0 16px 0 28px;
-	border-bottom: none;
+	border-bottom: 0;
 	color: #555;
 }
 
 .uls-no-found-more {
+	background: #f8f8f8;
 	padding: 0 16px 0 44px;
 	font-size: 0.9em;
-	background: #F8F8F8;
 	width: 100%;
 	margin-top: 1.6em;
 	line-height: 1.6em;

css/jquery.uls.mobile.css

@@ -198,7 +198,6 @@
 
 /* Very large display targeting */
 @media only screen and (min-width: 1441px) {
-
 	.uls-mobile .hide-for-small,
 	.uls-mobile .hide-for-medium,
 	.uls-mobile .hide-for-medium-down,
@@ -216,9 +215,9 @@
 		display: none !important;
 	}
 }
+
 /* Medium display targeting */
 @media only screen and (max-width: 1279px) and (min-width: 768px) {
-
 	.uls-mobile .hide-for-small,
 	.uls-mobile .show-for-medium,
 	.uls-mobile .show-for-medium-down,
@@ -237,9 +236,9 @@
 		display: none !important;
 	}
 }
+
 /* Small display targeting */
 @media only screen and (max-width: 767px) {
-
 	.uls-mobile .show-for-small,
 	.uls-mobile .hide-for-medium,
 	.uls-mobile .show-for-medium-down,
@@ -292,18 +291,12 @@
 }
 
 /* Touch-enabled device targeting */
-.uls-mobile .show-for-touch {
+.uls-mobile .show-for-touch,
-	display: none !important;
-}
-
-.uls-mobile .hide-for-touch {
-	display: block !important;
-}
-
-.uls-mobile .touch .show-for-touch {
-	display: block !important;
-}
-
 .uls-mobile .touch .hide-for-touch {
 	display: none !important;
 }
+
+.uls-mobile .hide-for-touch,
+.uls-mobile .touch .show-for-touch {
+	display: block !important;
+}