Sifuentes anita5

From 2014.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 7: Line 7:
<!-- start of css -->
<!-- start of css -->
<style type="text/css">
<style type="text/css">
-
+
 
/* Clear the default wiki settings */
/* Clear the default wiki settings */
Line 49: Line 49:
#contentWrap {   
#contentWrap {   
width: 975px;
width: 975px;
-
height: auto;
+
height:100%;
margin-left: 20px;
margin-left: 20px;
float:left;
float:left;
-
margin-top: 30px;
+
padding-top: 30px;
margin-right: auto;  
margin-right: auto;  
background-color: #ffffff;
background-color: #ffffff;
padding-bottom: 10px;
padding-bottom: 10px;
 +
border-radius: 5px;
}
}
#leftColumn {
#leftColumn {
-
background-color: #ccc;
 
width: 150px;
width: 150px;
float:left;
float:left;
-
padding: 5px 10px 0px 10px;  
+
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;
 +
height: 100%;
}
}
Line 75: Line 81:
.fullWidthRight {
.fullWidthRight {
background-color: #ffffff;
background-color: #ffffff;
-
padding-bottom: 45px;
+
padding: 0px 25px 25px 25px;
}
}
.smallBlockRight {
.smallBlockRight {
margin-bottom: 5px;
margin-bottom: 5px;
-
padding: 5px 10px 45px 10px;
+
padding: 5px 10px 15px 10px;
width : 240px;
width : 240px;
float: left;
float: left;
Line 90: Line 96:
width : 140px;
width : 140px;
float: left;
float: left;
 +
}
 +
 +
 +
 +
.smallBlockLeft  li{
 +
padding-top: 5px;
 +
list-style: circle;
}
}
Line 117: Line 130:
     background-color: #c1dfa6;
     background-color: #c1dfa6;
     }
     }
-
/* general styling */
 
 +
/* general styling */
/* Titles are switched to Arial Black with no line decoration */
/* Titles are switched to Arial Black with no line decoration */
-
#contentWrap h1, h2, h3, h4, h5 {  
+
 
 +
.listleft {
 +
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
 +
font-weight: bold;
 +
color: #434343;
 +
}
 +
 
 +
#rightColumn 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 126: Line 146:
border-bottom: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
}
 +
 +
/* Establish font size and family for all text */
/* Establish font size and family for all text */
Line 133: Line 155:
}
}
 +
#contentWrap a {
 +
color:#3aa76c;
 +
font-weight: bold;
 +
text-decoration: none;
 +
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
#contentWrap a:hover {
 +
opacity: 0.8;
 +
    filter: alpha(opacity=80); /* For IE8 and earlier */
 +
}
</style>
</style>
Line 152: Line 185:
<div class="smallBlockLeft">  
<div class="smallBlockLeft">  
-
dskfjskjf
+
<ul>
 +
<h3 class="listleft"> title of page </h3>
 +
<li> <a href="">subtitle one</a></li>
 +
<li> <a href=""> subtitle two </a></li>
 +
<li> <a href=""> subtitle three </a></li>
 +
</ul>
 +
 
</div>
</div>
Line 158: Line 197:
<div id="rightColumn">  
<div id="rightColumn">  
-
 
-
 
-
 
-
<div class="fullWidthRight">
 
-
<div class="smallBlockRight">
 
-
<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="smallBlockRight">
 
-
<h4>Registration</h4>
 
-
<p>Registration will open soon. More information coming soon.</p>
 
-
</div>
 
-
 
-
<div class="smallBlockRight">
 
-
<h4>Giant Jamboree </h4>
 
-
<p>All the things you need to know before starting your iGEM experience.</p>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="clear"></div>
 
-
 
-
 
<div class="fullWidthRight">  
<div class="fullWidthRight">  
 +
<h2>Title of page</h2>
 +
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
 +
<img src="http://2014.igem.org/wiki/images/1/19/Chairmansprize_Sumbawagen.jpg" width="740px">
 +
<h3> subtitle </h3>
 +
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
 +
<p> <a href=""> Lorem ipsum dolor </a>sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
 +
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 +
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
-
<div class="smallBlockRight">  
+
<ul>
-
<div class="button"> READ MORE </div>
+
<li>subtitle one</li>
-
</div>
+
<li>subtitle two </li>
 +
<li>subtitle three</li>
 +
</ul>
 +
 
-
<div class="smallBlockRight">
 
-
<div class="button">  READ MORE </div>
 
</div>
</div>
-
 
-
<div class="smallBlockRight">
 
-
<div class="button"> READ MORE </div>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
 
-
 
-
<div class="fullWidthRight">
 
-
 
-
 
-
<div class="smallBlockRight">
 
-
<a href=""><img src="http://2014.igem.org/wiki/images/c/cd/2014INSA-Lyon_2_vid_thumb_s.png"></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="http://2014.igem.org/wiki/images/4/4a/2014KIT-Kyoto_vid_thumb_s.png"></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"></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>

Latest revision as of 16:47, 20 January 2015

Title of page

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • subtitle one
  • subtitle two
  • subtitle three