<style class="Mys2010-styles">
body {);color:red;height:100%;overflow:hidden;}
body {
background:#6B006B}
header {
-o-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 0px 0;
position: fixed;
top:-4px;
width: 100%;
text-align: center;
font-size: 6px;
background: linear-gradient(270deg, rgba(255, 0, 0, 0.60), #660099, rgba(255, 0, 0, 0.60), #660099,#660, #B20000, #660, #660099, rgba(255, 0, 0, 0.60), #660099, rgba(255, 0, 0, 0.60));
border-bottom: 3px solid #333;
-webkit-animation: shadow 6s ease-in-out infinite;
animation: shadow 6s ease-in-out infinite;
}
.ap {
position: fixed;
right: 0;
bottom:-19px;
left: 0;
height: 70px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
font-size: 11px;
background: linear-gradient(270deg,#660099, #660099, rgba(255, 0, 0, 0.60), #660099, rgba(255, 0, 0, 0.60), #660099, #660099);
border-top: 2px solid rgba(46, 56, 79, 0.85);
z-index: 9999;
}
h2 {
padding:15px;
background: -webkit-linear-gradient(transparent 10%, goldenrod 50%, transparent 90%);
background: linear-gradient(transparent 10%, #333 50%, transparent 90%);
-webkit-animation: shadow 1s ease-in-out infinite;
animation: shadow 1s ease-in-out infinite;
}
/*Text Bawah1*/
M-2010, #teks, #posisi, #dibawah, span {
position: relative;
display: inline-block;
}
#M-2010, #teks, #posisi, #dibawah {
position: absolute;
font-size: 11px;
margin: 2px
}
#M-2010, #teks div {
text-decoration: underline;
cursor: pointer
}
#teks, #posisi {
text-align: right;
right: 50px;
}
#teks, #dibawah {
text-align: left;
left: 50px;
}
#dibawah, #posisi {
bottom:28px;
-webkit-animation: shadow 6s ease-in-out infinite;
animation: shadow 6s ease-in-out infinite;
}
@keyframes shadow {
0% {
text-shadow: 0 0 2px #B0E0E6 ,
0 0 8px #B0E0E6 , 0 0 10px #B0E0E6 ,
0 0 20px #B0E0E6 , 0 0 30px #B0E0E6 ,
0 0 40px #B0E0E6, 0 0 50px #B0E0E6 ,
0 0 80px #B0E0E6;
}
50% {
text-shadow: 0 12px 7px rgba(255, 0, 0, 0.8),
0 5px 15px rgba(0, 0, 0, 0.90), 0 0 50px rgba(0, 0, 0, 0.90),
0 -10px 2px rgba(255, 0, 0, 0.8);
}
100% {
text-shadow: 0 0 2px #800080 ,
0 0 8px #800080 , 0 0 10px #800080 ,
0 0 20px #800080 , 0 0 30px #800080 ,
0 0 40px #800080 , 0 0 50px #800080 ,
0 0 80px #800080 ;
}
}
/*end*/
.shadow-top:after {
content: " ";
box-shadow: 0 0 200px 200px #009999;
}
.shadow-top:before {
content: " ";
box-shadow: 0 0 200px 20px rgba(255, 0, 0, 0.90);
}
#M2010-shadow {
margin:-110px;
box-shadow: 0 0 150px 25px #Ff0;
}
.shadow1:before,.shadow1:after {
z-index:-1;
position:absolute;
content: " ";
bottom:25px;
left:10px;
width:50%;
max-width:110px;
box-shadow: 0 0 200px 90px rgba(255, 0, 0, 0.90);
-webkit-transform:rotate(-8deg);
-moz-transform:rotate(-8deg);
-o-transform:rotate(-8deg);
-ms-transform:rotate(-8deg);
transform:rotate(-8deg);
}
.shadow1:after {
-webkit-transform:rotate(8deg);
-moz-transform:rotate(8deg);
-o-transform:rotate(8deg);
-ms-transform:rotate(8deg);
transform:rotate(8deg);
right:10px;
left:auto;
}
/*bground*/
body::before {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000000;
-webkit-animation: overlay infinite 12s;
animation: overlay infinite 12s;
content: '';
}
@-webkit-keyframes transform {
0%, 16% {
opacity: 0;
-webkit-transform: translateY(-50%) rotateX(-90deg);
transform: translateY(-50%) rotateX(-90deg);
}
18% {
opacity: 1;
}
40% {
opacity: 1;
-webkit-transform: translateY(-50%) rotateX(0deg);
transform: translateY(-50%) rotateX(0deg);
}
}
@keyframes transform {
0%, 16% {
opacity: 0;
-webkit-transform: translateY(-50%) rotateX(-90deg);
transform: translateY(-50%) rotateX(-90deg);
}
18% {
opacity: 1;
}
40% {
opacity: 1;
-webkit-transform: translateY(-50%) rotateX(0deg);
transform: translateY(-50%) rotateX(0deg);
}
}
@-webkit-keyframes overlay {
0% {
opacity: .5;
}
18%, 81% {
opacity: 0;
}
92%, 100% {
opacity: .5;
}
}
@keyframes overlay {
0% {
opacity: .5;
}
18%, 81% {
opacity: 0;
}
92%, 100% {
opacity: .5;
}
}
@-webkit-keyframes opacity {
0%, 4% {
opacity: 0;
}
18%, 81% {
opacity: 1;
}
92%, 100% {
opacity: 0;
}
}
@keyframes opacity {
0%, 4% {
opacity: 0;
}
18%, 81% {
opacity: 1;
}
92%, 100% {
opacity: 0;
}
}
