MediaWiki:Wikia.css

/********************************************************************/ /********************************************************************/ /***************************** Imports ******************************/ /********************************************************************/ /********************************************************************/ @import url("/load.php?mode=articles&articles=MediaWiki:Staff.css&only=styles");

/********************************************************************/ /********************************************************************/ /***************************** Keyframes ****************************/ /********************************************************************/ /********************************************************************/ @keyframes tacospin { from { transform: rotateY(0deg); }   to { transform: rotateY(129600deg); } }/**/ /* Marquee */ .mq-wrapper { margin: 0 auto; white-space: nowrap; overflow: hidden; width: 100%; } .mq-wrapper > span { -webkit-animation: marquee 12s linear infinite; -moz-animation: marquee 12s linear infinite; -o-animation: marquee 12s linear infinite; animation: marquee 12s linear infinite; } @-webkit-keyframes marquee { 0%  { margin-left:  100%;  } 100% { margin-left: -672px; } } @-moz-keyframes marquee { 0%  { margin-left:  100%;  } 100% { margin-left: -672px; } } @-o-keyframes marquee { 0%  { margin-left:  100%;  } 100% { margin-left: -672px; } }

@keyframes marquee { 0%  { margin-left:  100%;  } 100% { margin-left: -672px; } } /* Rainbow */ @keyframes rainbow { 0% {       background-color: #DFFF00; }   14.2857142857% {        background-color: #DFFF00; }   28.5714285714% {        background-color: #DFFF00; }   42.8571428571% {        background-color: #DFFF00; }   57.1428571429% {        background-color: #DFFF00; }   71.4285714286% {        background-color: #DFFF00; }   85.7142857143% {        background-color: #DFFF00; }   100% {        background-color: #DFFF00; } } /*Rotation*/ @keyframes rotation { 0% {       transform: rotate(0deg); }   25% {        transform: rotate(180deg); }   50% {        transform: rotate(180deg); }   75% {        transform: rotate(360deg); }   100% {        transform: rotate(360deg); } } /*Upside Down*/ @keyframes UpDo { from {transform: rotate(180deg);} to {transform: rotate(180deg);} } /*Back and Forth*/ @keyframes baf { 0% {   -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }   25% {    -ms-transform: translate(50px, 0px); -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); }   50% {    -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }   75% {    -ms-transform: translate(-50px, 0px); -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); }   100% {    -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } /* Twist X Axis */ @keyframes twistX { 0% {    -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }   25% {    -ms-transform: skewX(40deg); -webkit-transform: skewX(40deg); transform: skewX(40deg); }   50% {    -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }   75% {    -ms-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); transform: skewX(-40deg); }   100% {    -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); } } /* Twist Y Axis */ @keyframes twistY { 0% {    -ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg); }   25% {    -ms-transform: skewY(40deg); -webkit-transform: skewY(40deg); transform: skewY(40deg); }   50% {    -ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg); }   75% {    -ms-transform: skewY(-40deg); -webkit-transform: skewY(-40deg); transform: skewY(-40deg); }   100% {    -ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg); } }

/*Expand*/ @keyframes expand { 0% {    -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }    10%  {     -ms-transform: scale(1.20, 1.20); -webkit-transform: scale(1.20, 1.20); transform: scale(1.20, 1.20); }    20% {     -ms-transform: scale(1.40, 1.40); -webkit-transform: scale(1.40, 1.40); transform: scale(1.40, 1.40); }    30% {     -ms-transform: scale(1.60, 1.60); -webkit-transform: scale(1.60, 1.60); transform: scale(1.60, 1.60); }    40% {     -ms-transform: scale(1.80, 1.80); -webkit-transform: scale(1.80, 1.80); transform: scale(1.80, 1.80); }    50% {     -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); }    60% {     -ms-transform: scale(1.80, 1.80); -webkit-transform: scale(1.80, 1.80); transform: scale(1.80, 1.80); }    70% {     -ms-transform: scale(1.60, 1.60); -webkit-transform: scale(1.60, 1.60); transform: scale(1.60, 1.60); }    80% {     -ms-transform: scale(1.40, 1.40); -webkit-transform: scale(1.40, 1.40); transform: scale(1.40, 1.40); }    90%  {     -ms-transform: scale(1.20, 1.20); -webkit-transform: scale(1.20, 1.20); transform: scale(1.20, 1.20); }    100% {     -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /* Blinking Text */ @keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } /* Avspin*/ @keyframes avspin { 0% {       transform: rotate(0deg); }   25% {        border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1);} 50% {       filter: blur(.5px); }   97% {        filter: blur(0px); box-shadow: 0px 0px 15px 0px #DC143C; }   98.5%{        filter: blur(2px); }   to { transform: rotate(129600deg); box-shadow: 0px 0px 15px 2px rgba(138, 43, 226, 1); filter: blur(none); } }

/********************************************************************/ /********************************************************************/ /***************************** Styling ******************************/ /********************************************************************/ /********************************************************************/ .rStyle { background:rgba(255,255,255,0.5); border: 2px solid white; border-radius: 10px; padding: 10px; color: black; box-shadow: 0 0 5px #9b2d30; margin: 8px auto; width: 90%; float: center; }