|
|
(10 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{Regional North America west 2012 CSS}} |
- | | + | |
- | | + | |
- | <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}} |
| | | |
Line 740: |
Line 11: |
| <meta name="description" content="" /> | | <meta name="description" content="" /> |
| <meta name="keywords" content="" /> | | <meta name="keywords" content="" /> |
- | <title>iGEM North America East</title> | + | <title>iGEM North America West</title> |
| <link href="http://fonts.googleapis.com/css?family=Jura" rel="stylesheet" type="text/css" /> | | <link href="http://fonts.googleapis.com/css?family=Jura" rel="stylesheet" type="text/css" /> |
| | | |
Line 759: |
Line 30: |
| <html> | | <html> |
| | | |
- | <img src="http://www.ibe.org/_resources/images/iGem/2012-iGEM-banner.png" width="910" style="margin-top:-70px; border:1px solid #bcd3fd;"> | + | <img src="https://static.igem.org/mediawiki/2012/3/34/Westbannernew.jpg" title="attributed to shogunangel (Flickr)" width="910" style="margin-top:-70px; border:1px solid #ffffff;"> |
| <div id="main"> | | <div id="main"> |
| | | |
| <div id="columns"> | | <div id="columns"> |
| <div class="column column1"> | | <div class="column column1"> |
- | <h2><a href="https://2012.igem.org/Regions/North_America_East/Pre-Jamboree">Pre-Jamboree</a></h2> | + | <h2><a href="https://2012.igem.org/Regions/North_America_West/Pre-Jamboree">Pre-Jamboree</a></h2> |
| <p> | | <p> |
- | <img src="http://www.ibe.org/_resources/images/iGem/IBE.jpg" style="float:left; margin: 0 10px 10px 0px;" width="120"> The <a href="http://www.ibe.org">Institute of Biological Engineering</a> (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. | + | <img src="https://static.igem.org/mediawiki/igem.org/e/ec/Americaseast_Stanford-logo.gif" style="float:left; margin: 0 10px 10px 0px;" width="230"> Stanford University is proud to be hosting the Americas West jamboree. Over 20 teams will be participating and competing at the North America West Regional Jamboree for a chance at a spot at the World Championships! We look forward to seeing you in Palo Alto at Stanford in October. |
| | | |
| <br> | | <br> |
| | | |
| | | |
- | <br/>>><a href="https://2012.igem.org/Regions/North_America_East/Pre-Jamboree">Read more</a> | + | <br/>>><a href="https://2012.igem.org/Regions/North_America_West/Pre-Jamboree">Read more</a> |
| </p> | | </p> |
| <br> | | <br> |
Line 778: |
Line 49: |
| </div> | | </div> |
| <div class="column column2"> | | <div class="column column2"> |
- | <h2><a href="https://2012.igem.org/Regions/North_America_East/During-Jamboree">During the Jamboree</a></h2> | + | <h2><a href="https://2012.igem.org/Regions/North_America_West/During-Jamboree">During the Jamboree</a></h2> |
| <p> | | <p> |
- | <img src="http://www.ibe.org/_resources/images/iGem/Duquesne_University.jpg" style="float:left; margin: 0 10px 10px 0px;" width="120"> 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. | + | <img src="https://static.igem.org/mediawiki/igem.org/b/b0/AmericasWest_stanfordcampus.jpg" style="float:left; margin: 0 10px 10px 0px;" width="230"> Enjoy the stunning campus grounds of Stanford University, located in the heart of Silicon Valley. |
| | | |
| <br> | | <br> |
| | | |
- | <br/>>><a href="https://2012.igem.org/Regions/North_America_East/During-Jamboree">Read more</a> | + | <br/>>><a href="https://2012.igem.org/Regions/North_America_West/During-Jamboree">Read more</a> |
| </p> | | </p> |
| <br> | | <br> |
Line 792: |
Line 63: |
| | | |
| <div class="column column3"> | | <div class="column column3"> |
- | <h2><a href="https://2012.igem.org/Regions/North_America_East/Post-Jamboree">Post-Jamboree</a></h2> | + | <h2><a href="https://2012.igem.org/Regions/North_America_West/Post-Jamboree">Post-Jamboree</a></h2> |
| <p> | | <p> |
- | <img src="http://www.ibe.org/_resources/images/iGem/pittsburgh.jpg" style="float:left; margin: 0 10px 10px 0px;" width="120"> Pittsburgh is a lively city and is filled with a variety of activities. Take advantage of the opportunity to explore after the Jamboree. | + | <img src="https://static.igem.org/mediawiki/2012/b/bd/Sanfranciscofromabove.jpg" title="attributed to Tolka Rover" style="float:left; margin: 0 10px 10px 0px;" width="230"> Stanford is located in between San Francisco and San Jose. Take advantage of the opportunity to explore the city after the Jamboree. |
- | <br><br/>>><a href="https://2012.igem.org/Regions/North_America_East/Post-Jamboree">Read more</a> | + | <br><br/>>><a href="https://2012.igem.org/Regions/North_America_West/Post-Jamboree">Read more</a> |
| </p> | | </p> |
| <br> | | <br> |