Notes
Notes - notes.io |
initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8">
<br><center><img src="https://i.hizliresim.com/iSN8fe.png" width="" height="80"></center>
<hr color="red"><br>
<div id="episodes">
<section id="season1"><p style="text-align: center;"><font color="yellow" size="4px">》Not: Bu Bolum Yalnizca wuffy Player'la Calisir</p>
<a href="market://details?id=co.wuffy.player" target="_bank"><font color="red" size="4px">》WUFFY PLAYER INDIR </font></a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDEvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS 1 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDIvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS 2 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDMvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS 3 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDQvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS 4 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby84MDUvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS MAX 1 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby84MDYvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS MAX 2 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8xL3N0cm1yZHIubTN1OHxVc2VyLUFnZW50PU1vemlsbGEvNS4wJTIwKFdpbmRvd3MlMjBOVCUyMDYuMTslMjBXaW42NDslMjB4NjQpJTIwQXBwbGVXZWJLaXQvNTM3LjM2JTIwKEtIVE1MLCUyMGxpa2UlMjBHZWNrbyklMjBDaHJvbWUvNjQuMC4zMjgyLjExOSUyMFNhZmFyaS81MzcuMzYgcmVmZXJlcj1odHRwczovL2l6bGVtYWM0MS5uZXQv#Intent;scheme=xmtv;package=co.wuffy.player;end">BEIN SPORTS HABER HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8xMDIvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">SMART SPOR HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8xMDQvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">SMART SPOR 2 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8zNDUwL3N0cm1yZHIubTN1OHxVc2VyLUFnZW50PU1vemlsbGEvNS4wJTIwKFdpbmRvd3MlMjBOVCUyMDYuMTslMjBXaW42NDslMjB4NjQpJTIwQXBwbGVXZWJLaXQvNTM3LjM2JTIwKEtIVE1MLCUyMGxpa2UlMjBHZWNrbyklMjBDaHJvbWUvNjQuMC4zMjgyLjExOSUyMFNhZmFyaS81MzcuMzYgcmVmZXJlcj1odHRwczovL2l6bGVtYWM0MS5uZXQv#Intent;scheme=xmtv;package=co.wuffy.player;end">S SPORT 1 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8zNDUxL3N0cm1yZHIubTN1OHxVc2VyLUFnZW50PU1vemlsbGEvNS4wJTIwKFdpbmRvd3MlMjBOVCUyMDYuMTslMjBXaW42NDslMjB4NjQpJTIwQXBwbGVXZWJLaXQvNTM3LjM2JTIwKEtIVE1MLCUyMGxpa2UlMjBHZWNrbyklMjBDaHJvbWUvNjQuMC4zMjgyLjExOSUyMFNhZmFyaS81MzcuMzYgcmVmZXJlcj1odHRwczovL2l6bGVtYWM0MS5uZXQv#Intent;scheme=xmtv;package=co.wuffy.player;end">S SPORT 2 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8xMzIvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">EUROSPORT 1 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8xNDIvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">EUROSPORT 2 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDUvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">TİVİBUSPOR 1 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDYvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">TİVİBUSPOR 2 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby82MDcvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">TİVİBUSPOR 3 HD</a>
<a target="" class="btn" href="intent://aHR0cHM6Ly94LmJ1dWxrZWRlaGFyZGthcGl0YWxpem12YXIudGsva2F5bmFrc3RyZWFtcmFkYXJjby8xMTIvc3RybXJkci5tM3U4fFVzZXItQWdlbnQ9TW96aWxsYS81LjAlMjAoV2luZG93cyUyME5UJTIwNi4xOyUyMFdpbjY0OyUyMHg2NCklMjBBcHBsZVdlYktpdC81MzcuMzYlMjAoS0hUTUwsJTIwbGlrZSUyMEdlY2tvKSUyMENocm9tZS82NC4wLjMyODIuMTE5JTIwU2FmYXJpLzUzNy4zNiByZWZlcmVyPWh0dHBzOi8vaXpsZW1hYzQxLm5ldC8=#Intent;scheme=xmtv;package=co.wuffy.player;end">NBA TV HD</a>
<div class="pretty p-image p-plain"> <div class="state">
</div> </div> </div> </section>
</body></html>
<head><body> <style> @import url(https://fonts.googleapis.com/css?family=Dosis:300,
400,
500,
600,
700,
800); html {
overflow-x: hidden; user-select: none;
} body {
font-weight: 500; font-family: 'Dosis',
Helvetica,
Arial,
sans-serif; background: #000000; color: #000000;
} #genresMovie {
position: absolute; width: 100%; left: 50%; transform: translateX(-50%) translateY(-140%); text-align: center; z-index: 9;
} #genresMovie > span {
border: 1px solid #f5164d ; padding: 4px 6px; font-size: 17px;
} #shortinfoMovie {
width: 100%; height: 370px; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden;
} #shortinfoMovie > #shadowCover {
position: absolute; width: 100%; height: 102%; transform: rotate(180deg); box-shadow: inset 10px 55px 30px 0px #121212; top: 0; left: 0;
} #shortinfoMovie > #buttonPlay {
position: absolute; top: 50%; left: 50%; transform: translate(-50%,
-50%); background: black; padding: 20px; border-radius: 50%;
} #shortinfoMovie > #buttonPlay:hover {
position: absolute; top: 50%; left: 50%; transform: translate(-50%,
-50%); background: radial-gradient(circle,
rgba(35,
140,
126,
1) 16%,
rgba(38,
41,
44,
1) 100%); padding: 21px; border-radius: 50%;
} #shortinfoMovie > #buttonBack {
position: absolute; top: 10%; left: 10%; transform: translate(-50%,
-50%); padding: 12px; font-size: 20px; border-radius: 50%; z-index: 9;
} #shortinfoMovie > #movieName {
position: absolute; width: 100%; left: 50%; bottom: 8px; transform: translateX(-50%) translateY(-50%); z-index: 9; text-align: center; font-size: 3vh;
} #shortinfoMovie > #movieName > span {
color: #fff; text-shadow: 0 0 0.5em #707070,
0 0 0.5em #707070,
0 0 0.5em #707070;
} #episodes {
width: 100%;
} #episodes section .episode {
overflow: hidden; height: 0; padding: 0; margin: 0; text-align: center; background: ; transition: 200ms;
} #episodes section a {
text-decoration: none; display: block; text-align: center; font-size: 20px; padding: 10px; background: radial-gradient(ellipse at bottom,
#1b2735 0%,
#090a0f 100%); color: white; margin:2px;
} #episodes section a:hover {
text-decoration: none; display: block; text-align: center; padding: 10px; background: radial-gradient(ellipse at bottom,
#1b2735 0%,
#090a0f 100%); border-left: 3px solid red; border-right: 3px solid #fff; opacity: 1; color: black; font-size: 20px;
} #episodes section .episode > span {
font-size: 4vh;
} #episodes section .episode > .watchepisode {
margin: 25px auto 18px auto; font-size: 12px; text-align: center;
} #episodes section .episode > .watchepisode span {
padding: 10px; cursor: pointer;
} #episodes section .episode > .downloadepisode {
margin-bottom: 15px; text-align: center;
} #episodes section .episode > .downloadepisode span {
padding: 6px; cursor: pointer; font-size: 10px;
} #desc {
width: 90%; margin: auto auto 100px auto;
} #desc > .title {
font-size: 3vh; margin-bottom: 8px;
} #desc > .title > span {
border-bottom: 2px solid black;
} #datasaboutMovie {
width: 90%; margin: 45px auto; display: flex;
} #datasaboutMovie > .data {
width: 50%; text-align: center;
} #datasaboutMovie > .datamovies {
margin: 0 6px 13px 6px;
} #datasaboutMovie > .datseries {
margin: 0 6px 0px 6px;
} #datasaboutMovie > .data:nth-child(1) > span:first-child {
font-size: 4vh;
} #datasaboutMovie > .data:nth-child(2) > span:first-child {
font-size: 4vh;
} #datasaboutMovie > .data:nth-child(3) > span:first-child {
font-size: 4vh;
} #datasaboutMovie > .data:nth-child(1) > span:first-child {
color: red;
} #datasaboutMovie > .data:nth-child(2) > span:first-child {
color: dodgerblue;
} #datasaboutMovie > .data:nth-child(3) > span:first-child {
color: mediumseagreen;
} .card .img-row > .img > .movienameoncover {
width: 80%; font-size: 2.8vw; text-align: center; color: white; position: absolute; top: 80%; left: 48%; transform: translateX(-50%) translateY(-50%); padding: 8px 2px; border-radius: 4px; opacity: 0.8; background: black;
} #shortinfoMovie > #movieName {
position: absolute; width: 100%; left: 50%; bottom: 8px; transform: translateX(-50%) translateY(-50%); z-index: 9; text-align: center; font-size: 5vh;
} #shortinfoMovie > #movieName > span {
color: #fff; text-shadow: 0 0 0.5em dodgerblue,
0 0 0.5em #707070,
0 0 0.5em #f5164d;
} /* Detail */ #shortinfoMovie {
width: 100%; height: 220px; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden;
} #shortinfoMovie > #shadowCover {
position: absolute; width: 100%; height: 102%; transform: rotate(180deg); box-shadow: inset 15px 55px 30px 0px #121212; top: 0; left: 0;
} .footer {
width: 100%; height: 390px; overflow-y: scroll;
} .btn {
display: inline-block; text-decoration: none; background: #BD292C; border-radius: 3px; color: #FFF; overflow: hidden; padding: 1em 3em; box-shadow: 0 8px 32px rgba(0,
0,
0,
.2); text-transform: capitalize; letter-spacing: 2px; font-size: 14px; transition: all .2s ease; position: relative;
} /*shine effect*/ .btn:after {
content: ''; position: absolute; top: 0; left: -200%; width: 200%; height: 100%; transform: skewX(-20deg); background-image: linear-gradient(to right,
transparent,
rgba(255,
255,
255,
.3),
transparent);
} .btn:hover:after {
animation: shine 1.6s ease;
} .btn:active {
transform: translate(1px); box-shadow: 0 4px 16px rgba(#000,
.2);
} @keyframes shine {
100% {
left: 200%;
}
} </style> <style> @import url(https://fonts.googleapis.com/css?family=Dosis:300,
400,
500,
600,
700,
800); * {
margin: 0; padding: 0; text-decoration: none; outline: none; list-style: none;
} html {
overflow-x: hidden; user-select: none;
} body {
font-weight: 500; font-family: 'Dosis',
Helvetica,
Arial,
sans-serif; background: #000000; color: #000000;
} /* Head */ #head {
width: 100%; height: 75px; padding: 8px;
} #head > #logo {
width: 100%; height: 70%; position: relative; font-weight: 900; font-size: 22px; margin: 0 auto;
} #head > #logo > span {
position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
} #head > #switch {
width: 100%; height: 30%; text-align: center;
} #head > #switch > li {
display: inline-block;
} #head > #switch > li > .switchlink {
padding: 4px 22px; text-decoration: none; color: #cacaca; cursor: pointer;
} #head > #switch > li:first-child > .switchlink {
border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #fff;
} #head > #switch > li:last-child > .switchlink {
border-top-right-radius: 25px; border-bottom-right-radius: 25px;
} /* Main page */ #main {
width: 100%; height: auto; margin-bottom: 50px;
} #content {
width: 90%; height: 100%; padding: 2px; margin: 30px auto;
} .card {
width: 100%;
} .card > .title {
font-size: 4vw; font-weight: bolder; text-shadow: 0 2px 4px rgba(255,
255,
255,
0.3); padding: 6px 0; padding-left: 3.5px;
} .card .img-row {
width: 100%; display: flex; flex-wrap: wrap; padding-left: 3.5px; margin-bottom: 12px;
} .card .img-row > .img {
margin: 0; color: #fff; align-items: center; position: relative; width: 33%; border-radius: 6px;
} .card .img-row > .img > img {
width: 95%; height: 100%; border-radius: 6px; box-shadow: inset 0 0 5em 1em #000; box-shadow: 0 2px 8px rgba(255,
255,
255,
0.096);
} .card .img-row > .img > .shortinfo {
position: absolute; z-index: 4; left: 6%; top: 5%;
} .card .img-row > .img > .shortinfo > .rate {
font-size: 3.2vw;
} .card .img-row > .img > .shortinfo > .rate > i {
color: red;
} .card .img-row > .img > .shortinfo > .whatisthat {
font-size: 3.2vw;
} .card .img-row > .img > .shortinfo > .whatisthat > i {
color: orange;
} .card .img-row > .img > .movienameoncover {
width: 80%; font-size: 2.8vw; text-align: center; color: white; position: absolute; top: 80%; left: 48%; transform: translateX(-50%) translateY(-50%); padding: 8px 2px; border-radius: 4px; opacity: 0.8; background: black;
} .card .img-row > .img > .shadow {
position: absolute; width: 95%; height: 100%; box-shadow: inset 3px 70px 50px 2px #000000; top: 0; left: 0; border-radius: 6px;
} .card .bottom-hr {
width: 75%; margin: 10px auto; background-color: #000000; background-image: linear-gradient(90deg,
#1f1f1f 0%,
#2e2e2e 50%,
#1f1f1f 100%); height: 2px; border: none;
} /* Footer */ #footer {
width: 100%; height: 50px; background: #161616; display: inline-flex; flex-wrap: wrap; position: fixed; bottom: 0; z-index: 999; border-top: 1px solid #2c2c2cb2;
} #footer > .icons {
width: 19%; height: 100%; margin: 0 auto; position: relative;
} #footer > .icons > .icon {
font-weight: bold; font-size: 3vh; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
} /* Detail */ #shortinfoMovie {
width: 100%; height: 370px; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden;
} #shortinfoMovie > #shadowCover {
position: absolute; width: 100%; height: 102%; transform: rotate(180deg); box-shadow: inset 10px 55px 30px 0px #1f1f1f; top: 0; left: 0;
} #shortinfoMovie > #buttonPlay {
position: absolute; top: 50%; left: 50%; transform: translate(-50%,
-50%); background: #1f1f1f; padding: 24px; border-radius: 50%; opacity: .80; z-index: 9;
} #shortinfoMovie > #buttonBack {
position: absolute; top: 10%; left: 10%; transform: translate(-50%,
-50%); padding: 12px; font-size: 20px; border-radius: 50%; z-index: 9;
} #shortinfoMovie > #movieName {
position: absolute; width: 100%; left: 50%; bottom: 8px; transform: translateX(-50%) translateY(-50%); z-index: 9; text-align: center; font-size: 3vh;
} #shortinfoMovie > #movieName > span {
color: #fff; text-shadow: 0 0 0.5em #707070,
0 0 0.5em #707070,
0 0 0.5em #707070;
} #genresMovie {
position: absolute; width: 100%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; z-index: 9;
} #genresMovie > span {
border: 1px solid #383838; padding: 4px 6px; font-size: 12px;
} #datasaboutMovie {
width: 90%; margin: 45px auto; display: flex;
} #datasaboutMovie > .data {
width: 50%; text-align: center;
} #datasaboutMovie > .datamovies {
margin: 0 6px 15px 6px;
} #datasaboutMovie > .datseries {
margin: 0 6px 0px 6px;
} #datasaboutMovie > .data:nth-child(1) > span:first-child {
font-size: 3vh;
} #datasaboutMovie > .data:nth-child(2) > span:first-child {
font-size: 3vh;
} #datasaboutMovie > .data:nth-child(3) > span:first-child {
font-size: 3vh;
} #datasaboutMovie > .data:nth-child(1) > span:first-child {
color: red;
} #datasaboutMovie > .data:nth-child(2) > span:first-child {
color: orange;
} #datasaboutMovie > .data:nth-child(3) > span:first-child {
color: mediumseagreen;
} #desc {
width: 90%; margin: auto auto 100px auto;
} #desc > .title {
font-size: 3vh; margin-bottom: 8px;
} #desc > .title > span {
border-bottom: 2px solid black;
} #episodes {
width: 100%;
} #episodes section .episode {
overflow: hidden; height: 0; padding: 0; margin: 0; text-align: center; background: #000000; transition: 200ms;
} #episodes section a {
text-decoration: none; display: block; text-align: center; font-size: 20px; padding: 10px; background: radial-gradient(ellipse at bottom,
#1b2735 0%,
#090a0f 100%); color: white; margin:2px;
} #episodes section a:hover {
text-decoration: none; display: block; text-align: center; padding: 10px; background: radial-gradient(ellipse at bottom,
#1b2735 0%,
#090a0f 100%); border-left: 3px solid white; border-right: 3px solid white; opacity: 1; color: white; font-size: 20px;
} #episodes section:target .episode {
height: auto !important; padding: 10px;
} #episodes section .episode > span {
font-size: 4vh;
} #episodes section .episode > .watchepisode {
margin: 25px auto 18px auto; font-size: 12px; text-align: center;
} #episodes section .episode > .watchepisode span {
padding: 10px; cursor: pointer;
} #episodes section .episode > .downloadepisode {
margin-bottom: 15px; text-align: center;
} #episodes section .episode > .downloadepisode span {
padding: 6px; cursor: pointer; font-size: 10px;
} #searchbox {
width: 100%; margin: 0 0 25px 0;
} #searchbox > span {
font-size: 4vh; font-weight: bold;
} #searchbox input {
width: 100%; height: 45px; font-size: 24px; border: none; border-bottom: 2px solid #2e2e2e; background: #1f1f1f; color: #f7f7f7; font-weight: 300; margin: 0 auto; transition: .25s;
} #searchbox input:focus {
border-bottom: 2px solid #646464;
} #results {
margin-top: 25px;
} /* Categories */ #categories {
width: 100%;
} #categories > span {
font-weight: bold; font-size: 22px;
} .categorieRow {
width: 100%; margin: 5px 0 0 0; display: flex; flex-wrap: wrap;
} .categorieRow > .before-circle {
width: 49%; height: 150px; margin: 0 auto; position: relative;
} .before-circle .circle {
width: 80%; height: 85%; background: #2e2e2e; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50%; cursor: pointer; text-align: center; box-shadow: 0 6px 8px rgba(0,
0,
0,
.3);
} .circle > img {
width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
} .circle .shadow-circle {
position: absolute; width: 100%; height: 100%; box-shadow: inset 3px 25px 50px 2px #000000; top: 0; left: 0; border-radius: 50%;
} .circle span {
position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-weight: bold; font-size: 18px;
} #category-header {
width: 100%; height: 150px; border-bottom: 1px solid #646464; position: relative; text-align: center; margin-bottom: 6px;
} #category-header img {
width: 100%; height: 100%; object-fit: cover;
} #category-header span {
position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-weight: bold; font-size: 6vw; color: #f7f7f7; width: 70%;
} #category-header .cat-shadow-image {
position: absolute; width: 100%; height: 100%; box-shadow: inset 6px 55px 100px 6px #000000; top: 0; left: 0; transform: rotate(-180deg);
} #category-header #buttonBack {
position: absolute; top: 20%; left: 10%; transform: translate(-50%,
-50%); /* background: #1f1f1f; */ padding: 12px; font-size: 20px; border-radius: 50%; z-index: 9;
} #noresults {
width: 85%; text-align: center; margin: 15px auto;
} #noresults img {
width: 55%;
} #noresults .text {
font-size: 18px;
} #noresults .request {
color: #2b935e;
} #completed {
width: 85%; text-align: center; margin: 100px auto;
} #completed img {
width: 55%;
} #completed .text {
font-size: 18px; color: #adadad;
} /* Pagination */ .pagination {
width: 120%; margin: 0 auto; padding: 20px;
} .page {
display: inline-block; padding: 0px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,
255,
255,
.8),
0px 1px 3px rgba(0,
0,
0,
.1); font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,
255,
255,
1);
} .page:hover,
.page.gradient:hover {
background: #fefefe; background: -webkit-gradient(linear,
0% 0%,
0% 100%,
from(#FEFEFE),
to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg,
#FEFEFE,
#f0f0f0);
} .page.active {
border: none; background: #616161; box-shadow: inset 0px 0px 8px rgba(0,
0,
0,
.5),
0px 1px 0px rgba(255,
255,
255,
.8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,
0,
0,
.5);
} .page.gradient {
background: -webkit-gradient(linear,
0% 0%,
0% 100%,
from(#f8f8f8),
to(#e9e9e9)); background: -moz-linear-gradient(0% 0% 270deg,
#f8f8f8,
#e9e9e9);
} .page.dark {
border: solid 1px #32373b; background: #3e4347; box-shadow: inset 0px 1px 1px rgba(255,
255,
255,
.1),
0px 1px 3px rgba(0,
0,
0,
.1); color: #feffff; text-shadow: 0px 1px 0px rgba(0,
0,
0,
.5);
} .page.dark:hover,
.page.dark.gradient:hover {
background: #3d4f5d; background: -webkit-gradient(linear,
0% 0%,
0% 100%,
from(#547085),
to(#3d4f5d)); background: -moz-linear-gradient(0% 0% 270deg,
#547085,
#3d4f5d);
} .page.dark.active {
border: none; background: #2f3237; box-shadow: inset 0px 0px 8px rgba(0,
0,
0,
.5),
0px 1px 0px rgba(255,
255,
255,
.1);
} .page.dark.gradient {
background: -webkit-gradient(linear,
0% 0%,
0% 100%,
from(#565b5f),
to(#3e4347)); background: -moz-linear-gradient(0% 0% 270deg,
#565b5f,
#3e4347);
} .footer {
width: 100%; height: 390px; overflow-y: scroll;
} .btn {
display: inline-block; text-decoration: none; background: #BD292C; border-radius: 3px; color: #FFF; overflow: hidden; padding: 1em 3em; box-shadow: 0 8px 32px rgba(0,
0,
0,
.2); text-transform: capitalize; letter-spacing: 2px; font-size: 14px; transition: all .2s ease; position: relative;
} /*shine effect*/ .btn:after {
content: ''; position: absolute; top: 0; left: -200%; width: 200%; height: 100%; transform: skewX(-20deg); background-image: linear-gradient(to right,
transparent,
rgba(255,
255,
255,
.3),
transparent);
} .btn:hover:after {
animation: shine 1.6s ease;
} .btn:active {
transform: translate(1px); box-shadow: 0 4px 16px rgba(#000,
.2);
} @keyframes shine {
100% {
left: 200%;
}
} </style> <head> <body>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
