Template:UNITN-Trento/CSSteam
.teamEntry{margin-top:3em;}
.team_image_container {
width: 100%; height: auto; border-radius: 50%; margin-top:2em;
background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 100%; }
.team_image div{margin-left:auto; margin-right:auto; text-align:center;} @media screen and (max-width: 840px) {
.teamEntry{margin-top:1em;} .team_image_container { width: 60%; padding-top: 60%; } }
.teamEntry.right .team_image {float:right;}
.skill_list [class^="flaticon-"]:before, .skill_list [class*=" flaticon-"]:before, .skill_list [class^="flaticon-"]:after, .skill_list [class*=" flaticon-"]:after {font-size:35px;}
.team_content{font-size:14pt !important;}
.team_content p {line-height:1.6em; margin:0.8em 0 !important;}
.team_content .main_name{ font-weight: 500; font-variant:small-caps; border-bottom:1px solid #ba5953; padding-bottom:3px; font-size:18pt;} .team_content .skill_list{ font-weight: 500; font-variant:small-caps;} .fli{display:inline-block; vertical-align:middle;} .team_content .skill_list span:first-child{color: #444;}
.team_image_container.style1{box-shadow: 0 0 0 4px rgba(250,190,40,0.5), inset 0 2px 0 rgba(0, 0, 0, 0.5), 0 3px 0 3px rgba(0, 0, 0, 0.3);}
.team_image_container.style2{box-shadow: 0 0 0 4px rgba(255,138,0,0.5), inset 0 2px 0 rgba(0, 0, 0, 0.5), 0 3px 0 3px rgba(0, 0, 0, 0.3);}
.team_image_container.style3{box-shadow: 0 0 0 4px rgba(255,0,60,0.5), inset 0 2px 0 rgba(0, 0, 0, 0.5), 0 3px 0 3px rgba(0, 0, 0, 0.3);}
.team_image_container.style4{box-shadow: 0 0 0 4px rgba(136,193,0,0.5), inset 0 2px 0 rgba(0, 0, 0, 0.5), 0 3px 0 3px rgba(0, 0, 0, 0.3);}
.team_image_container.style5{box-shadow: 0 0 0 4px rgba(0,193,118,0.5), inset 0 2px 0 rgba(0, 0, 0, 0.5), 0 3px 0 3px rgba(0, 0, 0, 0.3);}
.team_image_container.style6{box-shadow: 0 0 0 4px rgba(115,51,180,0.5), inset 0 2px 0 rgba(0, 0, 0, 0.5), 0 3px 0 3px rgba(0, 0, 0, 0.3);}
.icon-button {
color: white;
border-radius: 1.8rem;
cursor: pointer;
display: inline-block;
font-size: 1.0rem;
height: 1.8rem;
line-height: 1.8rem;
margin: 0 5px;
position: relative;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 1.8rem;
}
.icon-button.twitter { background-color: #4099ff; }
.icon-button.facebook { background-color: #3B5998; }
.icon-button.mail { background-color: #ec0c0c; }
/* Circle */ .icon-button span { border-radius: 0; background-color:white; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 0; } .icon-button:hover span { width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; margin: -0.8rem; }
/* Icons */
.icon-button i {
background: none;
color: white;
height: 1.8rem;
left: 0;
line-height: 1.8rem;
position: absolute;
top: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 1.8rem;
z-index: 10;
}
.icon-button:hover .fa-twitter {color:#4099ff} .icon-button:hover .fa-facebook { color: #3B5998; } .icon-button:hover .fa-envelope { color: #ec0c0c; }