|
|
(252 intermediate revisions by 12 users not shown) |
Line 1: |
Line 1: |
− | {{Team:Calgary/BasicPage
| + | MOVED |
− | | + | |
− | |INFOBOX=
| + | |
− | <html>
| + | |
− | | + | |
− | </html>
| + | |
− | | + | |
− | |CONTENT=
| + | |
− | <html>
| + | |
− | <div id="TableContainer">
| + | |
− | <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> Michaela Olsakova <br>
| + | |
− | <b class="purpleText">Education:</b> Comp Sci <br>
| + | |
− | <br>
| + | |
− | <b class="greenText">Donut Alter Ego:</b> Strawberry-filled<br>
| + | |
− | <b class="greenText">Spirit Animal:</b> Duckling<br>
| + | |
− | <b class="greenText">Special Abilities: </b>Voice of an angel<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>To slay the wiki once and for all!
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <div id="TradingCard"><img id="CardImage" src="http://www.space.com/images/i/000/003/297/original/080326-lynx-flying-02.jpg"/>
| + | |
− | <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/e/ee/Calgary2017_SecretionIcon.png"><img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><br>
| + | |
− | <b>Secretion Secretion Secretion</b>
| + | |
− | </div>
| + | |
− | | + | |
− | <b class="redText"><br>Why did you join iGEM? </b>To bring facts to the factless!<br>
| + | |
− | </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{
| + | |
− | padding: 2rem;
| + | |
− | border: 7px solid #83859e;
| + | |
− | border-radius: 10px;
| + | |
− | max-width: 200px;
| + | |
− | align: center;
| + | |
− | background-color: #daede5;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | #TradingCard{
| + | |
− | max-height: 610px;
| + | |
− | min-height: 610px;
| + | |
− | margin-top: 2rem;
| + | |
− | text-align: left;
| + | |
− | background-color: #b1d4ce;
| + | |
− | border-radius: 10px;
| + | |
− | position: relative;
| + | |
− | padding: 1.4rem;
| + | |
− | max-width: 280px;
| + | |
− | border: 7px solid #d24f2b;
| + | |
− | text-transform: uppercase;
| + | |
− | line-height: 1.5rem;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | | + | |
− | #TableContainer {
| + | |
− | position: relative;
| + | |
− | text-align: center;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | | + | |
− | .leftColumn, .rightColumn {padding: 0.25em; }
| + | |
− | | + | |
− | @media screen and (min-width: 75.5em ) {
| + | |
− | .rightColumn { position: absolute; top: 0; right: 0;}
| + | |
− | #TableContainer{
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | </style>
| + | |
− | </head>
| + | |
− | </html>
| + | |