Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url("https://fonts.googleapis.com/css?family=$font_family");
- html,
- .widget-EventList li > div {
- -webkit-transform: rotateX($rotate_x) rotateY($rotate_y);
- transform: rotateX($rotate_x) rotateY($rotate_y);
- }
- * {
- margin: 0;
- padding: 0;
- list-style: none;
- box-sizing: border-box;
- font-family: "$font_family";
- letter-spacing: 1px;
- }
- .widget-EventList {
- position: absolute;
- width: 100%;
- top: 0;
- left: 0;
- }
- .widget-EventList li {
- width: 12.5%;
- float: left;
- padding: 0 5 0 5;
- border: 1px solid #555555;
- -webkit-animation: grow .4s ease-in 1 forwards;
- animation: grow .4s ease-in 1 forwards;
- }
- li div {
- /*padding: 0 50px 0 10px;*/
- /*width: 20%;*/
- /*line-height: 50px;*/
- /*color: $text_color;*/
- -webkit-animation: info .5s ease-in 1 .6s forwards;
- animation: info .5s ease-in 1 .6s forwards;
- /*background: #00FF00;*/
- }
- div.background {
- overflow: hidden;
- opacity: 0;
- padding: 0;
- height: 25;
- width: 100%;
- /*background-size: 42px 42px !important;
- background-position: 4px 3px !important;*/
- /*background: #FF0000;*/
- /*float: left;*/
- background: #FF00FF
- -webkit-animation: icon .5s ease-in 1 .4s forwards;
- animation: icon .5s ease-in 1 .4s forwards;
- /* icon */
- }
- .donation {
- background: #00AAFF;
- }
- .twitch-follow {
- background: #50DDAA;
- }
- .twitch-subscription {
- background: #DD5050;
- }
- .twitch-resubscription {
- background: #DD5050;
- }
- .twitch-bit {
- background: #DDDD50;
- }
- .tag {
- float: right;
- /*position: relative;*/
- /*float: right;*/
- /*top: 3px;
- right: 5px;*/
- /*font-size: 12px;
- line-height: 12px;*/
- /*color: $text_color;*/
- color: #000000;
- font-family: "$font_family";
- }
- @-webkit-keyframes grow {
- from {
- height: 0px;
- }
- to {
- height: 25px;
- }
- }
- @keyframes grow {
- from {
- height: 0px;
- }
- to {
- height: 25px;
- }
- }
- @-webkit-keyframes icon {
- 0% {
- left: -20px;
- opacity: 0;
- }
- 40% {
- left: 0px;
- opacity: 1;
- }
- 60% {
- left: 2px;
- opacity: 1;
- }
- 100% {
- left: 0px;
- opacity: 1;
- }
- }
- @keyframes icon {
- 0% {
- left: -20px;
- opacity: 0;
- }
- 40% {
- left: 0px;
- opacity: 1;
- }
- 60% {
- left: 2px;
- opacity: 1;
- }
- 100% {
- left: 0px;
- opacity: 1;
- }
- }
- @-webkit-keyframes info {
- 0% {
- left: 2px;
- opacity: 0;
- text-indent: 0px;
- }
- 40% {
- left: 4px;
- opacity: 1;
- text-indent: 0;
- }
- 60% {
- left: 0px;
- opacity: 1;
- text-indent: 10px;
- }
- 100% {
- left: 0;
- opacity: 1;
- text-indent: 0px;
- }
- }
- @keyframes info {
- 0% {
- left: 2px;
- opacity: 0;
- text-indent: 0px;
- }
- 40% {
- left: 4px;
- opacity: 1;
- text-indent: 0;
- }
- 60% {
- left: 0px;
- opacity: 1;
- text-indent: 10px;
- }
- 100% {
- left: 0;
- opacity: 1;
- text-indent: 0px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement