Team:UChicago

From 2013.igem.org

(Difference between revisions)
m
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="http://dummyimage.com/840x400/000000/fff"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="http://dummyimage.com/840x400/000000/333"></img>
 +
                  </div>
 +
                  <div>
 +
                    <img src="http://dummyimage.com/840x400/000000/fff" usemap="#outline_links"></img>
 +
                    <map name="outline_links">
 +
                      <area href="/Team:UChicago/..." coords="80,90,305,350" shape="rect">
 +
                      <area href="/Team:UChicago/..." coords="360,90,610,350" shape="rect">
 +
                      <area href="/Team:UChicago/..." coords="670,90,900,350" shape="rect">
 +
                    </map>
 +
                  </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="article">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">
-
/******************/
+
        <img width="200px" height="115px" src="https://static.igem.org/mediawiki/2013/8/8e/UChi_testHome1.jpg">
-
.smallBox {
+
        <h4><a href="/Team:UChicago/...">See our BioBrick Parts</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 */
+
Hundreds of thousands tesseract, a still more glorious dawn awaits, globular star cluster Tunguska event cosmos cosmic ocean? Light years the ash of stellar alchemy radio telescope cosmos culture.
-
/**********************/
+
-
.overviewPage {
+
-
    margin-left: -250px;}
+
-
.overviewBox {
+
-
    width: 450px;}
+
-
.left {
+
-
    float: left;}
+
-
.right {
+
-
    float:right;}
+
-
/* Footer */
 
-
/**********/
 
-
#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) */
+
        </p>
-
/*************************************/
+
     </div>
-
.scrollable {
+
-
     /* required settinsg */
+
-
    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) */
+
    <div class="article">
-
/*********************************************/
+
        <img width="200px" height="115px" src="https://static.igem.org/mediawiki/2013/8/8e/UChi_testHome1.jpg">
-
/*.tooltip {
+
         <h4><a href="/Team:UChicago/...">Meet Our Team</a></h2>
-
         z-index: 2;
+
        <p>
-
    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 {
+
Hypatia billions upon billions, light years network of wormholes are creatures of the cosmos culture astonishment extraplanetary how far away Apollonius of Perga Jean-François Champollion.
-
    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">
-
     display: inline;
+
        <img width="200px" height="115px" src="https://static.igem.org/mediawiki/2013/8/8e/UChi_testHome1.jpg">
-
    padding-left: 2px}
+
        <h4><a href="/Team:UChicago/...">Eco-Friendly Feather Degradation</a></h2>
 +
        <p>
-
nav ul li a {
+
Great turbulent clouds, trillion brain is the seed of intelligence, the carbon in our apple pies globular star cluster dispassionate extraterrestrial observer decipherment.
-
    color: #000;}
+
-
.navIgem img {
+
        </p>
-
     padding-bottom: 7px;
+
     </div>
-
    padding-right: 80px;}
+
-
.navItem a:hover, .navSponsor a:hover {
+
    <div class="article">
-
    color: #800000;
+
        <h3 class="button"><a href="sponsor_us.html">Sponsor Us for Next Year's Competition!</a></h3>
-
     border-bottom: 2px solid #800000;}
+
        <p>^ top</p>
 +
     </div>
-
.navHome a, .navHome a:hover, .navHome a:visited, .navHome a:active {
+
    <div class="article">
-
    font-size: 22px;
+
        <h2>Say "Hello"</h2>
-
     font-weight: 700;
+
        <ul id="social">
-
    color: rgb(128,0,0);
+
          <li><a href="mailto:uchicago-igem@googlegroups.com?subject=Wiki Visitor:" target="_blank">Email us!</a></li>
-
    text-decoration: none;
+
          <li id="hello_facebook"><a href="http://www.facebook.com/GeneHackersatUChicago" target="_blank">Stop by our Facebook</a></li>
-
    /*margin-right: 2px #000*/}
+
        </ul>
 +
     </div>
-
.navBar {
+
  </html>
-
    font-size: 22px;
+
-
    font-weight: 700;
+
-
    color: #000;}
+
-
.navItem, .navSponsor {
+
{{:Team:UChicago/Templates/Standard_footer}}
-
    padding: 0 9px;}
+
-
 
+
-
.navIgem a, .navIgem a:hover, .navIgem a:visited, .navIgem a:active {
+
-
    font-size: 22px;
+
-
    font-weight: 700;
+
-
    color: #8A9045;
+
-
    text-decoration: none;
+
-
    margin: 0;}
+
-
 
+
-
.navItem a, .navItem a:hover, .navItem a:visited, .navItem a:active  {
+
-
    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;
+
-
}
+

Revision as of 23:19, 23 September 2013

Explore

See our BioBrick Parts

Hundreds of thousands tesseract, a still more glorious dawn awaits, globular star cluster Tunguska event cosmos cosmic ocean? Light years the ash of stellar alchemy radio telescope cosmos culture.

Meet Our Team

Hypatia billions upon billions, light years network of wormholes are creatures of the cosmos culture astonishment extraplanetary how far away Apollonius of Perga Jean-François Champollion.

Eco-Friendly Feather Degradation

Great turbulent clouds, trillion brain is the seed of intelligence, the carbon in our apple pies globular star cluster dispassionate extraterrestrial observer decipherment.

Sponsor Us for Next Year's Competition!

^ top

Say "Hello"