Difference between revisions of "Team:Calgary/Team/imposter"

(Replaced content with "MOVED")
 
(209 intermediate revisions by 12 users not shown)
Line 1: Line 1:
{{Team:Calgary/BasicPage
+
MOVED
 
+
|INFOBOX=
+
<html>
+
 
+
</html>
+
 
+
|CONTENT=
+
<html>
+
 
+
<div id="TableContainer">
+
 
+
<div class="leftColumn">
+
 
+
 
+
  <div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/3/32/Calgary2017_BilalGraphic.png"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Bilal Sher <br>
+
<b class="purpleText">Education:</b> Civil Engineering <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Apple Fritter<br>
+
<b class="greenText">Spirit Animal:</b> Ostrich<br>
+
<b class="greenText">Special Abilities: </b>Can fit the whole team in his car<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><br>
+
<b><br>Process</b>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To be morally dubious</div>
+
 
+
 
+
 
+
  </div>
+
 
+
  <div class="rightColumn">
+
  <a href="http://parts.igem.org/Part:BBa_R0040"><h2>Meet the Team</h2></a>
+
 
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
+
  </div>
+
</div>
+
 
+
 
+
 
+
 
+
<div id="TableContainer">
+
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/3/32/Calgary2017_BilalGraphic.png"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Bilal Sher <br>
+
<b class="purpleText">Education:</b> Civil Engineering <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Apple Fritter<br>
+
<b class="greenText">Spirit Animal:</b> Ostrich<br>
+
<b class="greenText">Special Abilities: </b>Can fit the whole team in his car<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><br>
+
<b><br>Process</b>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To be morally dubious</div>
+
 
+
 
+
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Preetha Gopalakrishnan <br>
+
<b class="purpleText">Education:</b> Health Sciences <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Maple Cream<br>
+
<b class="greenText">Spirit Animal:</b> Armadillo<br>
+
<b class="greenText">Special Abilities: </b>Fact Machine<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/4/41/Calgary2017_SynthesisIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><br>
+
<b>Synthesis&nbsp;&nbsp;P+P</b>
+
</div>
+
 
+
<b class="redText"><br>Why did you join iGEM? </b>To bring facts to the factless!<br>
+
</div>
+
 
+
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/b/bc/Calgary2017_SamGraphic.png"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Samuel Wilton-Clark <br>
+
<b class="purpleText">Education:</b> Health Sciences<br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Glazed<br>
+
<b class="greenText">Spirit Animal:</b> Giraffe<br>
+
<b class="greenText">Special Abilities: </b>He's the real Slim Shady<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><br>
+
<b><br>Secretion</b>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>Chicks and money.</div>
+
 
+
</div>
+
</html>
+
}}
+
 
+
<html>
+
<head>
+
<style>
+
#Icons{
+
text-align: center;
+
}
+
 
+
#Icons b{
+
padding: 1rem;
+
text-transform: uppercase;
+
color: #000;
+
}
+
 
+
#Icons img{
+
max-width: 80px;
+
}
+
 
+
.purpleText{
+
color: #83859e;
+
}
+
 
+
.greenText{
+
color: #65998f;
+
}
+
 
+
.redText{
+
color: #d24f2b;
+
}
+
 
+
#CardImage{
+
border: 7px solid #83859e;
+
border-radius: 10px;
+
max-width: 100%;
+
align: center;
+
background-color: #daede5;
+
}
+
 
+
 
+
#TradingCard{
+
max-height: 700px;
+
min-height: 700px;
+
margin-top: 2rem;
+
margin: 2rem;
+
text-align: left;
+
background-color: #b1d4ce;
+
border-radius: 10px;
+
padding: 1.4rem;
+
max-width: 280px;
+
border: 7px solid #d24f2b;
+
text-transform: uppercase;
+
    line-height: 1.5rem;
+
display: inline-block;
+
vertical-align:middle;
+
}
+
 
+
 
+
 
+
/*
+
#TableContainer {
+
text-align: center;
+
display: inline-block;
+
}
+
*/
+
 
+
 
+
/*
+
#TradingCard{
+
margin: 0.25rem;
+
}
+
}
+
 
+
#Card
+
{
+
      width: 30%;
+
      float: left;
+
    }
+
    #People {
+
      margin-left: 35%;
+
background-color: #fcb633;
+
width: auto;
+
      /* Change this to whatever the width of your left column is*/
+
    }
+
*/
+
 
+
#container {
+
    background: #ccc;
+
    display: table
+
}
+
 
+
#Card, #People {
+
    display: table-cell
+
}
+
 
+
 
+
/*The layout formatting*/
+
 
+
#TableContainer {
+
position: relative;
+
background-color: #fff;
+
text-align: center;
+
}
+
 
+
#small-image {
+
width: 100px;
+
    margin: 1rem;
+
border-radius: 50%;
+
background-color: #daede5;
+
opacity: 0.5;}
+
 
+
#small-image: hover{
+
opacity: 1;
+
}
+
 
+
.leftColumn, .rightColumn { 
+
border: 1px solid  #ccc;
+
padding: 1em;}
+
 
+
.leftColumn{
+
width:40%;
+
padding: 0em;
+
}
+
 
+
.rightColumn{
+
width:55%;}
+
 
+
 
+
 
+
@media only screen and (max-width: 58.75em ) {
+
 
+
.leftColumn, .rightColumn{width: 100%; background-color: #fff;}
+
}
+
 
+
@media only screen and (min-width: 58.75em ) {
+
.rightColumn { position: absolute; top: 0; right: 0;} 
+
#TableContainer{
+
text-align: center;
+
#small-image { display: relative;
+
    margin: none;}
+
 
+
}
+
 
+
#TableContainer img{
+
padding: 0px;
+
}
+
}
+
 
+
 
+
 
+
</style>
+
</head>
+
</html>
+

Latest revision as of 20:28, 11 October 2017

MOVED