Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 698fff02 authored by smain@google.com's avatar smain@google.com
Browse files

add style and script to play videos in a shadowbox 

anytime that a link appears in the page with class "video-shadowbox-button"
the link must also have the youtube video set in the href with the ?v parameter

Change-Id: I4af84f003075b8d2c43acd3295ce3955b141cc97
parent b87e3000

tools/droiddoc/templates-sdk/assets/css/default.css

+50 −13
Original line number Diff line number Diff line
@@ -6955,30 +6955,67 @@ a.landing-button:visited { 
}



#video-frame {

  width:940px;

  height:526.4px;

  margin:80px auto 0;

  width:948px;

  height:529px;

  margin:32px auto 0;

  display:none;

}



.video-close {

  cursor: pointer;

  position: relative;

left: 940px;

top: 0;

  left: 948px;

  top: -8px;

  pointer-events: all;

}



#icon-video-close {

background-image: url("../images/close.png");

  background-image: url("../images/close-white.png");

  background-image: -webkit-image-set(url(../images/close-white.png) 1x, url(../images/close-white_2x.png) 2x);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: 36px 36px;

  height: 36px;

  width: 36px;

  display:block;

}



#icon-video-close:hover {

  background-image: url("../images/close-grey.png");

  background-image: -webkit-image-set(url(../images/close-grey.png) 1x, url(../images/close-grey_2x.png) 2x);

}



/* Preload the hover images */

a.video-shadowbox-button.white:after {

  display:none;

  content:url("../images/close-grey.png") url("../images/close-grey_2x.png");

}



a.video-shadowbox-button.white {

  background-image: url("../images/play-circle-white.png");

  background-image: -webkit-image-set(url(../images/play-circle-white.png) 1x, url(../images/play-circle-white_2x.png) 2x);

  background-size: 36px 36px;

  background-repeat: no-repeat;

  background-position: right;

  padding: 16px 42px 16px 8px;

  font-size: 18px;

  font-weight: 500;

  line-height: 24px;

  color: #fff;

  text-decoration:none;

}



a.video-shadowbox-button.white:hover {

  color:#bababa !important;

  background-image: url("../images/play-circle-grey.png");

  background-image: -webkit-image-set(url(../images/play-circle-grey.png) 1x, url(../images/play-circle-grey_2x.png) 2x);

}



/* Preload the hover images */

a.video-shadowbox-button.white:after {

  display:none;

  content:url("../images/play-circle-grey.png") url("../images/play-circle-grey_2x.png");

}



/******************

Styles for d.a.c/index:

tools/droiddoc/templates-sdk/assets/images/close-grey.png

0 → 100644
+379 B
Loading image diff...

tools/droiddoc/templates-sdk/assets/images/close-grey_2x.png

0 → 100644
+830 B
Loading image diff...

tools/droiddoc/templates-sdk/assets/images/close-white.png

0 → 100644
+292 B
Loading image diff...

tools/droiddoc/templates-sdk/assets/images/close-white_2x.png

0 → 100644
+586 B
Loading image diff...