User:Rivirn/common.css

/* Custom username colors */ a[href$=":Rivirn"], a[href$="/Rivirn"] { font-weight: bold !important; color: #2B34E3 !important; } /*Glowing Avatar*/ .page-User_Rivirn div.user-identity-avatar img.user-identity-avatar__image, .page-Message_Wall_Rivirn div.user-identity-avatar img.user-identity-avatar__image, .page-User_blog_Rivirn div.user-identity-avatar img.user-identity-avatar__image, .page-Special_Contributions_Rivirn div.user-identity-avatar img.user-identity-avatar__image, .page-Special_UserProfileActivity_Rivirn div.user-identity-avatar img.user-identity-avatar__image { -webkit-animation-name: pulsate-avatar-large-manager; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-manager; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } img.wds-avatar__image[alt='Rivirn'] { -webkit-animation-name: pulsate-avatar-manager; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-manager; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } div.EntityHeader_avatar__2TDnq[alt='Rivirn'] { -webkit-animation-name: pulsate-avatar-small-manager; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-manager; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #2B34E3; -moz-box-shadow: 0px 0px 1px 2px #2B34E3; box-shadow: 0px 0px 1px 2px #2B34E3; }   to { -webkit-box-shadow: 0px 0px 8px 6px #2B34E3; -moz-box-shadow: 0px 0px 8px 6px #2B34E3; box-shadow: 0px 0px 8px 6px #2B34E3; } } @keyframes pulsate-avatar-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #2B34E3; -moz-box-shadow: 0px 0px 1px 2px #2B34E3; box-shadow: 0px 0px 1px 2px #2B34E3; }   to { -webkit-box-shadow: 0px 0px 8px 6px #2B34E3; -moz-box-shadow: 0px 0px 8px 6px #2B34E3; box-shadow: 0px 0px 8px 6px #2B34E3; } } @-webkit-keyframes pulsate-avatar-small-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #2B34E3; -moz-box-shadow: 0px 0px 1px 2px #2B34E3; box-shadow: 0px 0px 1px 2px #2B34E3; }   to { -webkit-box-shadow: 0px 0px 4px 3px #2B34E3; -moz-box-shadow: 0px 0px 4px 3px #2B34E3; box-shadow: 0px 0px 4px 3px #2B34E3; } } @keyframes pulsate-avatar-small-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #2B34E3; -moz-box-shadow: 0px 0px 1px 2px #2B34E3; box-shadow: 0px 0px 1px 2px #2B34E3; }   to { -webkit-box-shadow: 0px 0px 4px 3px #2B34E3; -moz-box-shadow: 0px 0px 4px 3px #2B34E3; box-shadow: 0px 0px 4px 3px #2B34E3; }          } @-webkit-keyframes pulsate-avatar-large-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #2B34E3; -moz-box-shadow: 0px 0px 1px 2px #2B34E3; box-shadow: 0px 0px 1px 2px #2B34E3; }   to { -webkit-box-shadow: 0px 0px 12px 9px #2B34E3; -moz-box-shadow: 0px 0px 12px 9px #2B34E3; box-shadow: 0px 0px 12px 9px #2B34E3; } } @keyframes pulsate-avatar-large-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #2B34E3; -moz-box-shadow: 0px 0px 1px 2px #2B34E3; box-shadow: 0px 0px 1px 2px #2B34E3; }   to { -webkit-box-shadow: 0px 0px 12px 9px #2B34E3; -moz-box-shadow: 0px 0px 12px 9px #2B34E3; box-shadow: 0px 0px 12px 9px #2B34E3; } }

/*Rotating Profile Picture*/ .masthead-avatar img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { border-radius: 100%; box-shadow:0 0 20px white; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }