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

@@ -0,0 +1,23 @@
#p-lang .uls-settings-trigger {
/* @embed */
background: transparent url('../images/cog-sprite.png') no-repeat right top;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
height: 16px;
width: 14px;
float: right;
cursor: pointer;
}
.skin-vector #p-lang .uls-settings-trigger {
/* Put it in the middle of the first row of the section title */
margin-top: 3px;
}
#p-lang .uls-settings-trigger:hover {
background-position: right -16px;
}