"
Team:Tec-Monterrey/ITESM14 team.css
From 2014.igem.org
(Difference between revisions)
Sebastianjau (Talk | contribs) (Created page with "- →Team cards: #team-members p { padding: 0; margin: 0; display: inline-block; } #team-members a { color: #CC004D; text-decoration: none; -moz-transition: all 0.2s ea...") |
Sebastianjau (Talk | contribs) |
||
| Line 1: | Line 1: | ||
/*Team cards*/ | /*Team cards*/ | ||
| - | #team-members p { | + | #wiki-content #team-members p { |
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| - | #team-members a { | + | #wiki-content #team-members a { |
color: #CC004D; | color: #CC004D; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 13: | Line 13: | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
} | } | ||
| - | #team-members #image-team a { | + | #wiki-content #team-members #image-team a { |
color: #FFD82E; | color: #FFD82E; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| - | #team-members a:hover { | + | #wiki-content #team-members a:hover { |
color: #B20043; | color: #B20043; | ||
} | } | ||
| - | #team-members #image-team a:hover { | + | #wiki-content #team-members #image-team a:hover { |
color: #F4FF3B; | color: #F4FF3B; | ||
} | } | ||
| - | #team-members hr { | + | #wiki-content #team-members hr { |
border-top: 2px solid #eee; | border-top: 2px solid #eee; | ||
} | } | ||
| - | #team-members { | + | #wiki-content #team-members { |
margin: 5%; | margin: 5%; | ||
} | } | ||
| - | #team-members .bussinesscard{ | + | #wiki-content #team-members .bussinesscard{ |
height:400px; | height:400px; | ||
width:500px; | width:500px; | ||
| Line 39: | Line 39: | ||
@include translate(-50%,-50%); | @include translate(-50%,-50%); | ||
} | } | ||
| - | #team-members #femsa-btc .bussinesscard{ | + | #wiki-content #team-members #femsa-btc .bussinesscard{ |
width:99%; | width:99%; | ||
height: 500px; | height: 500px; | ||
| Line 51: | Line 51: | ||
@include translate(-50%,-50%); | @include translate(-50%,-50%); | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard{ | + | #wiki-content #team-members #team-assistants .bussinesscard{ |
height:400px; | height:400px; | ||
width:500px; | width:500px; | ||
| Line 59: | Line 59: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| - | #team-members .bussinesscard .flip { | + | #wiki-content #team-members .bussinesscard .flip { |
-moz-transition: all 0.5s ease; | -moz-transition: all 0.5s ease; | ||
-o-transition: all 0.5s ease; | -o-transition: all 0.5s ease; | ||
| Line 65: | Line 65: | ||
transition: all 0.5s ease; | transition: all 0.5s ease; | ||
} | } | ||
| - | #team-members .bussinesscard .front { | + | #wiki-content #team-members .bussinesscard .front { |
z-index: 11; | z-index: 11; | ||
width: 100%; | width: 100%; | ||
| Line 81: | Line 81: | ||
transition: all 0.6s ease; | transition: all 0.6s ease; | ||
} | } | ||
| - | #team-members .bussinesscard .front .top { | + | #wiki-content #team-members .bussinesscard .front .top { |
height: 50%; | height: 50%; | ||
box-shadow: 0px 0px 20px #C7004B; | box-shadow: 0px 0px 20px #C7004B; | ||
background: #ff0060; | background: #ff0060; | ||
} | } | ||
| - | #team-members #femsa-btc .bussinesscard .front .top { | + | #wiki-content #team-members #femsa-btc .bussinesscard .front .top { |
height: 70%; | height: 70%; | ||
box-shadow: 0px 0px 20px rgba(0,0,0,0.4); | box-shadow: 0px 0px 20px rgba(0,0,0,0.4); | ||
background: #ff0060; | background: #ff0060; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top { | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top { |
height: 50%; | height: 50%; | ||
box-shadow: 0px 0px 20px #C7004B; | box-shadow: 0px 0px 20px #C7004B; | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .top { | + | #wiki-content #team-members #image-team .bussinesscard .front .top { |
box-shadow: 0px 0px 20px #626618; | box-shadow: 0px 0px 20px #626618; | ||
background: #F4FF3B; | background: #F4FF3B; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top { | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top { |
box-shadow: 0px 0px 20px #626618; | box-shadow: 0px 0px 20px #626618; | ||
background: #36d8c5; | background: #36d8c5; | ||
} | } | ||
| - | #team-members .bussinesscard .front .top:after { | + | #wiki-content #team-members .bussinesscard .front .top:after { |
position: absolute; | position: absolute; | ||
content: ''; | content: ''; | ||
pointer-events: none; | pointer-events: none; | ||
} | } | ||
| - | #team-members .bussinesscard .front .top:after { | + | #wiki-content #team-members .bussinesscard .front .top:after { |
left: 50%; | left: 50%; | ||
width: 4em; | width: 4em; | ||
| Line 121: | Line 121: | ||
background: #ff0060; | background: #ff0060; | ||
} | } | ||
| - | #team-members #femsa-btc .bussinesscard .front .top:after { | + | #wiki-content #team-members #femsa-btc .bussinesscard .front .top:after { |
left: 50%; | left: 50%; | ||
width: 4em; | width: 4em; | ||
| Line 134: | Line 134: | ||
background: #ff0060; | background: #ff0060; | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .top:after { | + | #wiki-content #team-members #image-team .bussinesscard .front .top:after { |
background: #F4FF3B; | background: #F4FF3B; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top:after { | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top:after { |
background: #36d8c5; | background: #36d8c5; | ||
} | } | ||
| - | #team-members .bussinesscard .front .top .logo { | + | #wiki-content #team-members .bussinesscard .front .top .logo { |
display: inline-block; | display: inline-block; | ||
color: #fff; | color: #fff; | ||
| Line 155: | Line 155: | ||
font-size: 4em; | font-size: 4em; | ||
} | } | ||
| - | #team-members .bussinesscard .front .top .logo img{ | + | #wiki-content #team-members .bussinesscard .front .top .logo img{ |
height: 2.5em; | height: 2.5em; | ||
width: 2.5em; | width: 2.5em; | ||
| Line 166: | Line 166: | ||
left: 50%; | left: 50%; | ||
} | } | ||
| - | #team-members #team-assistants .logo img{ | + | #wiki-content #team-members #team-assistants .logo img{ |
height: 2.5em; | height: 2.5em; | ||
width: 2.5em; | width: 2.5em; | ||
| Line 172: | Line 172: | ||
left: 50%; | left: 50%; | ||
} | } | ||
| - | #team-members .bussinesscard .front .nametroduction { | + | #wiki-content #team-members .bussinesscard .front .nametroduction { |
margin-top: 2.4em; | margin-top: 2.4em; | ||
-moz-transform: translateY(0); | -moz-transform: translateY(0); | ||
| Line 181: | Line 181: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
| - | #team-members #femsa-btc .bussinesscard .front .nametroduction { | + | #wiki-content #team-members #femsa-btc .bussinesscard .front .nametroduction { |
margin-top: 1%; | margin-top: 1%; | ||
-moz-transform: translateY(0); | -moz-transform: translateY(0); | ||
| Line 190: | Line 190: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
| - | #team-members .bussinesscard .front .name { | + | #wiki-content #team-members .bussinesscard .front .name { |
color: #CC004D; | color: #CC004D; | ||
font-weight: 400; | font-weight: 400; | ||
| Line 197: | Line 197: | ||
position: relative; | position: relative; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top .nametroduction .name { | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .name { |
color: #36d8c5; | color: #36d8c5; | ||
font-weight: 400; | font-weight: 400; | ||
| Line 205: | Line 205: | ||
top:25px; | top:25px; | ||
} | } | ||
| - | #team-members #femsa-btc .bussinesscard .front .name { | + | #wiki-content #team-members #femsa-btc .bussinesscard .front .name { |
color: #0039a6; | color: #0039a6; | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .name { | + | #wiki-content #team-members #image-team .bussinesscard .front .name { |
color: #FFD82E; | color: #FFD82E; | ||
} | } | ||
| - | #team-members .bussinesscard .front .name:after { | + | #wiki-content #team-members .bussinesscard .front .name:after { |
content: ''; | content: ''; | ||
position: static; | position: static; | ||
| Line 221: | Line 221: | ||
background: #CC004D; | background: #CC004D; | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .name:after { | + | #wiki-content #team-members #image-team .bussinesscard .front .name:after { |
background: #FFD82E; | background: #FFD82E; | ||
} | } | ||
| - | #team-members .bussinesscard .front .introduction { | + | #wiki-content #team-members .bussinesscard .front .introduction { |
text-align: center; | text-align: center; | ||
color: #CC004D; | color: #CC004D; | ||
| Line 230: | Line 230: | ||
font-size: 1.5em; | font-size: 1.5em; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top .nametroduction .introduction { | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .introduction { |
color: #36d8c5; | color: #36d8c5; | ||
font-style: italic; | font-style: italic; | ||
| Line 237: | Line 237: | ||
margin-top: 5%; | margin-top: 5%; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor span{ | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor span{ |
color: #36d8c5; | color: #36d8c5; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| - | #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor{ | + | #wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor{ |
left: 30px; | left: 30px; | ||
position: relative; | position: relative; | ||
| Line 248: | Line 248: | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .introduction { | + | #wiki-content #team-members #image-team .bussinesscard .front .introduction { |
color: #FFD82E; | color: #FFD82E; | ||
} | } | ||
| - | #team-members .bussinesscard .front .description p{ | + | #wiki-content #team-members .bussinesscard .front .description p{ |
color: #CC004D; | color: #CC004D; | ||
text-align: justify; | text-align: justify; | ||
| Line 263: | Line 263: | ||
transform: translateY(400%); | transform: translateY(400%); | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .description p{ | + | #wiki-content #team-members #image-team .bussinesscard .front .description p{ |
color: #FFD82E; | color: #FFD82E; | ||
} | } | ||
| - | #team-members .bussinesscard .front .contact { | + | #wiki-content #team-members .bussinesscard .front .contact { |
color: #CC004D; | color: #CC004D; | ||
margin-left: 2em; | margin-left: 2em; | ||
| Line 276: | Line 276: | ||
transform: translateY(400%); | transform: translateY(400%); | ||
} | } | ||
| - | #team-members .bussinesscard .front .contact span { | + | #wiki-content #team-members .bussinesscard .front .contact span { |
color: #CC004D; | color: #CC004D; | ||
font-size: 1.7em; | font-size: 1.7em; | ||
| Line 282: | Line 282: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| - | #team-members #image-team .bussinesscard .front .contact span { | + | #wiki-content #team-members #image-team .bussinesscard .front .contact span { |
color: #FFD82E; | color: #FFD82E; | ||
} | } | ||
| - | #team-members .bussinesscard .front .contact a { | + | #wiki-content #team-members .bussinesscard .front .contact a { |
position: relative; | position: relative; | ||
bottom: .24em; | bottom: .24em; | ||
} | } | ||
| - | #team-members .bussinesscard .back { | + | #wiki-content #team-members .bussinesscard .back { |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 297: | Line 297: | ||
} | } | ||
| - | #team-members .tooltip { | + | #wiki-content #team-members .tooltip { |
position: static; | position: static; | ||
left: 1em; | left: 1em; | ||
| Line 308: | Line 308: | ||
/* HOVER ANIMATIONS */ | /* HOVER ANIMATIONS */ | ||
| - | #team-members .front .top .logo, .front .top, .front .top:after, .front .nametroduction, .front .contact, .front .description p { | + | #wiki-content #team-members .front .top .logo, .front .top, .front .top:after, .front .nametroduction, .front .contact, .front .description p { |
-moz-transition: 0.7s all ease-in-out; | -moz-transition: 0.7s all ease-in-out; | ||
-o-transition: 0.7s all ease-in-out; | -o-transition: 0.7s all ease-in-out; | ||
| Line 315: | Line 315: | ||
} | } | ||
| - | #team-members .flip:hover .front .top .logo { | + | #wiki-content #team-members .flip:hover .front .top .logo { |
margin-top: .28em; | margin-top: .28em; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
| Line 326: | Line 326: | ||
} | } | ||
| - | #team-members .flip:hover .front .top { | + | #wiki-content #team-members .flip:hover .front .top { |
height: 15%; | height: 15%; | ||
} | } | ||
| - | #team-members .flip:hover .front .top:after { | + | #wiki-content #team-members .flip:hover .front .top:after { |
width: 2em; | width: 2em; | ||
height: 2em; | height: 2em; | ||
| Line 335: | Line 335: | ||
} | } | ||
| - | #team-members .flip:hover .front .nametroduction { | + | #wiki-content #team-members .flip:hover .front .nametroduction { |
-moz-transform: translateY(400%); | -moz-transform: translateY(400%); | ||
-ms-transform: translateY(400%); | -ms-transform: translateY(400%); | ||
| Line 342: | Line 342: | ||
} | } | ||
| - | #team-members .flip:hover .front .contact { | + | #wiki-content #team-members .flip:hover .front .contact { |
-moz-transform: translateY(-90%); | -moz-transform: translateY(-90%); | ||
-ms-transform: translateY(-90%); | -ms-transform: translateY(-90%); | ||
| Line 348: | Line 348: | ||
transform: translateY(-90%); | transform: translateY(-90%); | ||
} | } | ||
| - | #team-members .flip:hover .front .description p{ | + | #wiki-content #team-members .flip:hover .front .description p{ |
-moz-transform: translateY(-60%); | -moz-transform: translateY(-60%); | ||
-ms-transform: translateY(-60%); | -ms-transform: translateY(-60%); | ||
Revision as of 08:09, 14 October 2014
/*Team cards*/
- wiki-content #team-members p {
padding: 0; margin: 0; display: inline-block;
}
- wiki-content #team-members a {
color: #CC004D; text-decoration: none; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
- wiki-content #team-members #image-team a {
color: #FFD82E; text-decoration: none;
}
- wiki-content #team-members a:hover {
color: #B20043;
}
- wiki-content #team-members #image-team a:hover {
color: #F4FF3B;
}
- wiki-content #team-members hr {
border-top: 2px solid #eee; }
- wiki-content #team-members {
margin: 5%; }
- wiki-content #team-members .bussinesscard{
height:400px; width:500px; overflow:hidden; position: static; margin: 0% 0 1% 1%; box-shadow: 0px 0px 43px -10px black; display: inline-block; @include translate(-50%,-50%); }
- wiki-content #team-members #femsa-btc .bussinesscard{
width:99%; height: 500px; overflow:hidden; position: static; margin: 0% 0 1% 1%; box-shadow: 0px 0px 43px -10px black; left: 50%; top: 50%; display: inline-block; @include translate(-50%,-50%);
}
- wiki-content #team-members #team-assistants .bussinesscard{
height:400px; width:500px; position: static; margin: 0% 0 1% 1%; box-shadow: 0px 0px 43px -10px black; display: inline-block;
}
- wiki-content #team-members .bussinesscard .flip {
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
}
- wiki-content #team-members .bussinesscard .front {
z-index: 11; width: 100%; position: static; height: 100%; background: #fff; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.45); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;
}
- wiki-content #team-members .bussinesscard .front .top {
height: 50%; box-shadow: 0px 0px 20px #C7004B; background: #ff0060;
}
- wiki-content #team-members #femsa-btc .bussinesscard .front .top {
height: 70%; box-shadow: 0px 0px 20px rgba(0,0,0,0.4); background: #ff0060;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top {
height: 50%; box-shadow: 0px 0px 20px #C7004B;
}
- wiki-content #team-members #image-team .bussinesscard .front .top {
box-shadow: 0px 0px 20px #626618; background: #F4FF3B;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top {
box-shadow: 0px 0px 20px #626618; background: #36d8c5;
}
- wiki-content #team-members .bussinesscard .front .top:after {
position: absolute; content: ; pointer-events: none;
}
- wiki-content #team-members .bussinesscard .front .top:after {
left: 50%; width: 4em; height: 4em; -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: 12.3em; z-index: 10; background: inherit; background: #ff0060;
}
- wiki-content #team-members #femsa-btc .bussinesscard .front .top:after {
left: 50%; width: 4em; height: 4em; -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: 12.3em; z-index: 10; background: inherit; background: #ff0060;
}
- wiki-content #team-members #image-team .bussinesscard .front .top:after {
background: #F4FF3B;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top:after {
background: #36d8c5;
}
- wiki-content #team-members .bussinesscard .front .top .logo {
display: inline-block; color: #fff; z-index: 11; padding: .16em; position: relative; pointer-events: none; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin-top: .4em; font-size: 4em;
}
- wiki-content #team-members .bussinesscard .front .top .logo img{
height: 2.5em; width: 2.5em; position: relative; pointer-events: none; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%;
}
- wiki-content #team-members #team-assistants .logo img{
height: 2.5em; width: 2.5em; position: relative; left: 50%;
}
- wiki-content #team-members .bussinesscard .front .nametroduction {
margin-top: 2.4em; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); z-index: 8; font-weight: 300;
}
- wiki-content #team-members #femsa-btc .bussinesscard .front .nametroduction {
margin-top: 1%; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); z-index: 8; font-weight: 300;
}
- wiki-content #team-members .bussinesscard .front .name {
color: #CC004D; font-weight: 400; font-size: 4.9em; text-align: center; position: relative;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .name {
color: #36d8c5; font-weight: 400; font-size: 4.9em; text-align: center; position: relative; top:25px;
}
- wiki-content #team-members #femsa-btc .bussinesscard .front .name {
color: #0039a6;
}
- wiki-content #team-members #image-team .bussinesscard .front .name {
color: #FFD82E;
}
- wiki-content #team-members .bussinesscard .front .name:after {
content: ; position: static; top: 1.3em; width: 20%; left: 40%; right: 40%; height: 1px; background: #CC004D;
}
- wiki-content #team-members #image-team .bussinesscard .front .name:after {
background: #FFD82E;
}
- wiki-content #team-members .bussinesscard .front .introduction {
text-align: center; color: #CC004D; font-style: italic; font-size: 1.5em;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .introduction {
color: #36d8c5; font-style: italic; font-size: 1.5em; position: relative; margin-top: 5%;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor span{
color: #36d8c5; font-size: 1.5em; display: inline-block;
}
- wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor{
left: 30px; position: relative; margin-left: 31.5%; font-style: italic;
}
- wiki-content #team-members #image-team .bussinesscard .front .introduction {
color: #FFD82E;
}
- wiki-content #team-members .bussinesscard .front .description p{
color: #CC004D; text-align: justify; margin-left: 1em; margin-right: 1em; font-weight: 300; font-size: 2em; -moz-transform: translateY(400%); -ms-transform: translateY(400%); -webkit-transform: translateY(400%); transform: translateY(400%);
}
- wiki-content #team-members #image-team .bussinesscard .front .description p{
color: #FFD82E;
}
- wiki-content #team-members .bussinesscard .front .contact {
color: #CC004D; margin-left: 2em; font-weight: 300; font-size: 1.2em; -moz-transform: translateY(400%); -ms-transform: translateY(400%); -webkit-transform: translateY(400%); transform: translateY(400%);
}
- wiki-content #team-members .bussinesscard .front .contact span {
color: #CC004D; font-size: 1.7em; width: 1.3em; display: inline-block;
}
- wiki-content #team-members #image-team .bussinesscard .front .contact span {
color: #FFD82E;
}
- wiki-content #team-members .bussinesscard .front .contact a {
position: relative; bottom: .24em;
}
- wiki-content #team-members .bussinesscard .back {
width: 100%; height: 100%; background: #fff; backface-visibility: hidden; position: static;
}
- wiki-content #team-members .tooltip {
position: static; left: 1em; bottom: 1em; color: #fff; font-weight: 300; padding: .4em; background: #36d8c5;
}
/* HOVER ANIMATIONS */
- wiki-content #team-members .front .top .logo, .front .top, .front .top:after, .front .nametroduction, .front .contact, .front .description p {
-moz-transition: 0.7s all ease-in-out; -o-transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out;
}
- wiki-content #team-members .flip:hover .front .top .logo {
margin-top: .28em; font-size: 1.3em; margin-left: .15em; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); left: 0;
}
- wiki-content #team-members .flip:hover .front .top {
height: 15%;
}
- wiki-content #team-members .flip:hover .front .top:after {
width: 2em; height: 2em; bottom: 23.5em;
}
- wiki-content #team-members .flip:hover .front .nametroduction {
-moz-transform: translateY(400%); -ms-transform: translateY(400%); -webkit-transform: translateY(400%); transform: translateY(400%);
}
- wiki-content #team-members .flip:hover .front .contact {
-moz-transform: translateY(-90%); -ms-transform: translateY(-90%); -webkit-transform: translateY(-90%); transform: translateY(-90%);
}
- wiki-content #team-members .flip:hover .front .description p{
-moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -webkit-transform: translateY(-60%); transform: translateY(-60%);
}
