User:MASTERFARKOS/global.css

.mfrainbowpersonal { background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f72), color-stop(0.3, #ff2), color-stop(0.45, #2f2), color-stop(0.6, #2ff),color-stop(0.75, #22f), color-stop(0.9, #f2f), color-stop(1, #f22) ); background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f72), color-stop(0.3, #ff2), color-stop(0.45, #2f2), color-stop(0.6, #2ff),color-stop(0.75, #22f), color-stop(0.9, #f2f), color-stop(1, #f22) ); color:transparent; -webkit-background-clip: text; background-clip: text; } .animatedrainbowmf { background-image: -webkit-gradient( repeating-linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f7f), color-stop(0.3, #ff2), color-stop(0.45, #2f2), color-stop(0.6, #2ff),color-stop(0.75, #22f), color-stop(0.9, #f2f), color-stop(1, #f22) ); background-image: gradient( repeating-linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f72), color-stop(0.3, #ff2), color-stop(0.45, #2f2), color-stop(0.6, #2ff),color-stop(0.75, #22f), color-stop(0.9, #f2f), color-stop(1, #f22) ); color:transparent; -webkit-background-clip: text; background-clip: text; -moz-animation: 'slide' 7s infinite linear backwards; -webkit-animation: 'slide' 7s infinite linear backwards; } /* My Pages */ a[href$='Special:Mypage'], a[href$='Special:Mywall'], a[href$='Special:EditTrack'], a[href$='Special:Mycontributions'], a[href$='Special:Myblog'], a[href$='MASTERFARKOS/global.css'], a[href$='MASTERFARKOS/global.js'], a[href$='MASTERFARKOS/wikia.css'], a[href$='MASTERFARKOS'] { -webkit-animation-name: personal-text-animation; -webkit-animation-duriation: 3.5s; -webkit-animation-timing-function:ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: repeating; -webkit-animation-play-state: running; } /* Other Highlight Users */ a[href$='Hackey5'] {color:#FF0 !important;text-shadow: 1px 1px 1px #7D7700} a[href$='Alpha654'] {color:#0DF !important;text-shadow: 1px 1px 1px blue} a[href$='Pigman0439'] {color:#0F0 !important;text-shadow: 1px 1px 1px green}, a[href$='Darthwikia25'] {color:#FFF !important;text-shadow: 0 0 2px white, 0 0 5px; red} a[href$='Scientedfic'] {color:#C0C0C0 !important;text-shadow: 1px 1px 1px gray} /* 3primetime3 */ a[href$='User:3primetime3'], a[href$='Message_Wall:3primetime3'], a[href$='Special:Contributions/3primetime3'], a[href$='Special:Block_Log/3primetime3'], a[href$='Special:Uploads/3primetime3'], a[href$='Special:Logs/3primetime3'], a[href$='Special:Chat_Ban_Log/3primetime3'], a[href$='User:3primetme3/Sandbox'], a[href$='User:3primetime3/wikia.css'], a[href$='User:3primetime3/wikia.js'], a[href$='User:3primetime3/global.css'], a[href$='User:3primetime3/global.js'] { background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); color:transparent !important; -webkit-background-clip: text; background-clip: text; } /* My Profile Pic */ img.avatar[alt='MASTERFARKOS']{ -webkit-border-name: personal-rainbow-border-normal; } ul.AccountNavigation li a img.avatar[alt='MASTERFARKOS'] { -webkit-border-name: personal-rainbow-border-small; } div.masthead.avatar img.avatar[alt='MASTERFARKOS'] { -webkit-border-name: personal-rainbow-border-large; } /* animations */ @-webkit-keyframes personal-rainbow-border-large { -webkit-box-shadow: 0 0 1px red, 0 0 2px scarlet, 0 0 3px orange, 0 0 4px yellow, 0 0 5px lime, 0 0 6px teal, 0 0 7px cyan, 0 0 8px blue, 0 0 9px indigo, 0 0 10x purple, 0 0 11px magenta, 0 0 12px red; } @-webkit-keyframes personal-rainbow-border-normal { -webkit-box-shadow: 0 0 1px red, 0 0 2px orange, 0 0 3px yellow, 0 0 4px lime, 0 0 5px cyan, 0 0 6px blue, 0 0 7px purple, 0 0 8px magenta, 0 0 9px red; } @-webkit-keyframes personal-rainbow-border-small { -webkit-box-shadow: 0 0 1px red, 0 0 2px yellow, 0 0 3px cyan, 0 0 4px magenta, 0 0 5px red; } @-webkit-keyframes personal-text-animation { from { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #f22), color-stop (0.15, #f72), color-stop (0.3, #ff2), color-stop(0.45, #2f2), color-stop (0.6, #2ff), color-stop (0.75, #22f), color-stop(0.9, #f2f), color-stop (1, #f22) ); background-image: gradient( linear, left top, right top, color-stop (0, #f22), color-stop (0.15, #f72), color-stop (0.3, #ff2), color-stop (0.45, #2f2), color-stop (0.6, #2ff), color-stop (0.75, #22f), color-stop (0.9, #f2f), color-stop (1, #f22) ); color:transpanent; -webkit-background-clip: text; background-clip: text; }   to { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #f72), color-stop (0.15, #ff2), color-stop (0.3, #2f2), color-stop (0.45, #2ff), color-stop (0.6, #22f), color-stop (0.75, #f2f), color-stop (0.9, #f22), color-stop (1, #f72) ); background-image: gradient( linear, left top, right top, color-stop (0, #f72), color-stop (0.15, #ff2), color-stop (0.3, #2f2), color-stop (0.45, #2ff), color-stop (0.6, #22f), color-stop (0.75, #f2f), color-stop (0.9, #f22), color-stop (1, #f72) ); color:transparent; -webkit-background-clip: text; background-clip: text; }   to { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #ff2), color-stop (0.15, #2f2), color-stop (0.3, #2ff), color-stop (0.45, #22f), color-stop (0.6, #f2f), color-stop (0.75, #f22), color-stop (0.9, #f72), color-stop (1, #ff2) ); background-image: gradient( linear, left top, right top, color-stop (0, #ff2), color-stop (0.15, #2f2), color-stop (0.3, #2ff), color-stop (0.45, #22f), color-stop (0.6, #f2f), color-stop (0.75, #f22), color-stop (0.9, #f72), color-stop (1, #ff2) ); color: transparent; -webkit-background-clip: text; background-clip: text; }   to { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #2f2), color-stop (0.15, #2ff), color-stop (0.3, #22f), color-stop (0.45, #f2f), color-stop (0.6, #f22), color-stop (0.75, #f72), color-stop (0.9, #ff2), color-stop (1, #2f2) ); background-image: gradient( linear, left top, right top, color-stop (0, #2f2), color-stop (0.15, #2ff), color-stop (0.3, #22f), color-stop (0.45, #f2f), color-stop (0.6, #f22), color-stop (0.75, #f72), color-stop (0.9, #ff2), color-stop (1, #2f2) ); color: transparent; -webkit-background-clip: text; background-clip: text; }   to { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #2ff), color-stop (0.15, #22f), color-stop (0.3, #f2f), color-stop (0.45, #f22), color-stop (0.6, #f72), color-stop (0.75, #ff2), color-stop (0.9, #2f2), color-stop (1, #2ff) ); background-image: gradient( linear, left top, right top, color-stop (0, #2ff), color-stop (0.15, #22f), color-stop (0.3, #f2f), color-stop (0.45, #f22), color-stop (0.6, #f72), color-stop (0.75, #ff2), color-stop (0.9, #2f2), color-stop (1, #2ff) ); color: transparent; -webkit-background-clip: text; background-clip: text; }   to { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #22f), color-stop (0.15, #f2f), color-stop (0.3, #f22), color-stop (0.45, #f72), color-stop (0.6, #ff2), color-stop (0.75, #2f2), color-stop (0.9, #2ff), color-stop (1, #22f) ); background-image: gradient( linear, left top, right top, color-stop (0, #22f), color-stop (0.15, #f2f), color-stop (0.3, #f22), color-stop (0.45, #f72), color-stop (0.6, #ff2), color-stop (0.75, #2f2), color-stop (0.9, #2ff), color-stop (1, #22f) ); color: transparent; -webkit-background-image: text; background-image: text; }   to { background-image: -webkit-gradient( linear, left top, right top, color-stop (0, #f2f), color-stop (0.15, #f22), color-stop (0.3, #f72), color-stop (0.45, #ff2), color-stop (0.6, #2f2), color-stop (0.75. #2ff), color-stop (0.9, #22f), color-stop (1, #f2f) ); background-image: gradient( linear, left top, right top, color-stop (0, #f2f), color-stop (0.15, #f22), color-stop (0.3, #f72), color-stop (0.45, #ff2), color-stop (0.6, #2f2), color-stop (0.75, #2ff), color-stop (0.9, #22f), color-stop (1, #f2f) ); color: transparent; -webkit-background-clip: text; background-clip: text; } }