Delete 'asc.css'
parent
4f67d24a63
commit
f0dfe150f5
@ -1,320 +0,0 @@
|
||||
@media only screen and (max-width: 4000px) {
|
||||
audio{
|
||||
padding-top: 610px;
|
||||
width: 40%;
|
||||
padding-left:30%;
|
||||
padding-right:30%;
|
||||
text-align: center;
|
||||
margin:auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1000px) {
|
||||
audio{
|
||||
padding-top: 950px;
|
||||
width: 100%;
|
||||
padding-left:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body{
|
||||
background-color:black;
|
||||
color:black;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
pre{
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
|
||||
.title{
|
||||
width:100%;
|
||||
text-overflow:hidden;
|
||||
color:MediumSlateBlue;
|
||||
font-weight:bold;
|
||||
text-align: center;
|
||||
text-shadow: 0 0 3px green, 0 0 5px green;
|
||||
padding-top: 65px;
|
||||
margin:auto;
|
||||
z-index:3;
|
||||
position:absolute;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.title2{
|
||||
width:100%;
|
||||
color:slateblue;
|
||||
text-align: center;
|
||||
padding-top: 50px;
|
||||
z-index:3;
|
||||
position:absolute;
|
||||
font-size:16px;
|
||||
}
|
||||
.intro{
|
||||
width:50%;
|
||||
padding-left:25%;
|
||||
padding-right:25%;
|
||||
text-overflow:hidden;
|
||||
color:slateblue;
|
||||
text-align: center;
|
||||
padding-top: 450px;
|
||||
margin:auto;
|
||||
font-weight:bold;
|
||||
z-index:3;
|
||||
position:absolute;
|
||||
font-size:16px;
|
||||
}
|
||||
audio{
|
||||
text-align: center;
|
||||
margin:auto;
|
||||
z-index:3;
|
||||
position:absolute;
|
||||
}
|
||||
@keyframes bcolor {
|
||||
0% {
|
||||
color: black;
|
||||
}
|
||||
|
||||
50% {
|
||||
color: slateblue;
|
||||
}
|
||||
|
||||
100% {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.ascii{
|
||||
-webkit-animation: bcolor 20s infinite;
|
||||
animation: bcolor 10s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
position:fixed;
|
||||
font-size: 9px;
|
||||
margin-left: 50px;
|
||||
margin-top:300px;
|
||||
}
|
||||
|
||||
.ascii2{
|
||||
-webkit-animation: bcolor 22s infinite;
|
||||
animation: bcolor 13s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
position:fixed;
|
||||
margin-left: 800px;
|
||||
margin-top:1300px;
|
||||
}
|
||||
|
||||
.ascii2a{
|
||||
-webkit-animation: bcolor 20s infinite;
|
||||
animation: bcolor 15s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 9px;
|
||||
position:fixed;
|
||||
margin-left: 1400px;
|
||||
margin-top:150px;
|
||||
}
|
||||
|
||||
.ascii2b{
|
||||
-webkit-animation: bcolor 20s infinite;
|
||||
animation: bcolor 15s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
position:fixed;
|
||||
margin-left: 600px;
|
||||
margin-top:1000px;
|
||||
}
|
||||
|
||||
.ascii3{
|
||||
-webkit-animation: bcolor 25s infinite;
|
||||
animation: bcolor 17s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
position:fixed;
|
||||
margin-left: 1000px;
|
||||
margin-top:650px;
|
||||
}
|
||||
|
||||
.ascii4{
|
||||
-webkit-animation: bcolor 19s infinite;
|
||||
animation: bcolor 11s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
position:fixed;
|
||||
font-size:10px;
|
||||
margin-left: 1050px;
|
||||
margin-top:450px;
|
||||
}
|
||||
|
||||
.ascii4a{
|
||||
-webkit-animation: bcolor 28s infinite;
|
||||
animation: bcolor 22s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
position:fixed;
|
||||
margin-left: 1250px;
|
||||
margin-top:650px;
|
||||
}
|
||||
|
||||
.ascii5{
|
||||
-webkit-animation: bcolor 30s infinite;
|
||||
animation: bcolor 28s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
position:fixed;
|
||||
font-size:10px;
|
||||
margin-left: 700px;
|
||||
margin-top:650px;
|
||||
}
|
||||
|
||||
.ascii6{
|
||||
-webkit-animation: bcolor 22s infinite;
|
||||
animation: bcolor 13s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 7px;
|
||||
position:fixed;
|
||||
margin-left: 600px;
|
||||
margin-top:100px;
|
||||
}
|
||||
|
||||
.ascii6a{
|
||||
-webkit-animation: bcolor 22s infinite;
|
||||
animation: bcolor 13s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 100px;
|
||||
margin-top:750px;
|
||||
}
|
||||
|
||||
.ascii7{
|
||||
-webkit-animation: bcolor 27s infinite;
|
||||
animation: bcolor 22s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 300px;
|
||||
margin-top:700px;
|
||||
}
|
||||
|
||||
.ascii8{
|
||||
-webkit-animation: bcolor 300s infinite;
|
||||
animation: bcolor 300s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 700px;
|
||||
margin-top:500px;
|
||||
}
|
||||
|
||||
.ascii9{
|
||||
-webkit-animation: bcolor 15s infinite;
|
||||
animation: bcolor 15s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 100px;
|
||||
margin-top:200px;
|
||||
}
|
||||
|
||||
.ascii10{
|
||||
-webkit-animation: bcolor 21s infinite;
|
||||
animation: bcolor 21s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 1000px;
|
||||
margin-top:200px;
|
||||
}
|
||||
|
||||
.ascii11{
|
||||
-webkit-animation: 30s infinite;
|
||||
animation: bcolor 30s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 900px;
|
||||
margin-top:900px;
|
||||
}
|
||||
|
||||
.ascii12{
|
||||
-webkit-animation: bcolor 35s infinite;
|
||||
animation: bcolor 35s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 40px;
|
||||
margin-top:40px;
|
||||
}
|
||||
|
||||
.ascii13{
|
||||
-webkit-animation: bcolor 27s infinite;
|
||||
animation: bcolor 27s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 1400px;
|
||||
margin-top:1000px;
|
||||
}
|
||||
.ascii14{
|
||||
-webkit-animation: bcolor 35s infinite;
|
||||
animation: bcolor 35s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 700px;
|
||||
margin-top:950px;
|
||||
}
|
||||
.ascii15{
|
||||
-webkit-animation: bcolor 35s infinite;
|
||||
animation: bcolor 35s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 4px;
|
||||
position:fixed;
|
||||
margin-left: 1600px;
|
||||
margin-top:50px;
|
||||
}
|
||||
.ascii16{
|
||||
-webkit-animation: bcolor 22s infinite;
|
||||
animation: bcolor 22s infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
position:fixed;
|
||||
margin-left: 1650px;
|
||||
margin-top:800px;
|
||||
}
|
||||
Loading…
Reference in New Issue