Move Styles completely into their own assemblies

1 files changed, 59 insertions, 57 deletions

diff --git a/assets/css/_room.less b/assets/css/_room.less
index 0c7327d..cd6d4c9 100644
--- a/assets/css/_room.less
+++ b/assets/css/_room.less
@@ -1,85 +1,87 @@
-@media (min-width: @screen-sm-min) {
-	.tab-content {
-		border-left: 1px solid #ddd;
-		border-bottom: 1px solid #ddd;
-		border-right: 1px solid #ddd;
+body.room {
+	@media (min-width: @screen-sm-min) {
+		.tab-content {
+			border-left: 1px solid #ddd;
+			border-bottom: 1px solid #ddd;
+			border-right: 1px solid #ddd;
+		}
 	}
-}
-
-.player-wrap.tab-content {
-	padding: 40px 0;
-}
 
-.video.hd .player-wrap.tab-content {
-	padding: 0;
-}
+	.player-wrap.tab-content {
+		padding: 40px 0;
+	}
 
-@media (max-width: @screen-md-max) {
-	.video.sd .player-wrap.tab-content {
+	.video.hd .player-wrap.tab-content {
 		padding: 0;
 	}
-}
 
-.player-wrap {
-	margin-bottom: 60px;
-	overflow: hidden;
-}
-
-.video-wrap {
-	margin: 0 auto;
-}
+	@media (max-width: @screen-md-max) {
+		.video.sd .player-wrap.tab-content {
+			padding: 0;
+		}
+	}
 
-.functions-wrap
-{
-	> .tab-pane {
+	.player-wrap {
+		margin-bottom: 60px;
 		overflow: hidden;
 	}
 
-	#switcher {
-		.row {
-			margin-bottom: @padding-large-vertical;
+	.video-wrap {
+		margin: 0 auto;
+	}
+
+	.functions-wrap
+	{
+		> .tab-pane {
+			overflow: hidden;
 		}
 
-		.btn-group {
-			margin-bottom: @padding-base-vertical;
+		#switcher {
+			.row {
+				margin-bottom: @padding-large-vertical;
+			}
+
+			.btn-group {
+				margin-bottom: @padding-base-vertical;
+			}
 		}
-	}
 
-	#chat {
-		text-align: center;
+		#chat {
+			text-align: center;
 
-		> div {
-			margin: 25px;
+			> div {
+				margin: 25px;
 
-			> a {
-				font-size: 18px;
+				> a {
+					font-size: 18px;
 
-				@media (min-width: @screen-sm-min) {
-					font-size: @jumbo-font-size;
-				}
+					@media (min-width: @screen-sm-min) {
+						font-size: @jumbo-font-size;
+					}
 
-				&.twitterlink {
-					@twitter: #55ACEE; // Twitter-Blue
-					.button-variant(white; @twitter; darken(@twitter, 5%););
+					&.twitterlink {
+						@twitter: #55ACEE; // Twitter-Blue
+						.button-variant(white; @twitter; darken(@twitter, 5%););
+					}
 				}
 			}
 		}
-	}
 
-	#feedback {
-		padding: floor(@grid-gutter-width/2) 0;
+		#feedback {
+			padding: floor(@grid-gutter-width/2) 0;
 
-		.feedback-error,
-		.feedback-thankyou {
-			font-size: @jumbo-font-size;
-			text-align: center;
-			padding: 30px;
+			.feedback-error,
+			.feedback-thankyou {
+				font-size: @jumbo-font-size;
+				text-align: center;
+				padding: 30px;
 
-			display: none;
+				display: none;
+			}
 		}
-	}
 
-	#schedule {
-		@import "_schedule.less";
+		#schedule {
+			@import "_schedule.less";
+		}
 	}
 }