diff options
author | Zhiming Wang <zmwangx@gmail.com> | 2015-07-25 19:12:43 -0700 |
---|---|---|
committer | Zhiming Wang <zmwangx@gmail.com> | 2015-07-25 19:12:43 -0700 |
commit | 7f52b9d8aaaa16869821632b57ea8dc86bab865a (patch) | |
tree | b81d08896612d88cb47792abc860b9f8f8f267e3 /source/css/theme.css | |
parent | c6cb551425b06c15fa61f8bfba2591fdd9ca736d (diff) | |
download | my_new_personal_website-7f52b9d8aaaa16869821632b57ea8dc86bab865a.tar.xz my_new_personal_website-7f52b9d8aaaa16869821632b57ea8dc86bab865a.zip |
select blog icon with CSS
This way we can deliver the right size based on the window size (wide or
narrow), rather than deliver a universal one then scale down.
Diffstat (limited to 'source/css/theme.css')
-rw-r--r-- | source/css/theme.css | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/source/css/theme.css b/source/css/theme.css index 4de354c1..93bc3068 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -16,8 +16,17 @@ nav div { text-align: center; } -nav div.logo { +nav div .blog-icon { padding: 2px 0; + width: 100px; + height: 100px; + display: inline-block; + background-image: url("/img/icon-100.png"); + background-repeat: no-repeat; + background-position: center; + background-size: 100px; + vertical-align: middle; + font-size: 0; } nav div.title { |