Use sprite for images
This commit is contained in:
@@ -22,7 +22,7 @@
|
||||
margin: 0 0 -5px -20px;
|
||||
top: 4px;
|
||||
right: 5px;
|
||||
background: url('../images/checks.png') right -36px no-repeat;
|
||||
background: url('../images/sprite.png') right -36px no-repeat;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -258,15 +258,14 @@ body > .spinner, .mask{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
cursor: pointer;
|
||||
background: url('../images/sprite.png') no-repeat -200px;
|
||||
}
|
||||
.check.highlighted { background-color: #424c59; }
|
||||
.check.checked {
|
||||
background-image: url('../images/checks.png');
|
||||
background-position: -2px 0;
|
||||
}
|
||||
.check input {
|
||||
display: none !important;
|
||||
}
|
||||
.check.checked { background-position: -2px 0; }
|
||||
.check.indeterminate { background-position: -1px -119px; }
|
||||
.check input {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.select {
|
||||
cursor: pointer;
|
||||
@@ -281,14 +280,14 @@ body > .spinner, .mask{
|
||||
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20);
|
||||
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #406db8),
|
||||
color-stop(1, #5b9bd1)
|
||||
);
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
background: url('../images/sprite.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
center top,
|
||||
#5b9bd1 0%,
|
||||
#406db8 100%
|
||||
|
||||
@@ -117,22 +117,6 @@
|
||||
vertical-align: middle;
|
||||
padding-left: 2%;
|
||||
}
|
||||
|
||||
.check {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.check.highlighted { background-color: #424c59; }
|
||||
.check.checked {
|
||||
background-image: url('../../images/checks.png');
|
||||
background-position: -2px 0;
|
||||
}
|
||||
.check input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page .check + .formHint {
|
||||
float: none;
|
||||
@@ -354,28 +338,28 @@
|
||||
border-radius: 2px;
|
||||
}
|
||||
.page .tag_input > ul:hover > li.choice {
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, rgba(255,255,255,0.1)),
|
||||
color-stop(1, rgba(255,255,255,0.3))
|
||||
);
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
background: url('../images/sprite.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
center top,
|
||||
rgba(255,255,255,0.3) 0%,
|
||||
rgba(255,255,255,0.1) 100%
|
||||
);
|
||||
}
|
||||
.page .tag_input > ul > li.choice:hover {
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #406db8),
|
||||
color-stop(1, #5b9bd1)
|
||||
);
|
||||
background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
background: url('../images/sprite.png') no-repeat 94% -53px, -moz-linear-gradient(
|
||||
center top,
|
||||
#5b9bd1 0%,
|
||||
#406db8 100%
|
||||
|
||||
Reference in New Issue
Block a user