Sifuentes anita6

From 2014.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 52: Line 52:
margin-left: 20px;
margin-left: 20px;
float:left;
float:left;
-
margin-top: 30px;
 
margin-right: auto;  
margin-right: auto;  
background-color: #ffffff;
background-color: #ffffff;
Line 60: Line 59:
-
#leftColumn {
+
.horizontalDiv {
-
width: 149px;
+
-
float:left;
+
-
padding: 5px 10px 5px 10px;
+
-
}
+
-
 
+
-
#middleLine {
+
-
width: 10px;
+
-
background-color: #ccc;
+
-
 
+
-
}
+
-
 
+
-
#rightColumn {
+
-
background-color: #fff;
+
-
width: 780px;
+
-
float: left;
+
-
padding: 5px 10px 0px 10px;
+
-
}
+
-
 
+
-
.fullWidthRight {
+
background-color: #ffffff;
background-color: #ffffff;
padding: 0px 25px 25px 25px;
padding: 0px 25px 25px 25px;
 +
margin-top: 10px;
 +
margin-bottom: 10px;
}
}
-
.smallBlockRight {
+
-
margin-bottom: 5px;
+
-
padding: 5px 10px 15px 10px;
+
-
width : 240px;
+
-
float: left;
+
-
}
+
-
 
+
-
.smallBlockLeft {
+
-
margin-bottom: 5px;
+
-
padding: 5px 5px 5px 5px;
+
-
width : 140px;
+
-
float: left;
+
-
}
+
-
 
+
-
 
+
-
.smallBlockLeft  li{
+
-
padding-top: 5px;
+
-
list-style: circle;
+
-
}
+
-
 
+
-
.smallBlockLeft img {
+
-
margin: auto;
+
-
text-align:center;
+
-
display: block;
+
-
}
+
-
 
+
.clear {
.clear {
     clear: both;
     clear: both;
Line 145: Line 102:
float: right;  
float: right;  
padding: 7px 0px 10px 15px;
padding: 7px 0px 10px 15px;
 +
}
 +
 +
 +
.smallBlockRight{
 +
padding: 5px 20px 10px 20px;
 +
margin-bottom:15px;
 +
width: 265px;
 +
float: left;
 +
}
 +
 +
 +
 +
 +
.smallBlockC{
 +
padding: 5px 20px 10px 20px;
 +
width: 265px;
 +
float: left;
 +
margin-bottom:15px;
 +
}
 +
 +
 +
.smallBlockC img {
 +
width: 190px;
 +
height: 190px;
 +
margin: auto;
 +
text-align: center;
 +
display:block;
}
}
Line 152: Line 136:
/* Titles are switched to Arial Black with no line decoration */
/* Titles are switched to Arial Black with no line decoration */
-
.listleft {
 
-
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
 
-
font-weight: bold;
 
-
color: #434343;
 
-
}
 
-
#rightColumn h1, h2, h3, h4, h5 {  
+
#contentWrap h1, h2, h3, h4, h5 {  
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
font-weight: bold;
font-weight: bold;
Line 193: Line 172:
<div id="contentWrap">
<div id="contentWrap">
-
<div id="leftColumn">
+
<div class="horizontalDiv">
-
<div class="smallBlockLeft">
+
<img src="http://2014.igem.org/wiki/images/b/b7/Demobanner2015.jpg" width="920px">
-
<img src="http://2014.igem.org/wiki/images/2/2a/Featureboxdemo_logo.jpg" width="75px">
+
</div>
 +
 
 +
<div id="clear"> </div>
 +
 
 +
<div class="horizontalDiv">
 +
<h3> iGEM News </h3>
 +
<div class="newsItem">
 +
<div class="newsDate"> 15/January</div>
 +
<h5>Welcome to 2015!</h5>
 +
<p>iGEM 2015 is about to start, more information will be posted soon</p>
 +
</div>
 +
<div class="newsItem">
 +
<div class="newsDate"> 15/January</div>
 +
<h5>Welcome to 2015!</h5>
 +
<p>iGEM 2015 is about to start, more information will be posted soon</p>
 +
</div>
 +
<div class="newsItem">
 +
<div class="newsDate"> 15/January</div>
 +
<h5>Welcome to 2015!</h5>
 +
<p>iGEM 2015 is about to start, more information will be posted soon</p>
 +
</div>
 +
</div>
 +
 
 +
<div id="clear"> </div>
 +
 
 +
<div class="horizontalDiv">
 +
<div class="button">
 +
<a href="http://2014.igem.org/Sifuentes_contentpage5"> MORE NEWS </a>
</div>
</div>
 +
</div>
 +
<div id="clear"> </div>
-
</div>
+
<div class="horizontalDiv">
 +
<h3>Season Highlights</h3>
 +
<div class="smallBlockC">
 +
<img src="http://2014.igem.org/wiki/images/0/03/Featurebox_startateam.jpg">
 +
<h4> How to start an iGEM Team</h4>
 +
<p>All the things you need to know before starting your iGEM experience.</p>
 +
</div>
-
<div id="middleLine"> </div>
+
<div class="smallBlockC">  
 +
<img src="http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg">
 +
<h4>Registration</h4>
 +
<p>Registration will open soon. More information coming soon.</p>
 +
</div>
-
<div id="rightColumn">  
+
<div class="smallBlockC">  
-
<div class="fullWidthRight">  
+
<img src="http://2015.igem.org/wiki/images/1/10/IGEM_Globe.png" width="190px">
 +
<h4>Giant Jamboree </h4>
 +
<p>Mark your calendars for September 24 to September 28, 2015.</p>
 +
</div>
-
<h3> iGEM News </h3>
+
</div>
-
<div class="newsItem">  
+
 
-
<div class="newsDate"> 15/January</div>
+
<div id="clear"> </div>
-
<h5>Welcome to 2015!</h5>
+
 
-
<p>iGEM 2015 is about to start, more information will be posted soon</p>
+
<div class="horizontalDiv">
-
</div>
+
<h3>Community Highlights</h3>
-
<div class="newsItem">  
+
<div class="smallBlockRight">  
-
<div class="newsDate"> 15/January</div>
+
<a href=""><img src="http://2014.igem.org/wiki/images/c/cd/2014INSA-Lyon_2_vid_thumb_s.png" width="265px"></a>
-
<h5>Welcome to 2015!</h5>
+
<h4> Team INSA-Lyon</h4>
-
<p>iGEM 2015 is about to start, more information will be posted soon</p>
+
<p><a href=""> Team INSA-Lyon</a>  has made a <a href=""> music video </a>about the frustrations of cloning!</p>
-
</div>
+
</div>
 +
 
 +
<div class="smallBlockRight">  
 +
<a href=""><img src="http://2014.igem.org/wiki/images/4/4a/2014KIT-Kyoto_vid_thumb_s.png" width="265px"></a>
 +
<h4> KIT Kyoto </h4>
 +
<p><a href="">Team KIT-Kyoto</a> made an <a href=""> introductory video </a> 'How to make basic BioArt.' </p>
 +
</div>
 +
 
 +
<div class="smallBlockRight">  
 +
<a href=""><img src="http://2014.igem.org/wiki/images/e/ed/2014METU_Turkey_vid_thumb2_s.png" width="265px"></a>
 +
<h4>METU Turkey</h4>
 +
<p><a href=" ">Team METU Turkey</A> made a game related to their project <a href=""> PET degredation </a> </p>
 +
</div>
-
</div>
 
</div>
</div>
-
  </div> <!-- end of white background div -->
+
 
 +
<div id="clear"> </div>
 +
 
 +
<div class="horizontalDiv">
 +
<h3>iGEM Teams</h3>
 +
<iframe width="920" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/ms?msa=0&amp;msid=211889735555343806668.0004f9377a323c3820df3&amp;hl=en&amp;ie=UTF8&amp;t=p&amp;ll=16.636192,14.0625&amp;spn=112.407019,280.898438&amp;z=2&amp;output=embed"></iframe>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
  </div> <!-- end of contentWrap -->

Latest revision as of 18:46, 20 January 2015

iGEM News

15/January
Welcome to 2015!

iGEM 2015 is about to start, more information will be posted soon

15/January
Welcome to 2015!

iGEM 2015 is about to start, more information will be posted soon

15/January
Welcome to 2015!

iGEM 2015 is about to start, more information will be posted soon

Season Highlights

How to start an iGEM Team

All the things you need to know before starting your iGEM experience.

Registration

Registration will open soon. More information coming soon.

Giant Jamboree

Mark your calendars for September 24 to September 28, 2015.

Community Highlights

Team INSA-Lyon

Team INSA-Lyon has made a music video about the frustrations of cloning!

KIT Kyoto

Team KIT-Kyoto made an introductory video 'How to make basic BioArt.'

METU Turkey

Team METU Turkey made a game related to their project PET degredation

iGEM Teams