Team:UChicago/Team

From 2013.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
-
{{:Team:UChicago/Templates/Standard_header|}}
+
/* Removing wiki-like stuff */
 +
/****************************/
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
/* Redesigning the topmenu */
 +
/***************************/
 +
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 */
 +
/* 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;}
 +
#bodyContent h2 {
 +
    font: normal 24px Helvetica;
 +
    color: #800000;
 +
    border-bottom: 0;
 +
    margin-bottom: 30px;}
 +
#bodyContent h3 {
 +
    font: 400 18px Montserrat;
 +
    color: #000;
 +
    margin: 0;}
 +
h4 a, h4 a:visited, h4 a:active {
 +
    font: bold 17px Montserrat;
 +
    color: #000;
 +
    border-bottom: 0
 +
    transition: all 0.1s ease-in-out;
 +
    -webkit-transition: all 0.1s ease-in-out;}
 +
h4 a:hover{
 +
    font: bold 17px Montserrat;
 +
    color: #800000;
 +
    border-bottom: 0}
 +
h1 {
 +
    border: none;
 +
    color: #800000;
 +
    font-family: Helvetica;
 +
    font-size: 20px;
 +
    font-weight: lighter;}
 +
/* #bodyContent h1, #bodyContent h2 {
 +
    margin-bottom: 0;}  ??? */
-
THE OFFICIAL TEAM PROFILE CAN BE LEFT AS IS, BUT THE ATTRIBUTIONS PAGE NEEDS TO BE FILLED OUT
+
ul {
 +
    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 */
 +
/**********/
 +
#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;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
#toc a {
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UChicago Official Team Profile]
+
    font-weight: normal;}
-
!align="center"|[[Team:UChicago/Attributions|Attributions]]
+
-
|}
+
 +
/* Frontpage only */
 +
/******************/
 +
.smallBox {
 +
    width: 270px;
 +
    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;}
-
<html>
+
/* For overview pages */
 +
/**********************/
 +
.overviewPage {
 +
    margin-left: -250px;}
 +
.overviewBox {
 +
    width: 450px;}
 +
.left {
 +
    float: left;}
 +
.right {
 +
    float:right;}
-
<style type="text/css">
+
/* Footer */
-
.navTeam a {
+
/**********/
-
     border-bottom: 2px solid #800000; }
+
#footer {
-
</style>
+
    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) */
 +
/*************************************/
 +
.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;}
-
<!-- Thanks to DTU 2011 https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki -->
+
/* Tooltips (thanks to flowplayer.org) */
-
<!-- ************************************************************************************** -->
+
/*********************************************/
 +
/*.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;}
-
     <h2 class="wrapperContent">The Undergrads</h2>
+
nav ul {
 +
     list-style: none;
 +
    padding: 5px 25px 7px 25px;}
-
     <div class="article wrapperContent">
+
nav ul li {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/2/25/UChi_Alice_shibainu.jpg">
+
     display: inline;
-
        <h4>Alice Ye</h4>
+
     padding-left: 2px}
-
        <p><em>Biological Sciences</em></p>
+
-
        <p>
+
-
        Hailing from the plains of Illinois, Alice was nourished on a mix of public school and dystopian novels. Besides tinkering around with microorganisms, her hobbies include reading cookbooks and figuring out how to become Tony Stark.
+
-
        </p>
+
-
     </div>
+
-
     <div class="article wrapperContent">
+
nav ul li a {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/8/8d/UChi_Annie_otter.jpg">
+
     color: #000;}
-
        <h4>Annie Zheng</h4>
+
-
        <p><em>Biological Sciences</em></p>
+
-
        <p>
+
-
        Originally from Hong Kong, Annie spends her days doing Western blots.  When not identifying proteins, Annie is passionate about microwaving food, not reading cookbooks, and selling dresses on marketplace.
+
-
        </p>
+
-
    </div>
+
-
     <div class="article wrapperContent">
+
.navIgem img {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/d/de/UChi_Chloe_Sheldon.jpg">
+
     padding-bottom: 7px;
-
        <h4>Chloe Weisberg</h4>
+
     padding-right: 80px;}
-
        <p><em>Biological Sciences</em></p>
+
-
        <p>
+
-
        Calling a Michigan suburb located in the first metacarpal bone home, Chloe enjoys spreading awareness of synthetic biology. When not teaching high school students, she enjoys the much more arduous endeavor of teaching her dog, Sheldon, to fetch.
+
-
        </p>
+
-
     </div>
+
-
    <div class="article wrapperContent">
+
.navTeam a:hover,
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/1/17/UChi_Elina_quokka.jpg">
+
.navProject a:hover,  
-
        <h4>Elina Kostyanovskaya</h4>
+
.navNotebook a:hover,  
-
        <p><em>Biological Sciences, specialization in genetics</em></p>
+
.navSafety a:hover,  
-
        <p>
+
.navSponsor a:hover {
-
        Born in Russia and blown over by a strong gust of frosty wind to the humid plains of Texas, Elina enjoys all facets of biology, but is particularly fascinated by epigenetics. When not working , Elina enjoys virgin pina coladas, getting lost in the rain, reading, and teaching health workshops in Chicago public schools.
+
     border-bottom: 2px solid #800000;}
-
        </p>
+
-
     </div>
+
-
    <div class="article wrapperContent">
+
.navHome a, .navHome a:hover, .navHome a:visited, .navHome a:active {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/3/3b/UChi_Ethan_elephant.jpg">
+
    font-size: 22px;
-
        <h4>Ethan Bass</h4>
+
    font-weight: 700;
-
        <p><em>Biological Sciences, specialization in genetics</em></p>
+
    color: rgb(128,0,0);
-
        <p>
+
    text-decoration: none;
-
        In addition to being passionate about biology and Hawaiian shirts, Ethan’s hobbies are cracking black walnuts and curating the world's most spectacular Charlie Sheen websites. Sadly, he will never fulfill his dream to help the Scooby-Doo Gang solve mysteries.
+
     /*margin-right: 2px #000*/}
-
        </p>
+
-
     </div>
+
-
     <div class="article wrapperContent">
+
.navBar {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/8/88/UChi_Ivan_Tamandua.jpg">
+
     font-size: 22px;
-
        <h4>Ivan Lopez</h4>
+
    font-weight: 700;
-
        <p><em>Biological Sciences</em></p>
+
     color: #000;}
-
        <p>
+
-
        Ivan hails from a Chicago suburb. He likes biology, clearly. He also enjoy booking (and canceling) cruises to the Caribbean and was born to boogie.
+
-
        </p>
+
-
     </div>
+
-
    <div class="article wrapperContent">
+
.navTeam,
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/c/c6/UChi_Klevin_lemur.jpg">
+
.navProject,
-
        <h4>Klevin Lo</h4>
+
.navNotebook,
-
        <p><em>Biological Sciences</em></p>
+
.navSafety, .navSponsor {
-
        <p>
+
     padding: 0 9px;}
-
        Driven by interests in social causes, entrepreneurial opportunities, and technological breakthroughs, Klevin sees iGEM as an excellent venue to combine all of these into one pursuit by engineering microbes with novel functions that can be marketed for use as viable eco-friendly alternatives to different industrial processes.
+
-
        </p>
+
-
     </div>
+
-
    <div class="article wrapperContent">
+
.navIgem a, .navIgem a:hover, .navIgem a:visited, .navIgem a:active {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/c/c9/UChi_Kyle_polarbear.jpg">
+
    font-size: 22px;
-
        <h4>Kyle Engel</h4>
+
     font-weight: 700;
-
        <p><em>Chemistry and Statistics</em></p>
+
    color: #8A9045;
-
        <p>
+
    text-decoration: none;
-
        Kyle was born and raised in Downers Grove, a suburb of Chicago. Kyle enjoys playing baseball, jamming on his guitar, and attending a wide range of musical concerts (anything from heavy metal to classical). He aspires to be an orthopedic surgeon.
+
    margin: 0;}
-
        </p>
+
-
     </div>
+
-
    <div class="article wrapperContent">
+
.navTeam a, .navTeam a:visited, .navTeam a:active,
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/f/f7/UChi_Nicole_cat.jpg">
+
.navProject a, .navProject a:hover, .navProject a:visited, .navProject a:active,
-
        <h4>Nicole Lee</h4>
+
.navNotebook a, .navNotebook a:hover, .navNotebook a:visited, .navNotebook a:active,  
-
        <p><em>Biological Sciences, Minor in Statistics and Human Rights</em></p>
+
.navSafety a, .navSafety a:hover, .navSafety a:visited, .navSafety a:active  {
-
        <p>
+
    font-size: 14px;
-
        Nicole was born in South Korea but raised in Minnesota's Twin Cities. She loves studying cancer and disease, big cities, rap, bicycles, rooftops, good food, and all things lime green.
+
     font-weight: 400;
-
        </p>
+
    color: #000;
-
     </div>
+
    text-decoration: none;
 +
    margin: 0;}
-
    <div class="article wrapperContent">
+
.navSponsor a, .navSponsor a:visited, .navSponsor a:active {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/8/84/UChi_Nora_koala.jpg">
+
    font-size: 14px;
-
        <h4>Nora Vivanco Gonzalez</h4>
+
    font-weight: 400;
-
        <p><em>Biological Sciences</em></p>
+
    color: #8F3931;
-
        <p>
+
    text-decoration: none;
-
        Nora decided to do iGEM because she wanted the chance to work on a project with her friends and meet new people who had similar academic interests. Outside of iGEM, Nora likes hip hop dancing and watching meteor showers.
+
     margin: 0;}
-
        </p>
+
-
     </div>
+
-
     <div class="article wrapperContent">
+
.navSponsor a:hover, {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/6/69/UChi_Susan_tarsier.jpg">
+
     font-size: 14px;
-
        <h4>Susan Doh</h4>
+
    font-weight: 400;
-
        <p><em>Biological Sciences and Psychology</em></p>
+
    color: #800000;
-
        <p>
+
    text-decoration: none;
-
        Born at the boundary of Theme Park, USA but raised in the quiet suburbs of Chicago, Susan grew up enamored of the endless possibilities of sci-fi and fantasy novels and the history of the ancient world. Now a fourth year at the University of Chicago studying Biology and Psychology, she continues her apprenticeship in science and medicine, while transfiguring E. coli and keeping her pet HEK293 cells happy.
+
     margin: 0;}
-
        </p>
+
-
     </div>
+
-
     <div class="divider"><p><a href="#top">^ top</a></p></div>
+
.wrapperContent {
 +
     margin: 0 100px;
 +
    width: 640px;
 +
}
-
    <h2 class="wrapperContent">Attributions</h2>
+
/* added 9-23-13 */
-
    <div class="attributions wrapperContent">
+
#bodyContent a[href ^="mailto:"], .link-mailto {
-
      <p>The University of Chicago iGEM team was responsible for conducting all of the laboratory experiments involved in the project.</p>
+
    background: url(https://static.igem.org/mediawiki/2013/8/80/UChi_iconMail.png) center left no-repeat;
-
      <p>The University of Chicago Biological Sciences Department provided laboratory space and equipment for the iGEM team to conduct its experiments and hold meetings.</p>
+
     padding-left: 35px;
-
      <p>Our graduate student advisors provided research experience and advice for the team to troubleshoot experiments as well as the strain of B. subtilis with pUB110, which we used for our experiments.</p>
+
}
-
      <p>Our faculty advisors also provided advice on how to go forward with our project and evaluated the feasibility of our project.</p>
+
-
      <p>Greiner Bio-One, New England Bio Labs, and SARSTEDT provided laboratory equipment and reagents for the iGEM team to conduct its experiments.</p>
+
-
      <p>The University of Chicago Institute for Molecular Engineering, Student Government, and Dean's Fund provided the team with funds needed to participate in the competition and operate the lab.</p>
+
-
     </div>
+
-
    <div class="button wrapperContent">
+
#hello_facebook a {
-
        <h3><a href="/Team:UChicago/Sponsor_Us">Sponsor Us for Next Year's Competition!</a></h3>
+
    background: url(https://static.igem.org/mediawiki/2013/1/1b/UChi_iconFacebook.png) center left no-repeat;
-
     </div>
+
     padding-left: 35px;
 +
}
-
</html>
+
/* added 9-24-13 */
 +
.article {
 +
    clear: both;
 +
    overflow: hidden;
 +
    margin-bottom: 20px;
 +
}
 +
.article img {
 +
    float: left;
 +
    padding: 0 10px 10px 0;
 +
}
 +
.article h4 {
 +
    float: left;
 +
    padding: 0;
 +
    width: 390px;
 +
    height: 25px;
 +
}
 +
.article p {
 +
    float: left;
 +
    color: #565656;
 +
    width: 390px;
 +
}
 +
#bodyContent h4 {
 +
    margin-bottom: 0;
 +
}
 +
#bodyContent .button {
 +
    text-align: center;
 +
    margin-top: 70px;
 +
    margin-bottom: 50px;
 +
}
-
{|align="justify"
+
.button a {
-
|[[Image:UChicago_logo.png|20px|right|frame]]
+
    background-color: #8A9045;
-
|-
+
    padding: 10px 60px;
-
|}
+
    text-align: center;
 +
    vertical-align: middle;
 +
    border-radius: 5px;
 +
    -webkit-border-radius: 5px;
 +
    transition: background 0.1s ease-in-out;
 +
    -webkit-transition: background 0.1s ease-in-out;
 +
}
 +
.button:hover a {
 +
    background-color: #58593F;
 +
}
-
{{:Team:UChicago/Templates/Standard_footer}}
+
.button a, .button a:hover {
 +
    color: #fff;
 +
    text-decoration: none;
 +
}
 +
 
 +
/* from 9-25-13 */
 +
.divider p {
 +
    border-top: 1px solid #D6D6CE;
 +
    text-align: right;
 +
    font: 10px Verdana;
 +
    padding: 2px 2px 10px 0;
 +
}
 +
 
 +
.divider p a, .divider p a:hover {
 +
    color: #800000;
 +
    text-decoration: none;
 +
}
 +
 
 +
.divider {
 +
    width: 713px;
 +
    margin: 0 auto;
 +
}
 +
 
 +
.social ul a {
 +
    font: 400 18px Montserrat;
 +
    color: #767676;
 +
    transition: all 0.1s ease-in-out;
 +
    -webkit-transition: all 0.1s ease-in-out;
 +
}
 +
.social ul li {
 +
    margin: 0 0 13px 0;
 +
}
 +
 
 +
.social ul a:hover {
 +
    text-decoration: none;
 +
    color: #D6D6CE;
 +
}
 +
 
 +
.social ul {
 +
    list-style: none;
 +
}
 +
 
 +
.attributions p {
 +
    text-indent: 5px;
 +
}

Revision as of 21:01, 26 September 2013

/* Removing wiki-like stuff */ /****************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}

/* Redesigning the topmenu */ /***************************/ body { 

   margin: 25px 0 0 0;
   padding: 0;}
  1. top-section { 
   width: 840px;
   height: 0;
   margin: 0 auto;
   padding: 0 0 0 5px;
   border: none;}
  1. menubar { 
   font-size: 75%;
   top: -14px;}

.left-menu { 

   left: 14px;}

.left-menu:hover { 

   background-color: transparent;}
  1. menubar li a { 
   background-color: transparent;}
  1. menubar:hover { 
   color: white;}
  1. menubar li a { 
   color: transparent;}
  1. menubar:hover li a { 
   color: #767676;}
  1. menubar > ul > li:last-child { 
   display:none;}

/* TOC stuff removed */

/* Font style and general */ /**************************/

  1. content { 
   font-family: Montserrat, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   color: #000;}

p { 

   margin: 0;}
  1. innercontent p { 
   margin: 0.6em 0;}
  1. bodyContent h2 { 
   font: normal 24px Helvetica;
   color: #800000;
   border-bottom: 0;
   margin-bottom: 30px;}
  1. bodyContent h3 { 
   font: 400 18px Montserrat;
   color: #000;
   margin: 0;}

h4 a, h4 a:visited, h4 a:active { 

   font: bold 17px Montserrat;
   color: #000;
   border-bottom: 0
   transition: all 0.1s ease-in-out;
   -webkit-transition: all 0.1s ease-in-out;}

h4 a:hover{ 

   font: bold 17px Montserrat;
   color: #800000;
   border-bottom: 0}

h1 { 

   border: none;
   color: #800000;
   font-family: Helvetica;
   font-size: 20px;
   font-weight: lighter;}

/* #bodyContent h1, #bodyContent h2 { 

   margin-bottom: 0;}  ??? */

ul { 

   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 */ /**********/

  1. bodyContent { 
   background: url("UC_bg-pattern.jpg") repeat #767676;}

body, #heading, #innercontent { 

   background: url("UC_bg-pattern.jpg") repeat #767676;}
  1. content, #globalWrapper { 
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;} /* needed for resetting MediaWiki */
  1. wrapper { 
   margin: 0 auto;
   width: 875px;}
  1. 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;

}

  1. toc a { 
   font-weight: normal;}

/* Frontpage only */ /******************/ .smallBox { 

   width: 270px;
   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 */ /**********************/ .overviewPage { 

   margin-left: -250px;}

.overviewBox { 

   width: 450px;}

.left { 

   float: left;}

.right { 

   float:right;}

/* Footer */ /**********/

  1. footer { 
   position: relative;
   width: 840px;
   margin: 0 17px;
   top: -90px;}
  1. footer h4 { 
   color: #000;
   font-weight: bold;}
  1. footer p {

color: #fff; display: inline; font-family: verdana; font-size: 11px;}

  1. 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) */ /*************************************/ .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(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(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(DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat;
   /*background: url(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) */ /*********************************************/ /*.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("UChi_banner.png") no-repeat 50%;
   z-index: 1;
   position: relative;}

nav ul { 

   list-style: none;
   padding: 5px 25px 7px 25px;}

nav ul li { 

   display: inline;
   padding-left: 2px}

nav ul li a { 

   color: #000;}

.navIgem img { 

   padding-bottom: 7px;
   padding-right: 80px;}

.navTeam a:hover, .navProject a:hover, .navNotebook a:hover, .navSafety a:hover, .navSponsor a:hover { 

   border-bottom: 2px solid #800000;}

.navHome a, .navHome a:hover, .navHome a:visited, .navHome a:active { 

   font-size: 22px;
   font-weight: 700;
   color: rgb(128,0,0); 
   text-decoration: none;
   /*margin-right: 2px #000*/}

.navBar { 

   font-size: 22px;
   font-weight: 700;
   color: #000;}

.navTeam, .navProject, .navNotebook, .navSafety, .navSponsor { 

   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;}

.navTeam a, .navTeam a:visited, .navTeam a:active, .navProject a, .navProject a:hover, .navProject a:visited, .navProject a:active, .navNotebook a, .navNotebook a:hover, .navNotebook a:visited, .navNotebook a:active, .navSafety a, .navSafety a:hover, .navSafety a:visited, .navSafety 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;}

.wrapperContent { 

   margin: 0 100px;
   width: 640px;

}

/* added 9-23-13 */

  1. bodyContent a[href ^="mailto:"], .link-mailto { 
   background: url(UChi_iconMail.png) center left no-repeat;
   padding-left: 35px;

}

  1. hello_facebook a { 
   background: url(UChi_iconFacebook.png) center left no-repeat;
   padding-left: 35px;

}

/* added 9-24-13 */

.article { 

   clear: both;
   overflow: hidden;
   margin-bottom: 20px;

}

.article img { 

   float: left;
   padding: 0 10px 10px 0;

}

.article h4 { 

   float: left;
   padding: 0;
   width: 390px;
   height: 25px;

}

.article p { 

   float: left;
   color: #565656;
   width: 390px;

}

  1. bodyContent h4 { 
   margin-bottom: 0;

}

  1. bodyContent .button { 
   text-align: center;
   margin-top: 70px;
   margin-bottom: 50px;

}

.button a { 

   background-color: #8A9045;
   padding: 10px 60px;
   text-align: center;
   vertical-align: middle;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   transition: background 0.1s ease-in-out;
   -webkit-transition: background 0.1s ease-in-out;

}

.button:hover a { 

   background-color: #58593F;

}

.button a, .button a:hover { 

   color: #fff;
   text-decoration: none;

}

/* from 9-25-13 */ .divider p { 

   border-top: 1px solid #D6D6CE;
   text-align: right;
   font: 10px Verdana;
   padding: 2px 2px 10px 0;

}

.divider p a, .divider p a:hover { 

   color: #800000;
   text-decoration: none;

}

.divider { 

   width: 713px;
   margin: 0 auto;

}

.social ul a { 

   font: 400 18px Montserrat;
   color: #767676;
   transition: all 0.1s ease-in-out;
   -webkit-transition: all 0.1s ease-in-out;

} .social ul li { 

   margin: 0 0 13px 0;

}

.social ul a:hover { 

   text-decoration: none;
   color: #D6D6CE;

}

.social ul { 

   list-style: none;

}

.attributions p { 

   text-indent: 5px;

}

Retrieved from "http://2013.igem.org/Team:UChicago/Team"