Merge pull request FabricLabs#97 from jmoeltjen/master

Adding old responsive tweaks to actual repo
martindale · Mar 11, 2014 · 1a3e36a · 1a3e36a
2 parents 11aa493 + 24cd2e4
commit 1a3e36a
Showing 1 changed file with 63 additions and 5 deletions.
diff --git a/public/css/main.css b/public/css/main.css
@@ -158,10 +158,16 @@ footer {
 }
 
 @media (max-width: 979px) {
-  body {
-    padding-top: 0px;
-    padding-bottom: 40px;
-  }
+  body {padding:0;}
+
+  .container {
+	width: 100%;
+	margin-left:0;
+	margin-right:0;
+ }
+
+ footer {margin:0;}
+
   #chat-form .input-block-level {
     width: 275px;
   }
@@ -329,4 +335,56 @@ footer {
 .fadeout-top {
   box-shadow: inset 0 20px 20px -20px #000000;
   /* background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(0, 0, 0, 0))); */
-}
+}
+/* ######################################### */
+/* #### Responsive Tweaks by jDizzy on 140311 #### */
+/* ######################################### */
+ @media (max-width:1199px) and (min-width:980px){
+	#chat-form .input-block-level {
+		width: 536px;
+	}
+ }
+
+ @media (max-width:979px) and (min-width:768px){
+	#chat-form .input-block-level {
+		width: 85%;
+	}	
+ }
+
+ @media (max-width: 979px) and (min-width: 945px) {
+	.row-fluid [class*="span"].padded-left {
+		padding-left:0;
+		width:290px;
+	}
+}
+
+@media (max-width: 944px) {
+	.row-fluid [class*="span"].padded-left {
+	width:100%;
+	padding-left:12px;
+	padding-right:12px;
+ }
+
+	#playlist {
+		height:auto;
+		max-height:200px;
+	}
+
+	.row-fluid [class*="span"].unpadded {
+		width:100%;
+		padding:0 12px;
+		margin:0;
+	}
+
+	#search-form .input-block-level {
+		width: 90%;
+	}
+}
+
+@media (max-width:767px){
+	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
+	margin-right: 0;
+	margin-left: 0;
+	}
+}
+