Team:Tec-Monterrey/ITESM14 team.css
From 2014.igem.org
(Difference between revisions)
Sebastianjau (Talk | contribs) |
Sebastianjau (Talk | contribs) |
||
Line 8: | Line 8: | ||
color: #CC004D; | color: #CC004D; | ||
text-decoration: none; | text-decoration: none; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#wiki-content #team-members #image-team a { | #wiki-content #team-members #image-team a { | ||
Line 36: | Line 32: | ||
margin: 0% 0 1% 1%; | margin: 0% 0 1% 1%; | ||
box-shadow: 0px 0px 43px -10px black; | box-shadow: 0px 0px 43px -10px black; | ||
- | display: inline-block | + | display: inline-block; |
- | + | ||
} | } | ||
#wiki-content #team-members #femsa-btc .bussinesscard{ | #wiki-content #team-members #femsa-btc .bussinesscard{ | ||
Line 49: | Line 44: | ||
top: 50%; | top: 50%; | ||
display: inline-block; | display: inline-block; | ||
- | |||
} | } | ||
#wiki-content #team-members #team-assistants .bussinesscard{ | #wiki-content #team-members #team-assistants .bussinesscard{ | ||
Line 58: | Line 52: | ||
box-shadow: 0px 0px 43px -10px black; | box-shadow: 0px 0px 43px -10px black; | ||
display: inline-block; | display: inline-block; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#wiki-content #team-members .bussinesscard .front { | #wiki-content #team-members .bussinesscard .front { | ||
Line 264: | Line 252: | ||
transition: 0.7s all ease-in-out; | transition: 0.7s all ease-in-out; | ||
} | } | ||
- | |||
#wiki-content #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; | ||
margin-left: .15em; | margin-left: .15em; | ||
- | |||
- | |||
- | |||
- | |||
left: 0; | left: 0; | ||
} | } | ||
- | |||
#wiki-content #team-members .flip:hover .front .top { | #wiki-content #team-members .flip:hover .front .top { | ||
height: 15%; | height: 15%; |
Revision as of 08:08, 16 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;
}
- 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; }
- 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;
}
- 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 .front {
z-index: 11; width: 100%; position: static; height: 100%; background: #fff; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.45);
}
- 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%; background: inherit; background: #ff0060;
}
- wiki-content #team-members #femsa-btc .bussinesscard .front .top:after {
left: 50%; 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; 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; 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; z-index: 8; font-weight: 300;
}
- wiki-content #team-members #femsa-btc .bussinesscard .front .nametroduction {
margin-top: 1%; 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;
}
- 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;
}
- 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; 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;
}