Issue 5727 - Implement non-embedded homepage video on abp.org

static/css/index-mobile.css

 #content
 {
   text-align: center;
   margin-left: 0;
   margin-right: 0;
 }
 
 #abb-banner
 {
   padding: 20px;
 }
 
 #abb-banner h2
 {
   font-size: 24px;
 }
 
 #abb-banner a
 {
   font-size: 20px;
 }
 
-#video, #maxthon-instruction, #edge-teaser
+#maxthon-instruction, #edge-teaser
 {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
   margin: 20px 0;
+  max-width: 515px;
+}
+
+#video-disclaimer
+{
+  margin: 10px;
+}
+
+.no-js #video-disclaimer,
+.show-disclaimer #video-disclaimer

[ire, 2017/10/12 19:48:25]

The disclaimer text was too long to be displayed on top of the thumbnail without
also obscuring the play icon, so I decided to move it to just below the
thumbnail on mobile

[juliandoucette, 2017/10/13 12:20:10]

Acknowledged.

+{
+  position: relative;
+}
+
+#video-play
+{
+  width: 80px;
+  margin-top: -40px;
+  margin-left: -40px;
+}
+
+#maxthon-instruction, #edge-teaser
+{
   width: auto;
-  max-width: 515px;
 }
 
 #summary h1
 {
   font-size: 54px;
 }
 
 #summary h2
 {
   font-size: 20px;
@@ skipping 80 matching lines @@
 #sidebar
 {
   padding-top: 20px;
 }
 
 .more-tab
 {
   text-align: left;
   margin: 10px 10px 0px 10px;
 }