diff options
| author | SkyArrow <tommy351@gmail.com> | 2012-01-24 14:54:06 +0100 |
|---|---|---|
| committer | SkyArrow <tommy351@gmail.com> | 2012-01-24 14:54:06 +0100 |
| commit | 2d0d5648dfabe4f178736ba512efc5b7e3b3cd94 (patch) | |
| tree | 60deebd130eeb65cae643ad72a7342105f68fd05 /sass/parts/_header.scss | |
| parent | 1c574d24b7fdd482499fa9553c19342b6a4d391e (diff) | |
| download | octopress-theme-jeyzu-2d0d5648dfabe4f178736ba512efc5b7e3b3cd94.zip octopress-theme-jeyzu-2d0d5648dfabe4f178736ba512efc5b7e3b3cd94.tar.gz | |
layout
Diffstat (limited to 'sass/parts/_header.scss')
| -rw-r--r-- | sass/parts/_header.scss | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss new file mode 100644 index 0000000..79553e3 --- /dev/null +++ b/sass/parts/_header.scss @@ -0,0 +1,89 @@ +header{ + height: 30px; + padding: 30px 0; + border-bottom: 1px solid $border; + line-height: 30px; + a{ + color: $font-main; + @include transition(0.3s); + &:hover{ + color: $main; + } + } + h1{ + font-weight: 300; + font-size: 30px; + } + nav{ + margin-left: 30px; + ul{ + list-style: none; + li{ + float: left; + margin-left: 50px; + } + ul{ + display: none; + } + } + } + .search{ + input[type="text"]{ + background: #f2f2f2; + color: #999; + border: 1px solid $border; + @include border-radius(15px); + font: 13px $default; + padding: 6px 15px; + @include transition(0.3s); + &:focus, &:active{ + background: #fff; + border-top: 1px solid #ccc; + color: $font-main; + } + } + } + .social{ + margin-right: 15px; + a{ + @include border-radius(50%); + display: inline-block; + text-indent: -9999px; + margin-right: 15px; + opacity: 0.5; + @include square(28px); + @include transition(0.3s); + &:hover{ + opacity: 1; + } + &:first-of-type{ + background: #3B5998; + border: 1px solid #3B5998; + &:hover{ + border: 1px solid darken(#3B5998, 10%); + } + } + &:nth-of-type(2){ + background: #C83D20; + border: 1px solid #C83D20; + &:hover{ + border: 1px solid darken(#C83D20, 10%); + } + } + &:nth-of-type(3){ + background: #55CFF8; + border: 1px solid #55CFF8; + &:hover{ + border: 1px solid darken(#55CFF8, 10%); + } + } + &:last-of-type{ + background: #EF7522; + border: 1px solid #EF7522; + &:hover{ + border: 1px solid darken(#EF7522, 10%); + } + } + } + } +}
\ No newline at end of file |