Refactor the css so that embedded images are optimally loaded

Change-Id: If19d20fb22afafbf62c355394dcda825a0151ac6
This commit is contained in:
Santhosh Thottingal
2014-01-23 03:50:40 +00:00
committed by Niklas Laxström
parent 50eb932756
commit 81c4dfe848
7 changed files with 142 additions and 115 deletions

View File

@@ -125,3 +125,30 @@ div.input-settings-block {
.uls-input-settings .uls-ime-help {
margin-left: 10px;
}
/* Ime menu customizations */
.ime-perime-help {
display: none;
}
.ime-checked .ime-perime-help {
display: inline-block;
width: 20px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
opacity: 0.75;
padding: 0;
/* @embed */
background: transparent url('../images/help.png') left center no-repeat;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/help.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/help.svg');
}
.ime-checked .ime-perime-help:hover {
opacity: 1;
}