added first media query

clarklab · May 23, 2012 · daeefc9 · daeefc9
1 parent 3b5a7d2
commit daeefc9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/layouts/sidebar-content.css b/layouts/sidebar-content.css
@@ -41,4 +41,20 @@ Layout: Sidebar-Content
 #secondary-footer {
 	margin: 0 auto;
 	max-width:840px;
+}
+
+@media all and (max-width: 1024px) {
+
+	.site-content {
+	padding:0 30px 0 230px;
+}
+
+#masthead{
+	width: 200px;
+	}
+
+.site-footer {
+	padding-left:200px;
+}
+
 }
diff --git a/style.css b/style.css
@@ -296,6 +296,7 @@ textarea:focus {
 }
 input[type=text] {
 	padding: 3px;
+	max-width:100%;
 }
 textarea {
 	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
@@ -557,4 +558,5 @@ object {
 
 #masthead{border-right:1px solid #ccc;}
 
-#nav-above{display:none} /* for now */
+#nav-above{display:none} /* for now */
+