Regions/North America West/Jamboree

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Regional North America East 2012 Page CSS}}
+
<html>
 +
 
 +
 
 +
<style type="text/css">
 +
 
 +
/*
 +
Downtown by Adonis Ronquillo for Free Website Templates
 +
www.freewebsitetemplat.es / www.doni.us
 +
Images by Image Base http://imagebase.davidniblack.com/
 +
Released under the Creative Commons Attribution 3.0 License.
 +
*/
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Reset
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
 
 +
/*
 +
YUI 3.4.1 (build 4118)
 +
Copyright 2011 Yahoo! Inc. All rights reserved.
 +
Licensed under the BSD License.
 +
http://yuilibrary.com/license/
 +
*/
 +
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
 +
 
 +
* {
 +
margin: 0;
 +
padding: 0;
 +
Outline: 0;
 +
}
 +
 
 +
body {
 +
font-size: 8pt;
 +
line-height: 1.75em;
 +
color: #2B2B2B;
 +
}
 +
 
 +
body,input {
 +
font-family: Segoe UI;
 +
}
 +
 
 +
br.clear {
 +
clear: both;
 +
}
 +
 
 +
form {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Typography and links and headings
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
 
 +
a {
 +
font-weight: bold;
 +
  color: #0c3ec7;
 +
}
 +
 
 +
a:hover {
 +
font-weight: bold;
 +
text-decoration: underline;
 +
}
 +
 
 +
 
 +
h2 {
 +
font-size: 1.5em;
 +
}
 +
 
 +
h2,h3,h4 {
 +
margin-bottom: 1em;
 +
font-family: Philosopher, sans-serif;
 +
color: #FFF;
 +
text-decoration: none;
 +
}
 +
 
 +
h3 {
 +
font-size: 1.25em;
 +
}
 +
 
 +
 
 +
h4 {
 +
font-size: 1.0em;
 +
}
 +
 
 +
img.left {
 +
float: left;
 +
margin: 8px 20px 20px 0;
 +
}
 +
 
 +
img.top {
 +
margin: 8px 0 20px 0;
 +
}
 +
 
 +
img.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto
 +
}
 +
 
 +
label.login {
 +
display: block;
 +
margin: 0 0 6px 0;
 +
}
 +
 
 +
p {
 +
margin-bottom: 1.5em;
 +
}
 +
 
 +
p.news {
 +
height: 150px;
 +
}
 +
 
 +
ul {
 +
margin-bottom: 1.5em;
 +
padding: 0 0px 0px 20px;
 +
list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png');
 +
}
 +
 
 +
ul h4 {
 +
margin-bottom: 0.35em;
 +
}
 +
 
 +
.form {
 +
margin: 0 0 32px 0;
 +
}
 +
 
 +
.inputBox, .inputTextArea {
 +
padding: 6px;
 +
width: 95%;
 +
}
 +
 
 +
.inputButton {
 +
padding: 6px;
 +
float: right;
 +
}
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Column
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
#columns {
 +
background: #77d5ff;
 +
padding: 28px 0 10px 0;
 +
}
 +
 +
#columns .column {
 +
width: 260px;
 +
                background: #77D5FF;
 +
float: left;
 +
}
 +
        #columns .column1 {
 +
padding: 0 37px 0 28px;
 +
}
 +
 
 +
#columns .column1 p {
 +
height: 400px;
 +
background: url(http://www.ibe.org/_resources/images/iGem/prejam_bg2.png);no-repeat;
 +
background-size: 400px
 +
 
 +
}
 +
 
 +
#columns .column1 h2 {
 +
background: url(http://www.ibe.org/_resources/images/iGem/prejam_bg1.png) repeat-x top left;
 +
padding: 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 
 +
#columns .column2 {
 +
padding: 0;
 +
}
 +
 +
#columns .column2 p {
 +
height: 400px;
 +
background: url(http://www.ibe.org/_resources/images/iGem/prejam_bg2.png);no-repeat;
 +
background-size: 400px 400px;
 +
}
 +
 
 +
#columns .column2 h2 {
 +
background: url(http://www.ibe.org/_resources/images/iGem/prejam_bg1.png) repeat-x top left;
 +
padding: 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 
 +
#columns .column3 {
 +
padding: 0 28px 0 37px;
 +
}
 +
 +
#columns .column3 p {
 +
height: 400px;
 +
background: url(http://www.ibe.org/_resources/images/iGem/prejam_bg2.png);no-repeat;
 +
background-size: 400px 400px;
 +
 
 +
}
 +
 
 +
#columns .column3 h2 {
 +
background: url(http://www.ibe.org/_resources/images/iGem/prejam_bg1.png) repeat-x top left;
 +
padding: 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 
 +
        #columns .column4 {
 +
padding: 0 37px 0 28px;
 +
}
 +
 +
                #columns .column4 h2 {
 +
padding: 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 
 +
        #columns .column5 {
 +
padding: 0
 +
}
 +
 
 +
        #columns .column6 {
 +
padding: 0 37px 0 28px;
 +
}
 +
 
 +
#columns ul {
 +
margin: 0;
 +
padding: 0!important;
 +
list-style: none;
 +
border: 1px solid #b4b4b4;
 +
}
 +
 +
#columns li {
 +
margin: 0;
 +
padding: 15px;
 +
background: url(https://static.igem.org/mediawiki/2012/6/60/EuropeanJamboree_Linkbg6b.png) repeat-x bottom left;
 +
}
 +
 
 +
                      #columns li a {
 +
                      color: #555555;
 +
                      }
 +
 
 +
                      #columns li a:hover {
 +
                      color: #FF8000;
 +
                      font-size: 115%;
 +
                      text-decoration: none;
 +
}
 +
 +
#columns p {
 +
padding: 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 
 +
#columns p a {
 +
color: #232323;
 +
text-decoration: none;
 +
}
 +
 
 +
#columns p a:hover {
 +
color: #232323;
 +
text-decoration: underline;
 +
}
 +
 
 +
 +
#columns h2 a {
 +
color: #FFFFFF;
 +
text-decoration: none;
 +
}
 +
 
 +
#columns h2 a:hover {
 +
                        color: #FFFFFF;
 +
                                text-decoration: underline;
 +
}
 +
 
 +
 +
#boxes {
 +
padding: 0 0 0 0;
 +
 
 +
}
 +
 
 +
#boxes .box {
 +
width: 260px;
 +
float: left;
 +
 +
}
 +
        #boxes .box1 {
 +
padding: 0 37px 0 0;
 +
 
 +
}
 +
 
 +
#boxes .box2 {
 +
margin: 0 0 0 5px;
 +
padding: 0;
 +
 
 +
}
 +
 
 +
#boxes .box3 {
 +
margin: 0 0 0 0;
 +
overflow: hidden;
 +
width: 260px;
 +
float: left;
 +
padding: 0 0 0 37px;
 +
}
 +
 +
#boxes .box h2 {
 +
margin: 0 0 0 0;
 +
padding: 0 0 0 20px;
 +
}
 +
 
 +
#boxes .box h3 {
 +
padding: 30px 15px 0 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 
 +
#boxes .box p {
 +
padding: 15px 15px 15px 15px;
 +
font-weight: normal;
 +
margin: 0;
 +
}
 +
 +
 
 +
#box2 {
 +
margin: 0 0 0 0;
 +
overflow: hidden;
 +
width: 850px;
 +
float: left;
 +
padding: 0 0 0 5px;
 +
}
 +
 
 +
#box2 h2 {
 +
margin: 0 0 0 0;
 +
padding: 0 0 0 20px;
 +
 
 +
}
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Content holder
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
#outer {
 +
position: relative;
 +
width: 910px;
 +
margin: 32px auto 0 auto;
 +
}
 +
 
 +
 
 +
#main {
 +
position: relative;
 +
padding: 0;
 +
width: 100%;
 +
margin: 0 0 0 0;
 +
}
 +
 
 +
#main .sectionList {
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
#main .sectionList li {
 +
clear: both;
 +
padding: 20px 0 20px 0;
 +
}
 +
 
 +
#main ul {
 +
padding-left: 1.25em;
 +
}
 +
 
 +
#main2 {
 +
position: relative;
 +
padding: 28px 0 0 0;
 +
width: 100%;
 +
margin: 20px 0 0 28px;
 +
}
 +
 
 +
#main2 a {
 +
color: #0c3ec7;
 +
text-decoration: none
 +
}
 +
 
 +
#main2 a:hover {
 +
color: #0c3ec7;
 +
text-decoration: underline
 +
}
 +
 
 +
#main2 h2, #main2 h3, #main2 h4 {
 +
color: #0F0F0F;
 +
}
 +
 
 +
#main3 {
 +
position: relative;
 +
padding: 28px 0 0 0;
 +
width: 700px;
 +
margin: 0 28px 0 37px;
 +
}
 +
 
 +
#main3 a {
 +
color: #0c3ec7;
 +
text-decoration: none
 +
}
 +
 
 +
#main3 a:hover {
 +
color: #0c3ec7;
 +
text-decoration: underline
 +
}
 +
 
 +
#main3 h2, #main3 h3, #main3 h4 {
 +
color: #0F0F0F;
 +
}
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Sponsorbox
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
/*--TagLine Begins Here--*/
 +
#sponsors { /*--Goes with textboxes class--*/
 +
margin-left:0px;
 +
margin-right:0px;
 +
}
 +
#sponsorsbox { /*--Goes with textboxes class--*/
 +
margin: 32px;
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
background: #fff;
 +
text-align:left;
 +
}
 +
#sponsorsbox img {padding: 10px; }
 +
#happeningnow {height: 280px; margin-top:15px; margin-bottom:10px; width: 975px; border: 1px solid #000;}
 +
#happeningnow .widget {
 +
width: 305px;
 +
height: 100%;
 +
display: block;
 +
position: relative;
 +
border: 1px solid #f0f0f0;
 +
background: #f0f0f0;
 +
border-bottom: 2px solid #ccc; 
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
margin-left: auto;
 +
margin-right: auto;}
 +
#happeningnow .widget-title {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center; border-bottom: solid 1px #ccc;}
 +
#happeningnow .widget img {display: block; margin-left: auto; margin-right: auto; height: 60px; margin-top: 2px;}
 +
#happeningnow .happeningtitle {font-size: 11pt; font-weight: bold; padding: 5px;}
 +
#happeningnow .innertextbox {height:112px; padding: 5px; margin-top: 0px; margin-bottom: 5px; font-size: 9pt; color: #333;}
 +
 
 +
 
 +
#happeningnow  li, #happeningnow  ul {list-style-position: outside; margin-left: 12px;}
 +
#happeningnow ul {display:block; height: 91px; overflow: hidden;}
 +
#happeningnow  li {margin-bottom:5px;}
 +
#happeningnow .seemore {display: block; bottom: 0; position:absolute; right: 0;}
 +
 
 +
#happeningnow .widget-url {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center;}
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// pitch slideshow
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
#pitch {
 +
clear: both;
 +
height: 296px;
 +
margin: 0 0 25px;
 +
}
 +
#slideshow {
 +
    position:relative;
 +
    height: 310px;
 +
}
 +
#slideshow img {
 +
float: left;
 +
}
 +
#slideshow div {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    z-index: 8;
 +
}
 +
#slideshow div.active {
 +
    z-index: 10;
 +
}
 +
#slideshow div.last-active {
 +
    z-index: 9;
 +
}
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Nav bar
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
/*--Menu Bar CSS--*/
 +
#navbarcontainer { width: 100%;
 +
height: 35px;
 +
background: #164ec7;
 +
margin-top:0px;
 +
}
 +
#navbar { width:975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
position:relative;
 +
height: 35px;
 +
}
 +
#navbarsocial { float:right;
 +
padding-top: 4px;
 +
}
 +
#flashylink { display: block;
 +
float: left;
 +
border: 0px solid #fff;
 +
color: #0c3ec7;
 +
text-shadow: #000 1px 1px 1px;
 +
padding:3px; line-height: 100%;
 +
text-align: center;
 +
font-weight: bold; font-size: .8em;
 +
-webkit-border-radius: 3px;
 +
-moz-border-radius: 3px;
 +
border-radius: 3px;
 +
margin-right: 10px;
 +
}
 +
#flashylink a:hover { color: #fff;
 +
}
 +
 
 +
/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/
 +
ul#topnav {
 +
margin: 0; padding: 0 0 0 37px;
 +
float: left;
 +
/*-- width: 960px;--*/
 +
list-style: none;
 +
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
 +
font-size: 1em;
 +
background: #164ec7/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;
 +
z-index: 6;
 +
}
 +
ul#topnav li {
 +
float: left;
 +
margin: 0; padding: 0;
 +
height: 35px;
 +
border-right: 1px solid #ccc; /*--Divider for each parent level links--*/
 +
}
 +
ul#topnav li a {
 +
padding: 10px 15px;
 +
display: block;
 +
color: #fff;
 +
font-weight: bold;
 +
letter-spacing: 1px;
 +
text-shadow: #333 1px 1px 1px;
 +
text-decoration: none;
 +
}
 +
ul#topnav li a:hover{
 +
color: #fff;
 +
text-decoration: none;
 +
}
 +
ul#topnav li:hover { background: #eda150 url(topnav_active.gif) repeat-x; }
 +
ul#topnav li span {
 +
float: left;
 +
padding: 10px 0;
 +
position: absolute;
 +
z-index:10;
 +
left: 37px; top:35px;
 +
display: none; /*--Hide by default--*/
 +
width: 720px;
 +
background: #eda150;
 +
color: #fff;
 +
/*--Bottom right rounded corner--*/
 +
-moz-border-radius-bottomright: 10px;
 +
-khtml-border-radius-bottomright: 10px;
 +
-webkit-border-bottom-right-radius: 10px;
 +
/*--Bottom left rounded corner--*/
 +
-moz-border-radius-bottomleft: 10px;
 +
-khtml-border-radius-bottomleft: 10px;
 +
-webkit-border-bottom-left-radius: 10px;
 +
}
 +
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
 +
ul#topnav li span a { display: inline; }
 +
ul#topnav li span a:hover {text-decoration: underline;color: #fff}
 +
/*--Menu Ends Here--*/
 +
 
 +
 
 +
.htitle {
 +
display: block;
 +
padding: 8px;
 +
font-size: 1em;
 +
font-weight: bold;
 +
border-bottom: solid 1px #ccc;
 +
margin-bottom: 0px;
 +
clear:both;
 +
color: #000;
 +
}
 +
.textboxes {
 +
display: block;
 +
position: relative;
 +
border: 1px solid #f0f0f0;
 +
background: #f0f0f0;
 +
border-bottom: 2px solid #ccc; 
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
margin-top: 10px; margin-bottom: 10px;
 +
}
 +
.innertextbox { /*--Goes inside textboxes class--*/
 +
display: block;
 +
position: relative;
 +
margin: 10px;
 +
padding: 20px;
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
background: #fff;
 +
}
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Timeline
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
/* Design provided by <a href="https://2010.igem.org/Team:TU_Delft#page=Home/">iGEM TU Delft 2010</a> */
 +
 
 +
table {
 +
margin: 0;
 +
padding: 0;
 +
border: none;
 +
}
 +
table td {
 +
padding: 0px;
 +
}
 +
table .head {
 +
background-color: none;
 +
font-weight: normal;
 +
color: #fff;
 +
}
 +
table .odd {
 +
background-color: transparent;
 +
}
 +
#timeline_container {
 +
overflow-x: scroll;
 +
width: 600px;
 +
/* border: 1px solid #216085; */
 +
height: 250px;
 +
overflow-y:hidden;
 +
scrollbar-face-color:#266c96;
 +
scrollbar-shadow-color:#216085;
 +
scrollbar-highlight-color:#216085;
 +
scrollbar-3dlight-color:#216085;
 +
scrollbar-darkshadow-color:#216085;
 +
scrollbar-track-color:#d0f1fa;
 +
scrollbar-arrow-color:#fff;
 +
}
 +
 
 +
#timeline_content {
 +
width: 1650px;
 +
height: 380px;
 +
}
 +
 
 +
#content-block {
 +
width: 210px;
 +
padding: 10px;
 +
float: left;
 +
}
 +
.fastlink {
 +
font-size: 9px;
 +
font-weight: bold;
 +
text-decoration:none;
 +
}
 +
.fastlink:hover {
 +
text-decoration: underline;
 +
}
 +
.month {
 +
margin: 10px;
 +
background-color: #108812;
 +
text-align: center;
 +
font-weight:bold;
 +
display:block;
 +
width: 100%;
 +
line-height: 30px;
 +
}
 +
 
 +
.month-summary {
 +
font-size: 11px;
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
display: block;
 +
margin-bottom: -10px;
 +
line-height: 12px;
 +
}
 +
 
 +
.month-summary img {
 +
margin-bottom: 10px;
 +
}
 +
 
 +
.timeline-item {
 +
display:block;
 +
padding: 3px;
 +
border: 1px solid #eee;
 +
font-size: 10px;
 +
float: left;
 +
margin: 3px 10px;
 +
line-height: 19px;
 +
width: 210px;
 +
overflow: hidden;
 +
}
 +
 
 +
.timeline-item .date {
 +
display: block;
 +
font-weight: bold;
 +
font-size: 12px;
 +
float: left;
 +
line-height: 15px;
 +
color: #fff;
 +
background-color: #c4e438;
 +
padding: 2px;
 +
width: 20px;
 +
text-align: center;
 +
margin-right: 3px;
 +
}
 +
#content-block  a {
 +
color: #000;
 +
}
 +
 
 +
#content-block  a:hover  {
 +
text-decoration: underline;
 +
color: #000;
 +
}
 +
 
 +
h2,h3 {font-wright:bold; font-family: Calibri, Arial, Helvetica, sans-serif}
 +
 
 +
</style>
 +
</html>
 +
 
{{Regional North America west 2012 mainmenubar}}
{{Regional North America west 2012 mainmenubar}}

Revision as of 18:25, 24 July 2012


iGEM North America East


Pre-Jamboree

The Institute of Biological Engineering (IBE) is excited and proud to be the host of the iGEM 2012 North America East Regional Jamboree. Over 40 teams will be participating and competing at the North America East Regional Jamboree for a chance at a spot at the World Championships! We look forward to seeing you in Pittsburgh at Duquesne University (DU) in October.

>>Read more


During the Jamboree

Duquesne University offers modern, newly renovated lecture halls for your presentations. The campus is located in the middle of downtown with easy access to the city center.

>>Read more


Post-Jamboree

Pittsburgh is a lively city and is filled with a variety of activities. Take advantage of the opportunity to explore after the Jamboree.

>>Read more




Retrieved from "http://2012.igem.org/Regions/North_America_West/Jamboree"