User:General Phychodash/wikia.css

/* --- Custom Colors for Legitimate Alternate Accounts --- */

/* Color- Psychodash */ a[href$=":General_Phychodash"], a[href$="/General_Phychodash"]{ color:#98fb98 !important; font-weight:bold !important; font-size:110%; background: -webkit-linear-gradient(#7b68ee,#9400d3); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }

/* Rainbow link fade, credit to Jetjc for this coding (User:SketchNebula) */ a { color:#4169e1; background:transparent; } a:hover { -webkit-animation:rainbow 1.5s infinite; -ms-animation:rainbow 1.5s infinite; -o-animation:rainbow 1.5s infinite; -moz-animation:rainbow 1.5s infinite; animation:rainbow 1.5s infinite; }

.rainbow:hover { animation:rainbow 1.5s infinite; -webkit-animation:rainbow 1.5s infinite; -ms-animation:rainbow 1.5s infinite; -o-animation:rainbow 1.5s infinite; -moz-animation:rainbow 1.5s infinite; } @-webkit-keyframes rainbow { 0% { color: #FF4C4C;} 10% {color: #FFC04C;} 20% {color: #FFFF4C;} 30% {color: #A6FF4C;} 40% {color: #4CFF4C;} 50% {color: #4CFFA6;} 60% {color: #4CFFFF;} 70% {color: #4CA6FF;} 80% {color: #4C4CFF;} 90% {color: #A64CFF;} 100% {color: #FF4CA6;} } @-o-keyframes rainbow { 0% {color: #FF4C4C;} 10% {color: #FFC04C;} 20% {color: #FFFF4C;} 30% {color: #A6FF4C;} 40% {color: #4CFF4C;} 50% {color: #4CFFA6;} 60% {color: #4CFFFF;} 70% {color: #4CA6FF;} 80% {color: #4C4CFF;} 90% {color: #A64CFF;} 100% {color: #FF4CA6;} } @keyframes rainbow { 0% {color: #FF4C4C;} 10% {color: #FFC04C;} 20% {color: #FFFF4C;} 30% {color: #A6FF4C;} 40% {color: #4CFF4C;} 50% {color: #4CFFA6;} 60% {color: #4CFFFF;} 70% {color: #4CA6FF;} 80% {color: #4C4CFF;} 90% {color: #A64CFF;} 100% {color: #FF4CA6;} } /* End */ /* --> @KEYFRAMES: Fade-in <-- */ .fade-in { -webkit-animation:fade-in 2s; -ms-animation:fade-in 2s; -o-animation:fade-in 2s; -moz-animation:fade-in 2s; animation:fade-in 2s; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { -moz-opacity: 0; } to { -moz-opacity: 1; } } /* End */

/* -- "Blurry" avatars (doesn't have to be used, but looks better) -- */ img.avatar { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); -moz-border-radius: 28px; border-radius: 28px; box-shadow: 0 0 8px #FFFFFF; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.4; filter: alpha(opacity=40); } content_holder { background-color: rgba(255,255,255,.8); box-shadow: 0 0 40px #FFFFFF; -moz-box-shadow: 0 0 40px #FFFFFF; -webkit-box-shadow: 0 0 40px #FFFFFF; -o-box-shadow: 0 0 40px #FFFFFF; } /* -- "Bightened" avatars (this NEEDS to be used, obviously!) -- */ img.avatar:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); box-shadow: 0px 0px 30px #7b68ee; -webkit-box-shadow: 0px 0px 30px #7b68ee; -moz-box-shadow: 0px 0px 30px #7b68ee; opacity: 1.0; filter: alpha(opacity=100); }