World Championship Jamboree/MainPageTest

From 2011.igem.org

(Difference between revisions)
m
m
 
(7 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
 
table, tr, td {
table, tr, td {
border: 0px solid #000;
border: 0px solid #000;
Line 8: Line 7:
margin: none;
margin: none;
}
}
-
.menu {
+
 
 +
.firstHeading {
 +
display:none;}  <!--Removes header page title default from wiki-->
 +
 
 +
#imgcenter {  <!--Defines block area for center "banner"-->
 +
display: block;
 +
width: 540px;
 +
height: 300px;
 +
border: 0px solid #000;
 +
}
 +
 
 +
#imgleft {  <!--Defines block area for left "banner" and its overlap position-->
 +
display: block;
 +
width: 200px;
 +
height: 300px;
 +
border: 0px solid #000;
 +
position: absolute;
 +
z-index: 1;
 +
}
 +
 
 +
.menu {   <!--Defines menu block area for menu links-->
 +
display: table-cell;
width: 200px;
width: 200px;
 +
height: 48px;
font:bold 16px Arial;
font:bold 16px Arial;
-
text-align:center;
+
text-align: center;
-
color: #000;
+
vertical-align: middle;
vertical-align: middle;
 +
color: #000;
 +
border: 0px solid #000;
}
}
.menu a:link, .menu a:visited, .menu a:active {
.menu a:link, .menu a:visited, .menu a:active {
color: #ffffff;
color: #ffffff;
text-decoration: none;
text-decoration: none;
-
vertical-align: text-middle;
 
display: block;
display: block;
width:200px;
width:200px;
Line 34: Line 55:
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
-
.firstHeading {
+
 
-
display:none;}
+
#twitterfeed {   <!--Defines block area for twitter feed-->
-
.register {
+
display: block;
-
position: absolute;
+
width: 200px;
-
z-index: 1;
+
height: 430px;
-
vertical-align:top;
+
border: 0px solid #000;
 +
}
 +
 
 +
.main_item {
 +
font-family: Lucida Grande, Verdana, Arial, sans-serif;
 +
color: #666;
 +
margin: 10px 10px 50px 10px;
 +
vertical-align: text-top;
 +
}
 +
.main_item p {
 +
color:#666;
}
}
.title {
.title {
color: #255f2a;
color: #255f2a;
font-size: 14pt;
font-size: 14pt;
-
font-weight: 150%;
 
font-family: Lucida Grande, Verdana, Arial, sans-serif;
font-family: Lucida Grande, Verdana, Arial, sans-serif;
text-shadow: #dadada 1px 1px 1px;
text-shadow: #dadada 1px 1px 1px;
Line 50: Line 80:
margin-bottom: 3px;
margin-bottom: 3px;
clear:both;
clear:both;
-
}
 
-
.main_item {
 
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
 
-
color: #666;
 
-
margin-bottom: 50px;
 
-
margin-top: 10px;
 
-
vertical-align: text-top;
 
}
}
-
.main_item p {
+
.main_item ul {
color:#666;
color:#666;
 +
font-family: Lucida Grande, Verdana, Arial, sans-serif;
 +
padding: 0 0 0 10px;
 +
list-style-image:url('http://2010.igem.org/wiki/images/6/6c/Grey_circle_bullet_10px.png');
}
}
 +
.main_item ul lh {
 +
font-weight: bold;
 +
color: #f16900;
 +
}
 +
.main_item a {
 +
font-weight: bold;
 +
}
 +
#sponsors {
#sponsors {
float: left;
float: left;
Line 67: Line 101:
text-align: center;
text-align: center;
}
}
-
 
#sponsors td {
#sponsors td {
padding: 15px 0px 0px 15px;
padding: 15px 0px 0px 15px;
}
}
-
 
#sponsor_table td {
#sponsor_table td {
width: 250px;
width: 250px;
Line 77: Line 109:
padding-top: 35px;
padding-top: 35px;
}
}
-
 
#sponsor_table td img {
#sponsor_table td img {
display: block;
display: block;
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
}
 
-
.main_item ul {
 
-
color:#666;
 
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
 
-
padding: 0 0 0 10px;
 
-
list-style-image:url('http://2010.igem.org/wiki/images/6/6c/Grey_circle_bullet_10px.png');
 
-
}
 
-
.main_item ul lh {
 
-
font-weight: bold;
 
-
color: #f16900;
 
-
}
 
-
.main_item ul li {
 
-
/*list-style: circle;*/
 
-
}
 
-
.main_item a {
 
-
font-weight: bold;
 
-
}
 
-
#twitterfeed {
 
-
display: block;
 
-
width: 200px;
 
-
height: 415px;
 
-
border: 1px solid #000;
 
}
}
</style>
</style>
Line 109: Line 118:
<body>
<body>
-
<table align="center" style="margin-top:-10px;">
+
<table align="center" style= "width: 940px; margin-top:-10px;">
<tr>
<tr>
<td rowspan="6" style="width: 200px;" valign="top">
<td rowspan="6" style="width: 200px;" valign="top">
-
<div class="register">
+
<div id="imgleft">
<img src="http://2011.igem.org/wiki/images/4/44/2011_WC_Main_Left1.jpg">
<img src="http://2011.igem.org/wiki/images/4/44/2011_WC_Main_Left1.jpg">
</div>
</div>
Line 119: Line 128:
<!--END REGONLINE LINK CODE!-->
<!--END REGONLINE LINK CODE!-->
</td>
</td>
-
<td rowspan="6" style="width: 540px; height: 300px;">
+
 
-
<img src="http://2011.igem.org/wiki/images/5/55/2011_WC_Main1.jpg" style="width: 540px; height: 300px;">
+
<td rowspan="6">
 +
<div id="imgcenter">
 +
<img src="http://2011.igem.org/wiki/images/5/55/2011_WC_Main1.jpg">
 +
</div>
</td>
</td>
-
<td class="menu" style="vertical-align: middle;">
+
 
 +
<td class="menu">
<a href="http://2011.igem.org/World_Championship_Jamboree/Handbook">Jamboree Handbook</a>
<a href="http://2011.igem.org/World_Championship_Jamboree/Handbook">Jamboree Handbook</a>
</td>
</td>
Line 149: Line 162:
<td class="menu">
<td class="menu">
<a href="http://2011.igem.org/World_Championship_Jamboree/Press">Press Kits</a>
<a href="http://2011.igem.org/World_Championship_Jamboree/Press">Press Kits</a>
 +
<div>
</td>
</td>
</tr>
</tr>
Line 164: Line 178:
</div>
</div>
</td>
</td>
-
<td valign="top" style="height:350px;">
+
<td valign="top">
<div id="twitterfeed">
<div id="twitterfeed">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
Line 174: Line 188:
interval: 6000,
interval: 6000,
width: 200,
width: 200,
-
height: 400,
+
height: 430,
theme: {
theme: {
shell: {
shell: {

Latest revision as of 04:54, 25 October 2011

2011 iGEM World Champioship Jamboree
Welcome to the 2011 iGEM World Championship Jamboree! The World Championship is being held from November 5th - 7th on the MIT campus in Cambridge, MA, USA. Be sure to Register by October 28th!
News Feed
  • 10-24-2011: The schedule for Practice Sessions are up!
  • 10-16-2011: The results are in! All the regional Jamborees have finished. Check out the teams that are advancing to the World Championship Jamboree.