/*########################################################################## *### ONLY COMMON STATIC animations CSS - ALL CHANNELS, ALL REFERRERS #### *####################################################################### */ @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } .fadeIn { animation-name: fadeIn; animation-duration: 0.5s; } @keyframes allImagesFadeIn { from {opacity: 0;} to {opacity: 1;} } /* @-webkit-keyframes allImagesFadeIn { from {opacity: 0;} to {opacity: 1;} } */ /* [#11334] only for non-iOS devices */ .socDateRouter img { animation-name: allImagesFadeIn; animation-duration: 0.3s; } /* ActivityIndicator loop */ @keyframes activityIndicatorLoop { from {transform: rotate(360deg);} to {transform: rotate(0deg);} } img.activityIndicator { animation-name: activityIndicatorLoop; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; } .hoverOpacity { opacity: 0.5; transition: opacity 0.4s; } .hoverOpacity.o25 { opacity: 0.25; } .hoverOpacity:hover { opacity: 1; } .hoverFgWhiteLink { color: rgba(255,255,255,0.85); } .hoverFgWhiteLink:hover { color: rgba(255,255,255,1); } /* MENU animation */ .fade { transition: opacity .15s ease-in-out; } .fade.slow { transition: opacity 1.5s ease-in-out; } .fade.on { opacity: 1; } .fade.mid { opacity: 0.5; } .fade.off { opacity: 0; } .flex1 { flex: 1; }