Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .widget-AlertBox {
- position: relative;
- }
- body,
- html {
- height: 100%;
- width: 100%;
- overflow: hidden;
- text-transform: uppercase;
- font-family: 'Roboto', sans-serif;
- }
- #wrap {
- position: relative;
- height: 100%;
- width: 100%;
- }
- #alert-box {
- height: 100%;
- width: 100%;
- position: absolute;
- }
- #alert-box.hidden,
- .hidden {
- opacity: 0;
- -webkit-animation-name: hidden;
- -webkit-animation-duration: 10s;
- animation-name: hidden;
- animation-duration: 10s;
- animation-iteration-count: 1;
- animation-fill-mode: forwards;
- }
- @-webkit-keyframes hidden {
- 0% {opacity: 0;}
- 10% {opacity: 0;}
- 20% {opacity: 1;}
- 80% {opacity: 1;}
- 90% {opacity: 0;}
- 100% {opacity: 0;}
- }
- @keyframes hidden {
- 0% {opacity; 0;}
- 10% {opacity: 0;}
- 20% {opacity: 1;}
- 80% {opacity: 1;}
- 90% {opacity: 0;}
- 100% {opacity: 0;}
- }
- #alert-text {
- /*
- display: none;
- margin: 0;
- padding: 0;
- animation-iteration-count: 1;
- animation-fill-mode: backwards;
- */
- /* hide the name until the animation starts */
- display: none;
- text-align: left;
- background-color: #FFFFFF;
- /* animation */
- -webkit-animation-name: follower;
- -webkit-animation-duration: 9s;
- animation-name: follower;
- animation-duration: 9s;
- animation-iteration-count: 1;
- animation-fill-mode: forwards;
- }
- @-webkit-keyframes follower {
- 0% {height: 0; }
- 15% {height: 76px; }
- 85% {height: 76px; }
- 100% {height: 0; }
- }
- @keyframes follower {
- 0% {height: 0; }
- 15% {height: 76px; }
- 85% {height: 76px; }
- 100% {height: 0; }
- }
- #alert-message {
- text-align: left;
- margin-top: 20px;
- }
- #alert-user-message {
- text-align: right;
- }
- #alert-user-message img {
- vertical-align: middle;
- }
- #alert-image {
- position: relative;
- }
- #alert-image video {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
- #alert-message > span > span {
- display: inline-block;
- margin-top: -107px;
- margin-left: 80px;
- }
- #alert-image {
- z-index: 6;
- position: relative;
- }
- #alert-text {
- position: absolute;
- }
- #alert-text-wrap {
- z-index: 6;
- position: relative;
- }
- #just-followed {
- z-index: 10;
- position: relative;
- top: -100px;
- left: 590px;
- text-align: left;
- color: #d96363 !important;
- font-weight: 400 !important;
- font-size: 32px !important;
- padding: 15px;
- text-transform: lowercase;
- background-color: yellow;
- border:1px solid transparent;
- border-bottom-right-radius:8px;
- border-bottom-left-radius:8px;
- /* display: none; */
- /* animation */
- -webkit-animation-name: motion;
- -webkit-animation-duration: 10s;
- animation-name: motion;
- animation-duration: 10s;
- animation-iteration-count: 1;
- animation-fill-mode: forwards;
- }
- #follow {
- z-index: 10;
- position: relative;
- top: -8px;
- left: -370px;
- font-size: 70px !important;
- font-weight: 600;
- color: #d96363 !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement