Sifuentes anita6

From 2014.igem.org

(Difference between revisions)
(Created page with "<!-- Declare that you are going to use html code instead of wiki code --> <html> <!-- The styling for the website is placed here --> <head> <!-- start of css --> <style...")
 
(88 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: 150px;
+
-
float:left;
+
-
padding: 5px 10px 5px 10px;
+
-
border: 1px solid #ccc;
+
-
border-bottom: 0px solid #fff;
+
-
border-top: 0px solid #fff;
+
-
border-left: 0px solid #fff;
+
-
margin-top: 10px;
+
-
}
+
-
 
+
-
#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 129: Line 86:
     background-color: #c1dfa6;
     background-color: #c1dfa6;
     }
     }
 +
 +
.newsItem {
 +
background-color: #f9f9f9;
 +
padding: 5px 20px 5px 20px;
 +
border: 1px solid #cccccc;
 +
margin-bottom: 5px;
 +
border-radius: 5px;
 +
}
 +
 +
 +
.newsDate {
 +
font-style: italic;
 +
display: inline-block;
 +
color: #383838;
 +
float: right;
 +
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;
 +
}
 +
/* general styling */
/* general styling */
Line 134: 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;
color: #434343;
color: #434343;
-
border-bottom: 1px solid #ccc;
 
}
}
-
 
-
 
/* Establish font size and family for all text */
/* Establish font size and family for all text */
Line 154: Line 148:
font-size: 13px;
font-size: 13px;
}
}
-
 
Line 179: Line 172:
<div id="contentWrap">
<div id="contentWrap">
-
<div id="leftColumn">
+
<div class="horizontalDiv">
-
<div class="smallBlockLeft">
+
<img src="https://static.igem.org/mediawiki/2014/b/b7/Demobanner2015.jpg" width="920px">
-
<img src="https://static.igem.org/mediawiki/2014/2/2a/Featureboxdemo_logo.jpg" width="75px">
+
</div>
-
</div>
+
-
</div>
+
<div id="clear"> </div>
-
<div id="rightColumn">  
+
<div class="horizontalDiv">
-
<div class="fullWidthRight">  
+
<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="https://2014.igem.org/Sifuentes_contentpage5"> MORE NEWS </a>
</div>
</div>
 +
</div>
 +
<div id="clear"> </div>
 +
 +
<div class="horizontalDiv">
 +
<h3>Season Highlights</h3>
 +
<div class="smallBlockC">
 +
<img src="https://static.igem.org/mediawiki/2014/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 class="smallBlockC">
 +
<img src="https://static.igem.org/mediawiki/2014/4/4c/Featureboxdemo.jpg">
 +
<h4>Registration</h4>
 +
<p>Registration will open soon. More information coming soon.</p>
 +
</div>
 +
 +
<div class="smallBlockC">
 +
<img src="https://static.igem.org/mediawiki/2015/1/10/IGEM_Globe.png" width="190px">
 +
<h4>Giant Jamboree </h4>
 +
<p>Mark your calendars for September 24 to September 28, 2015.</p>
 +
</div>
 +
</div>
</div>
-
  </div> <!-- end of white background div -->
+
<div id="clear"> </div>
 +
 
 +
<div class="horizontalDiv">
 +
<h3>Community Highlights</h3>
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/c/cd/2014INSA-Lyon_2_vid_thumb_s.png" width="265px"></a>
 +
<h4> Team INSA-Lyon</h4>
 +
<p><a href=""> Team INSA-Lyon</a>  has made a <a href=""> music video </a>about the frustrations of cloning!</p>
 +
</div>
 +
 
 +
<div class="smallBlockRight">
 +
<a href=""><img src="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/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 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

MORE NEWS

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

Retrieved from "http://2014.igem.org/Sifuentes_anita6"