added animated svg for search and buy progress, added lock svg

master
Konrad Mohrfeldt 13 years ago
parent 671fcdd42c
commit ec463c9efa

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 270 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" width="30px" height="30px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<g id="pair">
<ellipse cx="10" cy="0" rx="5" ry="2" style="fill:#ffffff;" />
<ellipse cx="-10" cy="0" rx="5" ry="2" style="fill:#ffffff;" />
</g>
</defs>
<g transform="translate(15,15)">
<g>
<animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="2s" repeatDur="indefinite"/>
<use xlink:href="#pair" />
<use xlink:href="#pair" transform="rotate(45)"/>
<use xlink:href="#pair" transform="rotate(90)"/>
<use xlink:href="#pair" transform="rotate(135)"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 713 B

@ -269,7 +269,7 @@ p {
background-image: url("img/buy.png");
}
#header .search ul.ui-autocomplete .focus .buy.lock.load, #header .search ul.ui-autocomplete .focus .buy.load {
background-image: url("img/load.gif");
background-image: url("img/load.svg");
}
#header .search ul.ui-autocomplete .focus .buy.lock.success, #header .search ul.ui-autocomplete .focus .buy.success {
background-image: url("img/success.png");
@ -621,7 +621,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
.transaction input[type="text"], .transaction select {
font-size: 16px;
}
.notice, .error, .success {
.notice, .error, .ok {
position: fixed;
bottom: 0;
left: -5px;
@ -632,7 +632,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
margin-top: 10px;
font-weight: bold;
}
.notice h2, .error h2, .success h2 {
.notice h2, .error h2, .ok h2 {
font-size: 14px;
color: inherit;
border-bottom: 0;
@ -647,7 +647,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
color: #8A1F11;
border-color: #FBC2C4;
}
.success {
.ok {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;

@ -285,7 +285,7 @@ p {
.focus .buy.lock.load,
.focus .buy.load {
background-image: url("@{fldImages}/load.gif");
background-image: url("@{fldImages}/load.svg");
}
.focus .buy.lock.success,
@ -645,7 +645,7 @@ table.itemListContainer {
}
}
.notice, .error, .success {
.notice, .error, .ok {
position: fixed;
bottom: 0;
left: -5px;
@ -676,7 +676,7 @@ table.itemListContainer {
border-color: #FBC2C4;
}
.success {
.ok {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;

Loading…
Cancel
Save