From a940024076b95e8af20bcc6e837aaa83f9fb4d97 Mon Sep 17 00:00:00 2001 From: SkyArrow Date: Wed, 25 Jan 2012 01:07:10 +0800 Subject: search icon --- sass/parts/_header.scss | 8 +++++--- source/images/search.png | Bin 0 -> 1173 bytes 2 files changed, 5 insertions(+), 3 deletions(-) create mode 100644 source/images/search.png diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index 4883525..ba45bb0 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -29,15 +29,17 @@ header{ } .search{ input[type="text"]{ - background: #f2f2f2; + background: image-url('search.png') 10px center no-repeat #f2f2f2; color: #999; border: 1px solid $border; @include border-radius(15px); font: 13px $default; - padding: 6px 15px; + padding: 6px 15px 6px 35px; + width: 100px; @include transition(0.3s); &:focus, &:active{ - background: #fff; + background: image-url('search.png') 10px center no-repeat #fff; + width: 150px; border-top: 1px solid #ccc; color: $font-main; } diff --git a/source/images/search.png b/source/images/search.png new file mode 100644 index 0000000..90a3af2 Binary files /dev/null and b/source/images/search.png differ -- cgit v1.1-2-g2b99