Move Styles completely into their own assemblies

1 files changed, 31 insertions, 16 deletions

diff --git a/assets/css/_relive.less b/assets/css/_relive.less
index a4e3f43..bd28747 100644
--- a/assets/css/_relive.less
+++ b/assets/css/_relive.less
@@ -1,25 +1,40 @@
-.recording {
-	.preview {
-		@media (max-width: @screen-xs-min) {
-			margin-bottom: @padding-large-vertical;
+body.relive {
+	.recording {
+		.preview {
+			@media (max-width: @screen-xs-min) {
+				margin-bottom: @padding-large-vertical;
+			}
+
+			@media (min-width: @screen-xs-min) {
+				float: left;
+				margin-right: @padding-base-horizontal;
+			}
 		}
 
-		@media (min-width: @screen-xs-min) {
-			float: left;
-			margin-right: @padding-base-horizontal;
+		.metadata {
+			list-style-type: none;
+			padding-left: 0;
+			margin-top: 5px;
+			@media (min-width: @screen-xs-min) {
+				margin-left: 213px;
+			}
+
+			li {
+				padding: 5px 0;
+			}
 		}
 	}
+}
 
-	.metadata {
-		list-style-type: none;
-		padding-left: 0;
-		margin-top: 5px;
-		@media (min-width: @screen-xs-min) {
-			margin-left: 213px;
-		}
+body.relive-player {
+	.player-wrap {
+		padding: 50px 0;
+		border: 1px solid #ddd;
+		border-radius: @border-radius-large;
+		margin-bottom: 25px;
 
-		li {
-			padding: 5px 0;
+		.video-wrap {
+			margin: 0 auto;
 		}
 	}
 }