deploy prep

_site/css/video.css

@@ -31,19 +31,20 @@
 #videotext
 {
   width:40%;
-  background-color:#fff;
-  opacity:.9;
+  background-color:#000;
+  opacity:.8;
   position:fixed;
-  z-index:100;
-  right:20px;
-  top:20px;
+  z-index:10000;
+  right:50px;
+  bottom: 50px;
   display:none;
   padding:30px;
-  color:#000;
+  color:#fff;
 }
 
 #videotext .video-title
 {
+  color:#fff;
   font-size: 1.7em;
   background-color:none;
 }
@@ -65,8 +66,12 @@
 
 .playbutton
 {
+  display:block;
+  position:absolute;
+  top:70px;
+  left:90px;
+  z-index:1000000;
   width:60px;
-  margin-top:30px;
   display:none;
   pointer-events: none;
 }
@@ -75,6 +80,8 @@
 {
   display:block;
   position:fixed;
+  top:0;
+  left:0;
   z-index:1000;
   width:100%;
   height:100%;
@@ -94,12 +101,12 @@
 #close-button
 {
   position:fixed;
-  z-index:1001;
+  z-index:1000001;
   display:block;
   width:50px;
   height:50px;
-  top:0;
-  right:0;
+  top:90px;
+  right:30px;
   background-image:url("/images/close-button-large.png");
   background-size:cover;
 }
@@ -111,4 +118,4 @@
 .filter-button-group button{
   color: #000;
   margin-bottom: 4px;
-}
+}

_site/css/video2.css

@@ -0,0 +1,142 @@
+.button-group
+{
+  margin: 50px 0 30px 0;
+}
+
+button
+{
+  color: #000;
+}
+
+#video-roster {
+  margin:0;
+  padding:0;
+}
+
+.videobox
+{
+  height:180px;
+  text-align:center;
+  padding:20px;
+}
+
+.videobox:hover
+{
+  /*opacity:1;*/
+}
+
+.videobox .video-title
+{
+  color:#fff;
+  font-size:1.1em;
+  text-align:left;
+}
+
+.videobox .video-description, .videobox .tags
+{
+  display:none;
+}
+
+#videotext
+{
+<<<<<<< HEAD
+  width:600px;
+  background-color:#000;
+  opacity:.8;
+=======
+  width:40%;
+  background-color:#fff;
+  opacity:.9;
+>>>>>>> b560599a4d993ebef5fbda41e5aea5c820019007
+  position:fixed;
+  z-index:10000;
+  right:50px;
+  bottom:50px;
+  display:none;
+  padding:30px;
+  color:#000;
+}
+
+#videotext .video-title
+{
+<<<<<<< HEAD
+  color:#fff;
+=======
+>>>>>>> b560599a4d993ebef5fbda41e5aea5c820019007
+  font-size: 1.7em;
+  background-color:none;
+}
+
+#videotext .tags
+{
+  font-weight:lighter;
+}
+
+#videotext .video-description
+{
+  display:block;
+  font-size: 1em;
+}
+
+#videotext .playbutton{
+  display:none;
+}
+
+.playbutton
+{
+  display:block;
+  position:absolute;
+  top:70px;
+  left:90px;
+  z-index:1000000;
+  width:60px;
+  display:none;
+  pointer-events: none;
+}
+
+#videoplayer
+{
+  display:block;
+  position:fixed;
+  top:0;
+  left:0;
+  z-index:1000000;
+  width:100%;
+  height:100%;
+  display:none;
+  background:#000;
+}
+
+#player
+{
+  display:block;
+  width:80%;
+  height:80%;
+  margin:5% auto;
+  background:#000;
+}
+
+#close-button
+{
+  position:fixed;
+  z-index:10001;
+  display:block;
+  width:50px;
+  height:50px;
+  top:30px;
+  right:30px;
+  background-image:url("/images/close-button-large.png");
+  background-size:cover;
+}
+<<<<<<< HEAD
+=======
+
+.filter-button-group{
+  margin: 10px 0;
+}
+
+.filter-button-group button{
+  color: #000;
+  margin-bottom: 4px;
+}
+>>>>>>> b560599a4d993ebef5fbda41e5aea5c820019007