Team:UChicago

From 2013.igem.org

(Difference between revisions)
m
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
/* Removing wiki-like stuff */
+
{{:Team:UChicago/Templates/Standard_header|}}
-
/****************************/
+
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
/* Redesigning the topmenu */
+
<html>
-
/***************************/
+
-
body {
+
-
    margin: 25px 0 0 0;
+
-
    padding: 0;}
+
-
#top-section {
+
-
    width: 840px;
+
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0 0 0 5px;
+
-
    border: none;}
+
-
#menubar {
+
-
    font-size: 75%;
+
-
    top: -14px;}
+
-
.left-menu {
+
-
    left: 14px;}
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: white;}
+
-
#menubar li a {
+
-
    color: transparent;}
+
-
#menubar:hover li a {
+
-
    color: #767676;}
+
-
#menubar > ul > li:last-child {
+
-
    display:none;}
+
-
/* TOC stuff removed */
+
<!-- Thanks to DTU 2011 https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki -->
 +
<!-- ************************************************************************************** -->
-
/* Font style and general */
+
         
-
/**************************/
+
-
#content {
+
-
    font-family: Montserrat, Helvetica, Verdana, sans-serif;
+
-
    font-size: 14px;
+
-
    color: #000;}
+
-
p {
+
-
    margin: 0;}
+
-
#innercontent p {
+
-
    margin: 0.6em 0;}
+
-
h2 {
+
-
    font: normal 24px Helvetica;
+
-
    color: #800000;
+
-
    border-bottom: 0}
+
-
h3 {
+
-
    font: 700 22px Montserrat;
+
-
    color: #000;}
+
-
h4 {
+
-
    font: normal 20px Montserrat;
+
-
    color: #767676;}
+
-
h1 {
+
-
    border: none;
+
-
    color: #800000;
+
-
    font-family: Helvetica;
+
-
    font-size: 20px;
+
-
    font-weight: lighter;}
+
-
#bodyContent h1, #bodyContent h2 {
+
            <!-- Slider -->
-
    margin-bottom: 0;} /* ??? */
+
            <div class="scrollable">
 +
              <div class="items">
 +
                  <div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/1/1f/UChi_front1.jpg"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/3/36/UChi_front2.jpg"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/b/bc/UChi_front3.jpg"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/8/8a/UChi_front4.jpg"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/6/6d/UChi_front5.jpg"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="https://static.igem.org/mediawiki/2013/8/83/UChi_front6.jpg"></img>
 +
                  </div>
 +
              </div>
 +
              <div class="prev"></div>
 +
              <div class="next"></div>
 +
              <div class="navi"></div>
 +
            </div>
-
ul {
 
-
    list-style: none;
 
-
    margin: 0;}
 
-
/*a:hover, a:active {
 
-
    color: #800000;
 
-
    text-decoration: underline;} */
 
-
pre {
 
-
    overflow: auto;
 
-
    font-size: 12px;} /* unneeded? */
 
-
div.tright, div.floatright {
 
-
    border: none;
 
-
    margin: 10px 0 10px 20px;} /* unneeded? */
 
-
div.tleft, div.floatleft {
 
-
    border: none;
 
-
    margin: 10px 20px 10px 0;} /* unneeded? */
 
-
div.tnone {
 
-
    border: none;} /* unneeded? */
 
-
iframe {
 
-
    margin: 1px;} /* unneeded? */
 
-
hr {
 
-
    height: 0;
 
-
    border-top: 1px solid #AAA;
 
-
    border-bottom: 1px solid #FFF;} /* unneeded? */
 
-
.clear {
 
-
    clear: both;
 
-
    height: 0;
 
-
    padding: 0;
 
-
    margin: 0;
 
-
    border: none;
 
-
    visibility: hidden;} /* unneeded? */
 
-
.superscript {
 
-
    font-size: 80%;
 
-
    position: relative;
 
-
        top: -5px;} /* unneeded? */
 
-
.subscript {
 
-
    font-size: 80%;
 
-
    position: relative;
 
-
        top: 5px;} /* unneeded? */
 
-
.farve1 {
 
-
        background-color: #FFCC00;}
 
-
.farve2 {
 
-
        background-color: #FF9900;}
 
-
.farve3 {
 
-
        background-color: #FF6600;}
 
-
.farve4 {
 
-
        background-color: #FF0000;}
 
-
.farve5 {
 
-
        background-color: #990000;}
 
-
.farve6 {
 
-
        background-color: #FF0099;}
 
-
.farve7 {
 
-
        background-color: #CC3399;}
 
-
.farve8 {
 
-
        background-color: #990066;}
 
-
.farve9 {
 
-
        background-color: #660066;}
 
-
.farve10 {
 
-
        background-color: #990099;}
 
-
.farve11 {
 
-
        background-color: #3366CC;}
 
-
.farve12 {
 
-
        background-color: #33CCFF;}
 
-
.farve13 {
 
-
        background-color: #99CC33;}
 
-
.farve14 {
 
-
        background-color: #66CC00;} /* unneeded? */
 
-
.coloredBg {
 
-
    font-size: 12px;
 
-
    font-weight: normal;
 
-
    color: #FFFFFF;
 
-
    padding: 5px;} /* unneeded? */
 
-
/* Layout */
+
     <h2 class="wrapperContent">Explore</h2>
-
/**********/
+
-
#bodyContent {
+
-
     background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;}
+
-
body, #heading, #innercontent {
+
-
    background: url("https://static.igem.org/mediawiki/2013/5/55/UC_bg-pattern.jpg") repeat #767676;}
+
-
#content, #globalWrapper {
+
-
    border: none;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;} /* needed for resetting MediaWiki */
+
-
#wrapper {
+
-
    margin: 0 auto;
+
-
    width: 875px;}
+
-
#heading {
+
-
    height: 50px;}
+
-
.whiteBox {
+
-
    background: #fff;
+
-
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
-
    width: 840px;
+
-
    margin: 0 17px;
+
-
    padding: 100px 0;
+
-
    top: -125px;
+
-
    position: relative;}
+
-
pre {
+
-
    border:none;
+
-
    color: #fff;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
}
+
-
.article {
+
-
    width: 600px;}
+
-
#toc a {
+
-
    font-weight: normal;}
+
-
/* Frontpage only */
+
    <div class="article wrapperContent">
-
/******************/
+
        <a  href="/Team:UChicago/Project"><img width="200px" height="115px" cite="http://bit.ly/1fHSyRO" src="https://static.igem.org/mediawiki/2013/3/3a/UChi_frontpage_project.jpg"></a>
-
.smallBox {
+
        <h4><a href="/Team:UChicago/Project">Learn About Our Project</a></h2>
-
    width: 270px;
+
        <p>
-
    padding: 0 20px 10px;
+
-
    float: left;
+
-
    margin-right: 15px;}
+
-
.lastSmallBox {
+
-
    width: 269px;
+
-
    margin-right: 0;}
+
-
body.page-Team_DTU-Denmark div.whitebox:first-child {
+
-
    display: none;}
+
-
/* For overview pages */
+
Each year, the poultry industry produces over two billion pounds of feather waste that's processed into low-grade animal feed. But recent research has shown that feather keratin can actually be quite useful.
-
/**********************/
+
-
.overviewPage {
+
-
    margin-left: -250px;}
+
-
.overviewBox {
+
-
    width: 450px;}
+
-
.left {
+
-
    float: left;}
+
-
.right {
+
-
    float:right;}
+
-
/* Footer */
+
        </p>
-
/**********/
+
     </div>
-
#footer {
+
-
    position: relative;
+
-
    width: 840px;
+
-
    margin: 0 17px;
+
-
    top: -90px;}
+
-
#footer h4 {
+
-
    color: #000;
+
-
    font-weight: bold;}
+
-
#footer p {
+
-
color: #fff;
+
-
display: inline;
+
-
font-family: verdana;
+
-
font-size: 11px;}
+
-
#footer p a, #footer p a:hover, #footer p a:visited, #footer p a:active {
+
-
color: #800000;
+
-
padding: 0;}
+
-
div.footerBox {
+
-
     border-right: 1px solid;
+
-
    float: left;
+
-
    margin: 10px 20px 10px 0;
+
-
    padding: 0 20px 0 0;
+
-
    width: 294px;
+
-
    min-height: 270px;}
+
-
div.footerBox:last-child {
+
-
    border: none;
+
-
    margin: 10px 0;
+
-
    padding: 0;}
+
-
.sponsorImage{
+
-
    width: 125px;
+
-
    padding: 2px 41px;
+
-
    margin: 0;}
+
-
.footerAttribute {
+
-
    padding: 60px 0 15px 0;}
+
-
.footerAttribute a, .footerAttribute p {
+
-
    padding: 0 5px;}
+
-
.footerLogo {
+
-
    padding: 15px 0 0 0;}
+
-
/* Slider (thanks to flowplayer.org) */
+
     <div class="article wrapperContent">
-
/*************************************/
+
         <a  href="/Team:UChicago/Team"><img width="200px" height="115px" src="https://static.igem.org/mediawiki/2013/4/41/UChi_frontpage_team.jpg"></a>
-
.scrollable {
+
         <h4><a href="/Team:UChicago/Team">Meet Our Team</a></h2>
-
     /* required settinsg */
+
        <p>
-
    overflow :hidden;
+
-
    padding: 60px 0;
+
-
    margin: 0 auto;
+
-
    width: 840px;
+
-
    height: 400px;
+
-
    background: #FFFFFF;}
+
-
.scrollable .items {
+
-
    /* this cannot be too large */
+
-
    width: 50000px;
+
-
    position: relative;}
+
-
.items div {
+
-
    float: left;
+
-
    width: 963px;
+
-
    height: 370px;}
+
-
.prev {
+
-
         background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        position: absolute;
+
-
            right: 805px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
-
            top: 324px;
+
-
        cursor: pointer;
+
-
        z-index: 1;}
+
-
.next {
+
-
        background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
-
         height: 74px;
+
-
        width: 74px;
+
-
        position: absolute;
+
-
            left: 805px; /* floor(963/2) + 74/2 = 481 + 37 = 518 */
+
-
            top: 324px;
+
-
        cursor: pointer;
+
-
        z-index: 1;}
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
/* position and dimensions of the navigator */
+
-
.navi {
+
-
    left: 47%;
+
-
    position: absolute;
+
-
    top: 565px;
+
-
    width: 112px;
+
-
    z-index: 1;}
+
-
.navi a {
+
-
    width: 8px;
+
-
    height: 8px;
+
-
    float: left;
+
-
    margin: 3px;
+
-
    background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
+
-
    /*background: url(https://static.igem.org/mediawiki/2011/2/22/DTU-Denmark2011-slider-navigator-dark.png) 0 0 no-repeat;*/
+
-
    display: block;
+
-
    font-size: 1px;}
+
-
.navi a:hover {
+
-
    background-position: 0 -8px;}
+
-
.navi a.active {
+
-
    background-position: 0 -16px;}
+
-
/* Tooltips (thanks to flowplayer.org) */
+
Curious about us? Meet the energetic and dedicated team that made competing this year possible! Learn a bit about us - our passions, our hobbies, and our quirks.
-
/*********************************************/
+
-
/*.tooltip {
+
-
        z-index: 2;
+
-
    display:none;
+
-
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
+
-
    font-size:14px;
+
-
    height:70px;
+
-
    width:160px;
+
-
    padding:25px;
+
-
    color:#fff;}
+
-
*/
+
-
nav {
 
-
    width: 875px;
 
-
    height: 69px;
 
-
    background: url("https://static.igem.org/mediawiki/2013/7/74/UChi_banner.png") no-repeat 50%;
 
-
    z-index: 1;
 
-
    position: relative;}
 
-
nav ul {
+
        </p>
-
     list-style: none;
+
     </div>
-
    padding: 5px 25px 7px 25px;}
+
-
nav ul li {
+
     <div class="article wrapperContent">
-
     display: inline;
+
        <a  href="/Team:UChicago/Sponsor_Us"><img width="200px" height="115px" cite="http://bit.ly/16C5eSs" src="https://static.igem.org/mediawiki/2013/0/00/UChi_frontpage_nextyear.jpg"></a>
-
    padding-left: 2px}
+
        <h4><a href="/Team:UChicago/Sponsor_Us#joining">Interested in Joining Next Year's Team?</a></h2>
 +
        <p>
-
nav ul li a {
+
We’d be happy to have you! This summer, we've learned a lot about what it takes to organize a team, choose a project, find a lab , and secure funding for iGEM. Next year will be better than ever. Get in touch!
-
    color: #000;}
+
-
.navIgem img {
 
-
    padding-bottom: 7px;
 
-
    padding-right: 80px;}
 
-
.navItem a:hover, .navSponsor a:hover {
+
        </p>
-
     color: #800000;
+
     </div>
-
    border-bottom: 2px solid #800000;}
+
-
.navHome a, .navHome a:hover, .navHome a:visited, .navHome a:active {
+
    <div class="button wrapperContent">
-
     font-size: 22px;
+
        <h3><a href="/Team:UChicago/Sponsor_Us">Sponsor Us for Next Year's Competition!</a></h3>
-
    font-weight: 700;
+
     </div>
-
    color: rgb(128,0,0);
+
-
    text-decoration: none;
+
-
    /*margin-right: 2px #000*/}
+
-
.navBar {
+
     <div class="divider"><p><a href="#top">^ top</a></p></div>
-
     font-size: 22px;
+
-
    font-weight: 700;
+
-
    color: #000;}
+
-
.navItem, .navSponsor {
+
    <div class="wrapperContent social">
-
     padding: 0 9px;}
+
        <h2>Say Hello</h2>
 +
        <ul>
 +
          <li><a href="mailto:uchicago-igem@googlegroups.com?subject=Wiki Visitor:" target="_blank">Email us!</a></li>
 +
          <li id="hello_facebook"><a href="http://www.facebook.com/GeneHackersatUChicago" target="_blank">Visit our Facebook Page</a></li>
 +
        </ul>
 +
     </div>
-
.navIgem a, .navIgem a:hover, .navIgem a:visited, .navIgem a:active {
+
  </html>
-
    font-size: 22px;
+
-
    font-weight: 700;
+
-
    color: #8A9045;
+
-
    text-decoration: none;
+
-
    margin: 0;}
+
-
.navItem a, .navItem a:hover, .navItem a:visited, .navItem a:active  {
+
{{:Team:UChicago/Templates/Standard_footer}}
-
    font-size: 14px;
+
-
    font-weight: 400;
+
-
    color: #000;
+
-
    text-decoration: none;
+
-
    margin: 0;}
+
-
 
+
-
.navSponsor a, .navSponsor a:visited, .navSponsor a:active {
+
-
    font-size: 14px;
+
-
    font-weight: 400;
+
-
    color: #8F3931;
+
-
    text-decoration: none;
+
-
    margin: 0;}
+
-
 
+
-
.navSponsor a:hover, {
+
-
    font-size: 14px;
+
-
    font-weight: 400;
+
-
    color: #800000;
+
-
    text-decoration: none;
+
-
    margin: 0;}
+
-
 
+
-
.article {
+
-
    padding: 0 150px 0 100px;
+
-
}
+
-
 
+
-
/* added 9-23-13 */
+
-
 
+
-
#bodyContent a[href ^="mailto:"], .link-mailto {
+
-
    background: url(https://static.igem.org/mediawiki/2013/8/80/UChi_iconMail.png) center left no-repeat;
+
-
    padding-left: 35px;
+
-
}
+
-
 
+
-
#hello_facebook a {
+
-
    background: url(https://static.igem.org/mediawiki/2013/1/1b/UChi_iconFacebook.png) center left no-repeat;
+
-
    padding-left: 35px;
+
-
}
+

Latest revision as of 02:18, 28 September 2013

Explore

Learn About Our Project

Each year, the poultry industry produces over two billion pounds of feather waste that's processed into low-grade animal feed. But recent research has shown that feather keratin can actually be quite useful.

Meet Our Team

Curious about us? Meet the energetic and dedicated team that made competing this year possible! Learn a bit about us - our passions, our hobbies, and our quirks.

Interested in Joining Next Year's Team?

We’d be happy to have you! This summer, we've learned a lot about what it takes to organize a team, choose a project, find a lab , and secure funding for iGEM. Next year will be better than ever. Get in touch!