seba
/
k4ever
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

This commit is contained in:
Konrad Mohrfeldt 2011-10-16 23:25:11 +02:00
parent 671fcdd42c
commit ec463c9efa
5 changed files with 4300 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4275
devel/grafiken/lock.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 270 KiB

BIN
k4ever/media/css/img/load.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.6 KiB

18
k4ever/media/css/img/load.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 713 B

8
k4ever/media/css/style.css
View File

@ -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;

6
k4ever/media/css/style.less
View File

@ -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;