Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
- html, body {
- margin: 0;
- padding: 0;
- }
- #widget, #body, #alert-box, #wrap, #alert-text-wrap, #alert-text{
- position: relative;
- overflow: hidden;
- width: 1280px;
- height: 720px;
- top: 0;
- left: 0;
- opacity: 1;
- }
- #alert-box.hidden, .hidden {
- opacity: 1;
- }
- #line {
- width: 0;
- height: 0;
- position: absolute;
- top: 200px;
- left: 50%;
- margin-left: 0;
- display: block;
- -webkit-transform: rotate(-5deg);
- transform: rotate(-5deg);
- opacity: 0;
- -webkit-animation: lineIn 0.2s .6s forwards,
- lineGrow 0.4s 1s forwards,
- linehide 0.5s 6.7s forwards;
- animation: lineIn 0.2s .6s forwards,
- lineGrow 0.4s 1s forwards,
- linehide 0.5s 6.7s forwards;
- }
- @-webkit-keyframes lineIn {
- 0% {width: 0; height: 0px;}
- 100% {width: 2200px; margin-left: -1100px; opacity: 1; height: 3px;}
- }
- @keyframes lineIn {
- 0% {width: 0; height: 0px;}
- 100% {width: 2200px; margin-left: -1100px; opacity: 1; height: 3px;}
- }
- @-webkit-keyframes lineGrow {
- 0% {}
- 100% {height: 100px; top: 150px;}
- }
- @keyframes lineGrow {
- 0% {}
- 100% {height: 100px; top: 150px;}
- }
- @-webkit-keyframes linehide {
- 0% {height: 100px;top: 150px;}
- 100% {height: 0px; top: 200px;}
- }
- @keyframes linehide {
- 0% {height: 100px;top: 150px;}
- 100% {height: 0px; top: 200px;}
- }
- #mainText {
- text-align: center;
- font-size: 50px;
- width: 2200px;
- display: block;
- line-height: 100px;
- text-indent: -3000px;
- position: absolute;
- top: -20px;
- white-space: nowrap;
- opacity: 0;
- font-family: "BigNoodleTitling", sans-serif;
- font-style: italic;
- text-transform: uppercase;
- display: block !important;
- position: absolute !important;
- -webkit-animation: textIn 0.4s 1.4s forwards,
- textTravel 4.6s 1.8s linear forwards;
- animation: textIn 0.4s 1.4s forwards,
- textTravel 4.6s 1.8s linear forwards;
- }
- @-webkit-keyframes textIn {
- 0% {text-indent: -3000px;opacity: 1;}
- 100% {text-indent: -20px;opacity: 1;}
- }
- @keyframes textIn {
- 0% {text-indent: -3000px;opacity: 1;}
- 100% {text-indent: -20px;opacity: 1;}
- }
- @-webkit-keyframes textTravel {
- 0% {text-indent: -20px;}
- 90% {text-indent: 20px;}
- 95% {text-indent: 3000px;}
- 100% {text-indent: 3000px;}
- }
- @keyframes textTravel {
- 0% {text-indent: -20px;}
- 90% {text-indent: 20px;}
- 95% {text-indent: 3000px;}
- 100% {text-indent: 3000px;}
- }
- #subText {
- text-align: center;
- font-size: 20px;
- width: 2200px;
- display: block;
- line-height: 40px;
- text-indent: 3000px;
- position: absolute;
- bottom: 10px;
- white-space: nowrap;
- opacity: 0;
- font-family: "BigNoodleTitling", sans-serif;
- font-style: italic;
- text-transform: uppercase;
- display: block !important;
- position: absolute !important;
- -webkit-animation: tagIn 0.4s 1.4s forwards,
- tagTravel 4.6s 1.8s linear forwards;
- animation: tagIn 0.4s 1.4s forwards,
- tagTravel 4.6s 1.8s linear forwards;
- }
- @-webkit-keyframes tagIn {
- 0% {text-indent: 3000px;opacity: 1;}
- 100% {text-indent: 20px;opacity: 1;}
- }
- @keyframes tagIn {
- 0% {text-indent: 3000px;opacity: 1;}
- 100% {text-indent: 20px;opacity: 1;}
- }
- @-webkit-keyframes tagTravel {
- 0% {text-indent: 20px;}
- 90% {text-indent: -20px;}
- 95% {text-indent: -3000px;}
- 100% {text-indent: -3000px;}
- }
- @keyframes tagTravel {
- 0% {text-indent: 20px;}
- 90% {text-indent: -20px;}
- 95% {text-indent: -3000px;}
- 100% {text-indent: -3000px;}
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement