91 lines
2.8 KiB
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>
|