Browse Source

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

master
Konrad Mohrfeldt 11 years ago
parent
commit
ec463c9efa
  1. 4275
      devel/grafiken/lock.svg
  2. BIN
      k4ever/media/css/img/load.gif
  3. 18
      k4ever/media/css/img/load.svg
  4. 8
      k4ever/media/css/style.css
  5. 6
      k4ever/media/css/style.less

4275
devel/grafiken/lock.svg

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 270 KiB

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

18
k4ever/media/css/img/load.svg

@ -0,0 +1,18 @@ @@ -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

8
k4ever/media/css/style.css

@ -269,7 +269,7 @@ p { @@ -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 { @@ -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 { @@ -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 { @@ -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

@ -285,7 +285,7 @@ p { @@ -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 { @@ -645,7 +645,7 @@ table.itemListContainer {
}
}
.notice, .error, .success {
.notice, .error, .ok {
position: fixed;
bottom: 0;
left: -5px;
@ -676,7 +676,7 @@ table.itemListContainer { @@ -676,7 +676,7 @@ table.itemListContainer {
border-color: #FBC2C4;
}
.success {
.ok {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;

Loading…
Cancel
Save