Team:Tec-Monterrey/ITESM14 team.css

From 2014.igem.org

Revision as of 08:08, 16 October 2014 by Sebastianjau (Talk | contribs)

/*Team cards*/

  1. wiki-content #team-members p { 
 padding: 0;
 margin: 0;
 display: inline-block;

}

  1. wiki-content #team-members a { 
 color: #CC004D;
 text-decoration: none;

}

  1. wiki-content #team-members #image-team a { 
 color: #FFD82E;
 text-decoration: none;

}

  1. wiki-content #team-members a:hover { 
 color: #B20043;

}

  1. wiki-content #team-members #image-team a:hover { 
 color: #F4FF3B;

}

  1. wiki-content #team-members hr {

border-top: 2px solid #eee; }

  1. wiki-content #team-members {

margin: 5%; }

  1. 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; }

  1. 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;

}

  1. 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;

}

  1. 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);

}

  1. wiki-content #team-members .bussinesscard .front .top { 
 height: 50%;
 box-shadow: 0px 0px 20px #C7004B;
 background: #ff0060;

}

  1. wiki-content #team-members #femsa-btc .bussinesscard .front .top { 
 height: 70%;
 box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
 background: #ff0060;

}

  1. wiki-content #team-members #team-assistants .bussinesscard .front .top { 
 height: 50%;
 box-shadow: 0px 0px 20px #C7004B;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .top { 
 box-shadow: 0px 0px 20px #626618;
 background: #F4FF3B;

}

  1. wiki-content #team-members #team-assistants .bussinesscard .front .top { 
 box-shadow: 0px 0px 20px #626618;
 background: #36d8c5;

}

  1. wiki-content #team-members .bussinesscard .front .top:after { 
 position: absolute;
 content: ;
 pointer-events: none;

}

  1. wiki-content #team-members .bussinesscard .front .top:after { 
 left: 50%;
 background: inherit;
 background: #ff0060;

}

  1. wiki-content #team-members #femsa-btc .bussinesscard .front .top:after { 
 left: 50%;
 background: inherit;
 background: #ff0060;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .top:after { 
 background: #F4FF3B;

}

  1. wiki-content #team-members #team-assistants .bussinesscard .front .top:after { 
 background: #36d8c5;

}

  1. 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;

}

  1. wiki-content #team-members .bussinesscard .front .top .logo img{ 
 height: 2.5em;
 width: 2.5em;
 position: relative;
 left: 50%;

}

  1. wiki-content #team-members #team-assistants .logo img{ 
  height: 2.5em;
 width: 2.5em;
 position: relative;
 left: 50%;

}

  1. wiki-content #team-members .bussinesscard .front .nametroduction { 
 margin-top: 2.4em;
 z-index: 8;
 font-weight: 300;

}

  1. wiki-content #team-members #femsa-btc .bussinesscard .front .nametroduction { 
 margin-top: 1%;
 z-index: 8;
 font-weight: 300;

}

  1. wiki-content #team-members .bussinesscard .front .name { 
 color: #CC004D;
 font-weight: 400;
 font-size: 4.9em;
 text-align: center;
 position: relative;

}

  1. 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;

}

  1. wiki-content #team-members #femsa-btc .bussinesscard .front .name { 
 color: #0039a6;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .name { 
 color: #FFD82E;

}

  1. wiki-content #team-members .bussinesscard .front .name:after { 
 content: ;
 position: static;
 top: 1.3em;
 width: 20%;
 left: 40%;
 right: 40%;
 height: 1px;
 background: #CC004D;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .name:after { 
 background: #FFD82E;

}

  1. wiki-content #team-members .bussinesscard .front .introduction { 
 text-align: center;
 color: #CC004D;
 font-style: italic;
 font-size: 1.5em;

}

  1. 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%;

}

  1. wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor span{ 
 color: #36d8c5;
 font-size: 1.5em;
 display: inline-block;

}

  1. wiki-content #team-members #team-assistants .bussinesscard .front .top .nametroduction .mayor{ 
 left: 30px;
 position: relative;
 margin-left: 31.5%;
 font-style: italic;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .introduction { 
 color: #FFD82E;

}

  1. 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;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .description p{ 
 color: #FFD82E;

}

  1. wiki-content #team-members .bussinesscard .front .contact { 
 color: #CC004D;
 margin-left: 2em;
 font-weight: 300;
 font-size: 1.2em;

}

  1. wiki-content #team-members .bussinesscard .front .contact span { 
 color: #CC004D;
 font-size: 1.7em;
 width: 1.3em;
 display: inline-block;

}

  1. wiki-content #team-members #image-team .bussinesscard .front .contact span { 
 color: #FFD82E;

}

  1. wiki-content #team-members .bussinesscard .front .contact a { 
 position: relative;
 bottom: .24em;

}

  1. wiki-content #team-members .bussinesscard .back { 
 width: 100%;
 height: 100%;
 background: #fff;
 backface-visibility: hidden;
 position: static;

}

  1. wiki-content #team-members .tooltip { 
 position: static;
 left: 1em;
 bottom: 1em;
 color: #fff;
 font-weight: 300;
 padding: .4em;
 background: #36d8c5;

}

/* HOVER ANIMATIONS */

  1. 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;

}

  1. wiki-content #team-members .flip:hover .front .top .logo { 
 margin-top: .28em;
 font-size: 1.3em;
 margin-left: .15em;
 left: 0;

}

  1. wiki-content #team-members .flip:hover .front .top { 
 height: 15%;

}

  1. wiki-content #team-members .flip:hover .front .top:after { 
 width: 2em;
 height: 2em;
 bottom: 23.5em;

}

Retrieved from "http://2014.igem.org/Team:Tec-Monterrey/ITESM14_team.css"