MediaWiki:Wikia.css

/***********************************************************************/ /***********************************************************************/ /**************************** Tacocat247 *******************************/ /***********************************************************************/ /***********************************************************************/ /* Name/Link Style */ a[href$=":Tacocat247/Talk"], a[href$=":Tacocat247"], a[href$="/Tacocat247"], a[href$=":Tacocat247/Talk"]:hover, a[href$=":Tacocat247"]:hover, a[href$="/Tacocat247"]:hover{ color: #FFFFA0; font-weight: bold; font-family: "Amaranth"; background: -webkit-linear-gradient(330deg, #FFA700, #FFFFA0) ; -webkit-background-clip: text ; -webkit-text-fill-color: transparent; text-shadow: none; } .Chat li[data-user="Tacocat247"] .username { color: #FFA700; font-weight: bold; font-family: "Amaranth" } .Chat li[data-user="Tacocat247"] .avatar { color: #FFFFA0; font-weight: bold; font-family: "Amaranth"; background: -webkit-linear-gradient(330deg, #FFA700, #FFFFA0) ; -webkit-background-clip: text ; -webkit-text-fill-color: transparent; text-shadow: none; } .Chat li[data-user="Tacocat247"] .message { color: #FF00F4; font-family: "OCR A Std", "Courier New", monospace ; } .Wall .edited-by a.subtle[href$="Wall:Tacocat247"]:after { color: #000000; content: "|┴┬┴┤Fillygroove├┬┴┬|"; font-family: "Amaranth"; font-size: 12px; font-weight: normal; margin: -3px; text-shadow: none; } .SpeechBubble .edited-by a[href$="User:Tacocat247"]:after { color: #000000 !important; content: "|┴┬┴┤Fillygroove├┬┴┬|" !important; line-height: 18px; } /* Image Rotation */ img[alt="Tacocat247"].avatar, li[data-user="Tacocat247"] .avatar { border-style: outset; border-color: #FFA700; border-width: 4px; border-radius: 75%; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } img[alt="Tacocat247"].avatar:hover, li[data-user="Tacocat247"] .avatar:hover { animation-name:avspin; animation-duration: 40s; animation-iteration-count: 1 ; animation-fill-mode: both ; animation-timing-function: ease-in-out ; } body.page-Special_Contributions_Tacocat247 .masthead-avatar img.avatar, body.page-User_blog_Tacocat247 .masthead-avatar img.avatar, body.page-User_talk_Tacocat247 .masthead-avatar img.avatar, body.page-Message_Wall_Tacocat247 .masthead-avatar img.avatar, body.page-User_Tacocat247 .masthead-avatar img.avatar { border-style: outset; border-color: #FFA700; border-width: 4px; border-radius: 75%; transform: scale(1,1); opacity: 1.0; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } body.page-Special_Contributions_Tacocat247 .masthead-avatar img.avatar:hover, body.page-User_blog_Tacocat247 .masthead-avatar img.avatar:hover, body.page-User_talk_Tacocat247 .masthead-avatar img.avatar:hover, body.page-Message_Wall_Tacocat247 .masthead-avatar img.avatar:hover, body.page-User_Tacocat247 .masthead-avatar img.avatar:hover { transform: scale(0.1,0.1); animation-duration: 4s; animation-iteration-count:1 ; border-style: solid; border-color: #616161; border-width: 5px; border-radius: 100%; box-shadow: 0px 0px 1px 1px #616161; } body.page-Special_Contributions_Tacocat247 .masthead-avatar img.avatar:active, body.page-User_blog_Tacocat247 .masthead-avatar img.avatar:active, body.page-User_talk_Tacocat247 .masthead-avatar img.avatar:active, body.page-Message_Wall_Tacocat247 .masthead-avatar img.avatar:active, body.page-User_Tacocat247 .masthead-avatar img.avatar:hover { transform: scale(1,1); opacity: 0.0; animation-duration: 4s; animation-iteration-count:1 ; border-style: solid; border-color: #616161; border-width: 5px; border-radius: 100%; box-shadow: 0px 0px 1px 1px #616161; } /***********************************************************************/ /***********************************************************************/ /****************************** TBOO-Y *********************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":TBOO-Y/Talk"], a[href$=":TBOO-Y"], a[href$="/TBOO-Y"], a[href$=":BOO-Y/Talk"]:hover, a[href$=":TBOO-Y"]:hover, a[href$="/TBOO-Y"]:hover{ color: #00FFFF !important; font-weight: bold ; font-size: 100%; } .Chat li[data-user="TBOO-Y"] .username { color: #00FFFF; font-weight: bold; font-family: "Ubuntu" } .Chat li[data-user="TBOO-Y"] .avatar { color: #00FFFF; font-weight: bold; font-family: "Ubuntu"; background: #00FFFF ; text-shadow: none; } .Chat li[data-user="TBOO-Y"] .message { color: #00FFFF; font-family: "Ubuntu", monospace ; } .Wall .edited-by a.subtle[href$="Wall:TBOO-Y"]:after { color: #FFFFFF; content: "༺The Founder༻"; font-family: "Amaranth"; font-size: 12px; font-weight: normal; margin: -3px; text-shadow: none; } .SpeechBubble .edited-by a[href$="User:TBOO-Y"]:after { color: #FFFFFF !important; content: "The Founder" !important; line-height: 18px; } /***********************************************************************/ /***********************************************************************/ /******************************** TEM **********************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Theelementalmaster/Talk"], a[href$=":Theelementalmaster"], a[href$="/Theelementalmaster"], a[href$=":Theelementalmaster/Talk"]:hover, a[href$=":Theelementalmaster"]:hover, a[href$="/Theelementalmaster"]:hover{ color: #00FFFF !important; font-weight: bold ; font-size: 100%; } .Chat li[data-user="Theelementalmaster"] .username { color: #00FFFF; font-weight: bold; font-family: "Chalkduster" } .Chat li[data-user="Theelementalmaster"] .avatar { color: #00FFFF; font-weight: bold; font-family: " Bodoni Ornaments "; background: #00FFFF ; text-shadow: none; } .Chat li[data-user="Theelementalmaster"] .message { color: #FFD700; font-family: " Bodoni Ornaments ", monospace ; } .Chat li[data-user="Theelementalmaster"] .avatar { color: #FFFFA0; font-weight: bold; font-family: "Bodoni Ornaments"; background: -webkit-linear-gradient(330deg, 45deg, #ff8000 0%, #8000ff 25%, #ffffa0 50%, #8000ff 75%, #ff8000 100%) ; -webkit-background-clip: text ; -webkit-text-fill-color: transparent; text-shadow: none; } /* Image Rotation */ /* Profile Rotation */ img[alt="TBOO-Y"].avatar, li[data-user="TBOO-Y"] .avatar { -moz-transition: all 0.6s ease !important; -ms-transition: all 0.6s ease !important; -o-transition: all 0.6s ease !important; -webkit-transition: all 0.6s ease !important; transition: all 0.6s ease !important; } img[alt="TBOO-Y"].avatar:hover, li[data-user="TBOO-Y"] .avatar:hover { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); border-radius: 100%; border-color:#00FFFF; box-shadow: 0 0 20px black; transform: rotate(360deg); } /********************************************************************/ /********************************************************************/ /***************************** Keyframes ****************************/ /********************************************************************/ /********************************************************************/ /* Rainbow */ @keyframes rainbow { 0% {       background-color: #FF00BB; }   14.2857142857% {        background-color: #FF0000; }   28.5714285714% {        background-color: #FFFF00; }   42.8571428571% {        background-color: #00FF00; }   57.1428571429% {        background-color: #00FFFF; }   71.4285714286% {        background-color: #0000FF; }   85.7142857143% {        background-color: #BB00FF; }   100% {        background-color: #FF00BB; } } /*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); } } /* Twist Z Axis */ @keyframes twistZ { 0% {    -ms-transform: skewZ(0deg); -webkit-transform: skewZ(0deg); transform: skewZ(0deg); }   25% {    -ms-transform: skewZ(40deg); -webkit-transform: skewZ(40deg); transform: skewZ(40deg); }   50% {    -ms-transform: skewZ(0deg); -webkit-transform: skewZ(0deg); transform: skewZ(0deg); }   75% {    -ms-transform: skewZ(-40deg); -webkit-transform: skewZ(-40deg); transform: skewZ(-40deg); }   100% {    -ms-transform: skewZ(0deg); -webkit-transform: skewZ(0deg); transform: skewZ(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); } } /* 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; } } /* 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); } } /***********************************************************************/ /***********************************************************************/ /****************************** Theelementalmaster *********************************/ /***********************************************************************/ /***********************************************************************/ a[href$=":Theelementalmaster/Talk"], a[href$=":Theelementalmaster"], a[href$="/Theelementalmaster"], a[href$=":heelementalmaster/Talk"]:hover, a[href$=":Theelementalmaster"]:hover, a[href$="/Theelementalmaster"]:hover{ color: #00FFFF !important; font-weight: bold ; font-size: 100%; } .Chat li[data-user="Theelementalmaster"] .username { color: #00FFFF; font-weight: bold; font-family: "Chalkduster" } .Chat li[data-user="Theelementalmaster"] .avatar { color: #00FFFF; font-weight: bold; font-family: " Bodoni Ornaments "; background: #00FFFF ; text-shadow: none; } .Chat li[data-user="Theelementalmaster"] .message { color: #FFD700; font-family: " Bodoni Ornaments ", monospace ; } .Chat li[data-user="Theelementalmaster"] .avatar { color: #FFFFA0; font-weight: bold; font-family: "Bodoni Ornaments"; background: -webkit-linear-gradient(330deg, 45deg, #ff8000 0%, #8000ff 25%, #ffffa0 50%, #8000ff 75%, #ff8000 100%) ; -webkit-background-clip: text ; -webkit-text-fill-color: transparent; text-shadow: none; } /* Image Rotation */ /* Profile Rotation */ img[alt="TBOO-Y"].avatar, li[data-user="TBOO-Y"] .avatar { -moz-transition: all 0.6s ease !important; -ms-transition: all 0.6s ease !important; -o-transition: all 0.6s ease !important; -webkit-transition: all 0.6s ease !important; transition: all 0.6s ease !important; } img[alt="TBOO-Y"].avatar:hover, li[data-user="TBOO-Y"] .avatar:hover { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); border-radius: 100%; border-color:#00FFFF; box-shadow: 0 0 20px black; transform: rotate(360deg); }