Christian Maier

/* ----------------------------------------- */ /* Content Template: profile-card - start */ /* ----------------------------------------- */ /*Profile Card 3*/ .profile-card-3 { font-family: 'Open Sans', Arial, sans-serif; position: relative; float: left; overflow: hidden; width: 100%; text-align: center; height:100%; border:none; } .profile-card-3 a { color: #ffffff; } .profile-card-3 .background-block { float: left; width: 100%; height: 200px; overflow: hidden; } .profile-card-3 .background-block .background { width:100%; vertical-align: top; opacity: 0.9; -webkit-filter: blur(0.5px); filter: blur(0.5px); -webkit-transform: scale(1.2); transform: scale(1.1); } .profile-card-3 .card-content { width: 100%; padding: 15px 25px; color:#ffffff; float:left; background:#550303; height:50%; border-radius:0 0 5px 5px; position: relative; z-index: 9999; } .profile-card-3 .card-content::before { content: ''; background: #550303; width: 120%; height: 100%; left: 11px; bottom: 51px; position: absolute; z-index: -1; transform: rotate(-13deg); } .profile-card-3 .profile { border-radius: 50%; position: absolute; top: 25%; left: 50%; max-width: 100px; opacity: 1; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5); border: 2px solid rgba(255, 255, 255, 1); -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index:99999; } .profile-card-3 h2 { margin: 0 0 5px; font-weight: 600; font-size:25px; } .profile-card-3 h2 small { display: block; font-size: 15px; margin-top:10px; } .profile-card-3 i { display: inline-block; font-size: 16px; color: #ffffff; text-align: center; border: 1px solid #ffffff; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin:0 5px; } .profile-card-3 .icon-block{ float:left; width:100%; margin-top:15px; } .profile-card-3 .icon-block a{ text-decoration:none; color: #ffffff; } .profile-card-3 i:hover { background-color:#232323; color:#fff; text-decoration:none; } /* ----------------------------------------- */ /* Content Template: profile-card - end */ /* ----------------------------------------- */