From e5750cc13f45f8c5b44613887709899f81110ef1 Mon Sep 17 00:00:00 2001 From: Ricardo Rauch Date: Tue, 1 Oct 2013 04:29:16 -0300 Subject: [PATCH] fixes css --- style.css | 19 ++++++++++++------- style.styl | 18 +++++++++++------- 2 files changed, 23 insertions(+), 14 deletions(-) diff --git a/style.css b/style.css index 4c405f2..514140a 100755 --- a/style.css +++ b/style.css @@ -92,17 +92,22 @@ a { /* =jQuery Pageslide -------------------------------------------------------------- */ #myToggleButton { - background: #333 url("images/open.png") center center no-repeat; display: block; - width: 44px; + width: 24px; height: 44px; - top: 19px; - left: 20px; + top: 34px; + left: 30px; position: fixed; right: 20px; text-indent: -10000em; z-index: 10000; } +#myToggleButton .icon-bar { + height: 3px; + margin-bottom: 3px; + background: #000; + display: block; +} /* =General -------------------------------------------------------------- */ html { @@ -165,7 +170,7 @@ header.site-header { position: fixed; top: 0px; z-index: 10000; - left: 820px; + left: 80px; width: 150px; } header.site-header h1 { @@ -176,7 +181,7 @@ header.site-header h1 a { background: #feb83e url("images/logo.png") center no-repeat; border: 1px solid rgba(0,0,0,0.1); border-top: 0; - background-size: 0 70%; + background-size: auto 70%; height: 150px; text-indent: -10000em; display: block; @@ -260,7 +265,7 @@ body { .center-content, #disqus_thread { max-width: 580px; - margin: 0 100px 0 140px; + margin: 0 100px 0 260px; padding: 0 20px; display: block; } diff --git a/style.styl b/style.styl index 16527fd..8acc705 100755 --- a/style.styl +++ b/style.styl @@ -112,16 +112,20 @@ a{ outline: none !important;} /* =jQuery Pageslide -------------------------------------------------------------- */ #myToggleButton - background: #333 url(images/open.png) center center no-repeat; display: block; - width: 44px; + width: 24px; height: 44px; - top: 19px; - left: 20px; + top: 34px; + left: 30px; position: fixed; right: 20px; text-indent: -10000em; z-index: 10000; + .icon-bar + height: 3px; + margin-bottom: 3px; + background: black; + display: block /* =General @@ -161,14 +165,14 @@ footer.site-footer /* =Header -------------------------------------------------------------- */ header.site-header - background: #fff; position: fixed; top: 0px; z-index: 10000; left: 820px; width: 150px; + background: #fff; position: fixed; top: 0px; z-index: 10000; left: 80px; width: 150px; h1 margin: 0; padding: 0; a background: #feb83e url('images/logo.png') center no-repeat; border: 1px solid rgba(0,0,0,.1); border-top: 0; - background-size: 0 70%; + background-size: auto 70%; height: 150px; text-indent: -10000em; display: block; @@ -225,7 +229,7 @@ body.admin-bar header.site-header, body &.nav-next{text-align: right; float: right;} .center-content, #disqus_thread - max-width: 580px; margin: 0 100px 0 140px; padding: 0 20px; display: block; + max-width: 580px; margin: 0 100px 0 260px; padding: 0 20px; display: block; article.post, article.attachment, article.page border-bottom: 1px solid #ebebeb;