From ec463c9efae8c12d761a0d1ce03f535d6bc12c80 Mon Sep 17 00:00:00 2001 From: Konrad Mohrfeldt Date: Sun, 16 Oct 2011 23:25:11 +0200 Subject: [PATCH] added animated svg for search and buy progress, added lock svg --- devel/grafiken/lock.svg | 4275 +++++++++++++++++++++++++++++++++ k4ever/media/css/img/load.gif | Bin 8787 -> 0 bytes k4ever/media/css/img/load.svg | 18 + k4ever/media/css/style.css | 8 +- k4ever/media/css/style.less | 6 +- 5 files changed, 4300 insertions(+), 7 deletions(-) create mode 100644 devel/grafiken/lock.svg delete mode 100644 k4ever/media/css/img/load.gif create mode 100644 k4ever/media/css/img/load.svg diff --git a/devel/grafiken/lock.svg b/devel/grafiken/lock.svg new file mode 100644 index 0000000..eefcbf2 --- /dev/null +++ b/devel/grafiken/lock.svg @@ -0,0 +1,4275 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + Oxygen team + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/k4ever/media/css/img/load.gif b/k4ever/media/css/img/load.gif deleted file mode 100644 index 84f2e0059a02f4a80bdca0f830a625619334a62d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8787 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 diff --git a/k4ever/media/css/img/load.svg b/k4ever/media/css/img/load.svg new file mode 100644 index 0000000..c398bce --- /dev/null +++ b/k4ever/media/css/img/load.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/k4ever/media/css/style.css b/k4ever/media/css/style.css index 6dd00a2..e7a4241 100644 --- a/k4ever/media/css/style.css +++ b/k4ever/media/css/style.css @@ -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; diff --git a/k4ever/media/css/style.less b/k4ever/media/css/style.less index e7c07ed..0fa0ecb 100644 --- a/k4ever/media/css/style.less +++ b/k4ever/media/css/style.less @@ -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;