1 files changed, 35 insertions, 0 deletions
diff --git a/theme/body-wrapper.css b/theme/body-wrapper.css
new file mode 100644
index 0000000..c95d6f4
--- /dev/null
+++ b/theme/body-wrapper.css
@@ -0,0 +1,35 @@
+body{margin:0 0 10px 0; padding:0; background:#000; font-family:'DejaVu Serif'; font-size:14px; color:#fff}
+video{height:360px;color:#000}
+
+#body-wrapper{width:1045px;margin-left:auto;margin-right:auto}
+#header{min-height:90px;background:url(mwvms.php) no-repeat center}
+#sidebar{width:400px}
+.sidebar-thumb{width:178px}
+.sidebar-data{width:217px}
+#video-views{text-align:right}
+#video-info{white-space: pre-wrap}
+#footer{clear:both; text-align: center}
+
+video, #content-wrapper{width:640px}
+#content-wrapper, .sidebar-thumb{float:left}
+#sidebar, .sidebar-data{float:right}
+.sidebar-thumb, .sidebar-data{height:100px}
+.sidebar-thumb, .sidebar-data, #video-info{margin-top:5px}
+#video-info, #sidebar{margin-bottom:5px}
+.sidebar-data, #sidebar-related{padding-left:5px}
+.sidebar-data, #sidebar-related, #video-data, #video-views, #video-info, #footer{background:#222}
+
+a{color:#ff0000;text-decoration:none}
+a:hover{color:green}
+
+/* Responsive */
+@media(max-width:768px)
+{
+	#header{background:url(mwvms.php) no-repeat center}
+	#body-wrapper, #content-wrapper, #header, #footer{width:640px}
+}
+@media(max-width:650px)
+{
+	video{width:480px;height:270px}
+	#body-wrapper, #content-wrapper, #header, #footer{width:480px}
+}