MediaWiki:Specialcontact-CSS

.contact-cm {margin:auto;max-width: 670px;background: #002a32;color: white;padding: 25px;font-family: Rubik} .contact-cm:hover .contact-cm-portrait::before {box-shadow: none;transition:all .50s ease-in-out} .contact-cm:hover .contact-cm-opacity {background: #00d6d6;top: 0;right: 0;mix-blend-mode: color;border-radius: 0;width: 100%;height: 100%} .contact-cm:hover .contact-cm-gradient {position: absolute;content: " ";width: 100%;height: 100%;top: 0;right: 0;display: block;background: -moz-linear-gradient(top, rgba(0,42,50,0) 0%, rgba(0,42,50,1) 81%, rgba(0,42,50,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,42,50,0)), color-stop(81%, rgba(0,42,50,1)), color-stop(100%, rgba(0,42,50,1)));background: -webkit-linear-gradient(top, rgba(0,42,50,0) 0%, rgba(0,42,50,1) 81%, rgba(0,42,50,1) 100%);background: -o-linear-gradient(top, rgba(0,42,50,0) 0%, rgba(0,42,50,1) 81%, rgba(0,42,50,1) 100%);background: -ms-linear-gradient(top, rgba(0,42,50,0) 0%, rgba(0,42,50,1) 81%, rgba(0,42,50,1) 100%);background: linear-gradient(to bottom, rgba(0,42,50,0) 0%, rgba(0,42,50,1) 81%, rgba(0,42,50,1) 100%)} .contact-cm:hover .contact-cm-title {background:#002a32} .contact-cm-portrait, .contact-cm-opacity {width:160px;height:210px} .contact-cm-portrait {float: right;position: relative;overflow: hidden;margin-bottom: 5px;margin-left: 10px} .contact-cm-portrait::before {content: '';position: absolute;left: 15px;top: 3px;border-radius: 100%;width: 135px;height: 135px;box-shadow: 0px 0px 0px 2000px #002a32;transition:all .20s ease-in-out} .contact-cm-opacity {background: black;position: absolute;top: 3px;right: 10px;mix-blend-mode: color;content: "";border-radius: 100%;width: 135px;height: 135px;transition:all .35s ease-in-out} .contact-cm-gradient {display:none} .contact-cm-title {position:absolute;bottom:0px;background:#00acac;color:white;width:100%;font-size:14px;line-height:23px;padding:3px;padding-left:10px;transition:all .35s ease-in-out} .contact-cm a {background-color: #dfec24;-webkit-box-decoration-break: clone;box-decoration-break: clone;color: #1a1a1a;display: inline;font-weight: 700;margin: 0;padding: 0 12px;text-transform: uppercase;font-size: 17px;line-height: 22px}