From 54ff4d064fbc9607493264f42b1931b1c79ea36e Mon Sep 17 00:00:00 2001 From: SkyArrow Date: Wed, 25 Jan 2012 01:16:27 +0800 Subject: twitter loading icon --- sass/_parts.scss | 4 ++-- sass/parts/_banner.scss | 45 ----------------------------------- sass/parts/_twitter.scss | 49 +++++++++++++++++++++++++++++++++++++++ source/images/loading_gray.gif | Bin 0 -> 8787 bytes source/images/loading_pacman.gif | Bin 0 -> 1928 bytes 5 files changed, 51 insertions(+), 47 deletions(-) delete mode 100644 sass/parts/_banner.scss create mode 100644 sass/parts/_twitter.scss create mode 100644 source/images/loading_gray.gif create mode 100644 source/images/loading_pacman.gif diff --git a/sass/_parts.scss b/sass/_parts.scss index ef45fc9..72df504 100644 --- a/sass/_parts.scss +++ b/sass/_parts.scss @@ -1,9 +1,9 @@ @import "parts/header"; -@import "parts/banner"; @import "parts/index"; @import "parts/article"; @import "parts/post"; @import "parts/page"; @import "parts/comment"; @import "parts/footer"; -@import "parts/syntax"; \ No newline at end of file +@import "parts/syntax"; +@import "parts/twitter"; \ No newline at end of file diff --git a/sass/parts/_banner.scss b/sass/parts/_banner.scss deleted file mode 100644 index c8b11dd..0000000 --- a/sass/parts/_banner.scss +++ /dev/null @@ -1,45 +0,0 @@ -#banner{ - color: #999; - padding: 30px 0; - line-height: 30px; - text-align: center; - position: relative; - display: none; - @include border-shadow(); - &:hover{ - a{ - color: $main; - } - } - a{ - color: #999; - @include transition(0.3s); - &:hover{ - text-decoration: underline; - } - } - small{ - position: absolute; - right: 0; - bottom: 0; - } - .container{ - height: 30px; - overflow: hidden; - position: relative; - display: none; - .feed{ - list-style: none; - position: absolute; - top: 0; - width: 100%; - li{ - position: relative; - small{ - position: absolute; - right: 0; - } - } - } - } -} \ No newline at end of file diff --git a/sass/parts/_twitter.scss b/sass/parts/_twitter.scss new file mode 100644 index 0000000..377dbbd --- /dev/null +++ b/sass/parts/_twitter.scss @@ -0,0 +1,49 @@ +#banner{ + color: #999; + padding: 30px 0; + line-height: 30px; + text-align: center; + position: relative; + display: none; + @include border-shadow(); + &:hover{ + a{ + color: $main; + } + } + a{ + color: #999; + @include transition(0.3s); + &:hover{ + text-decoration: underline; + } + } + small{ + position: absolute; + right: 0; + bottom: 0; + } + .loading{ + background: image-url('loading_pacman.gif') center no-repeat; + text-indent: -9999px; + } + .container{ + height: 30px; + overflow: hidden; + position: relative; + display: none; + .feed{ + list-style: none; + position: absolute; + top: 0; + width: 100%; + li{ + position: relative; + small{ + position: absolute; + right: 0; + } + } + } + } +} \ No newline at end of file diff --git a/source/images/loading_gray.gif b/source/images/loading_gray.gif new file mode 100644 index 0000000..945a2aa Binary files /dev/null and b/source/images/loading_gray.gif differ diff --git a/source/images/loading_pacman.gif b/source/images/loading_pacman.gif new file mode 100644 index 0000000..8f61add Binary files /dev/null and b/source/images/loading_pacman.gif differ -- cgit v1.1-2-g2b99