This repository has been archived on 2023-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
mlp-episodes/m/livestream.html

91 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>MLP:FiM Episodes - Mobile Livestream Page</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<link rel="icon" href="http://mlp-episodes.tk/images/favico.png" type="image/x-icon">
<link rel="shortcut icon" href="http://mlp-episodes.tk/images/favico.png" type="image/x-icon">
<style>
body{
font-family: Helvetica,Tahoma,Arial,sans-serif;
margin:initial;
}
.paralized{
overflow:hidden;
}
.mob-header{
height:40px;
width:100%;
background-color: #1a82f7;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#0099FF));
background: -webkit-linear-gradient(top, #0099FF, #1a82f7);
background: -moz-linear-gradient(top, #0099FF, #1a82f7);
background: -ms-linear-gradient(top, #0099FF, #1a82f7);
background: -o-linear-gradient(top, #0099FF, #1a82f7);
text-align: center;
}
.mob-header img{
height:39px;
}
.mob-header .title{
font-weight: bold;
color: #FFF;
line-height: 40px;
font-size: 20px;
}
.mob-body{
background-color:#F2F2F2;
width:100%;
min-height:700px;
}
.episode-header{
padding:initial;
margin:initial;
font-size:26px;
background-color:#DADADA;
border:1px solid #D0D0D0;
}
.episode{
cursor:pointer;
padding:4px;
display:inline-block;
width:98%;
-webkit-transition: color linear 0.1s,background-color linear 0.1s;
-moz-transition: color linear 0.1s,background-color linear 0.1s;
-ms-transition: color linear 0.1s,background-color linear 0.1s;
-o-transition: color linear 0.1s,background-color linear 0.1s;
transition: color linear 0.1s,background-color linear 0.1s;
font-size: 20px;
}
.episode:hover, .episode:active{
background-color:#0099FF;
color:#FFF;
}
.mob-player-overlay{
position:fixed;
width:100%;
height:100%;
}
.mob-player-overlay iframe{
width:100%;
height:90%;
border:initial;
}
.player-topbar{
height:10%;
width:100%;
text-align:center;
background-color:black;
color:white;
cursor:pointer;
font-size: 20px;
}
</style>
</head>
<body>
<div class="mob-player-overlay"><div class="player-topbar" onclick="window.location.replace('http://m.mlp-episodes.tk');">Tap to go to home page</div><iframe width="720" height="437" src="http://www.ustream.tv/embed/16407308?wmode=direct&autoplay=true" scrolling="no" frameborder="0" style="border: 0px none transparent; z-index: 1;"></iframe></div>
</body>
</html>