fixes css

darrius · Oct 1, 2013 · e5750cc · e5750cc
1 parent 9107fce
commit e5750cc
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 14 deletions.
diff --git 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
@@ -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;