diff options
author | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:07:10 +0100 |
---|---|---|
committer | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:07:10 +0100 |
commit | a940024076b95e8af20bcc6e837aaa83f9fb4d97 (patch) | |
tree | 31acaa8a8d8d3f5a076b10a5c1e37362cd043e5d | |
parent | da67d786d2415a6ac9850483fb2276e5bbcffd4b (diff) | |
download | octopress-theme-jeyzu-a940024076b95e8af20bcc6e837aaa83f9fb4d97.zip octopress-theme-jeyzu-a940024076b95e8af20bcc6e837aaa83f9fb4d97.tar.gz |
search icon
-rw-r--r-- | sass/parts/_header.scss | 8 | ||||
-rw-r--r-- | source/images/search.png | bin | 0 -> 1173 bytes |
2 files changed, 5 insertions, 3 deletions
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 Binary files differnew file mode 100644 index 0000000..90a3af2 --- /dev/null +++ b/source/images/search.png |