Team:UChicago/stylesheet

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
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 */
-
<html>
+
/* Font style and general */
-
  <div id="The_Undergrads" class="subNav">
+
/**************************/
-
      <ul>
+
#content {
-
          <li class="">
+
    font-family: Montserrat, Helvetica, Verdana, sans-serif;
-
              <a href="https://igem.org/Team.cgi?year=2013&team_name=UChicago">Official Team Profile</a>
+
    font-size: 14px;
-
          </li>
+
    color: #000;}
-
          <li class="">
+
p {
-
              <a href="#The_Undergrads">The Undergrads</a>
+
    margin: 0;}
-
          </li>
+
#innercontent p {
-
          <li class="">
+
    margin: 0.6em 0;}
-
              <a href="#The_Advisors">The Advisors</a>
+
#bodyContent h2 {
-
          </li>
+
    font: normal 24px Helvetica;
-
          <li class="">
+
    color: #800000;
-
              <a href="#Attributions">Attributions</a>
+
    border-bottom: 0;
-
          </li>
+
    margin-bottom: 30px;}
-
      </ul>
+
#bodyContent h3 {
-
  </div>
+
    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;}
-
<style type="text/css">
+
/* #bodyContent h1, #bodyContent h2 {
-
.navTeam a {
+
     margin-bottom: 0;} ??? */
-
     border-bottom: 2px solid #800000; }
+
-
</style>
+
 +
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? */
-
<!-- Thanks to DTU 2011 https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki -->
+
/* 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: #767676;
 +
    margin: 0;
 +
    padding: 10px;
 +
}
 +
#toc a {
 +
    font-weight: normal;}
-
    <h2 class="wrapperContent">The Undergrads</h2>
+
/* 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;}
-
    <div class="article wrapperContent">
+
/* For overview pages */
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/2/25/UChi_Alice_shibainu.jpg">
+
/**********************/
-
        <h4>Alice Ye</h4>
+
.overviewPage {
-
        <p><em>Biological Sciences</em></p>
+
    margin-left: -250px;}
-
        <p>
+
.overviewBox {
-
        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.
+
    width: 450px;}
-
        </p>
+
.left {
-
     </div>
+
    float: left;}
 +
.right {
 +
     float:right;}
-
    <div class="article wrapperContent">
+
/* Footer */
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/8/8d/UChi_Annie_otter.jpg">
+
/**********/
-
        <h4>Annie Zheng</h4>
+
#footer {
-
        <p><em>Biological Sciences</em></p>
+
    position: relative;
-
        <p>
+
    width: 840px;
-
        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.
+
    margin: 0 17px;
-
        </p>
+
    top: -90px;}
-
     </div>
+
#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;}
-
     <div class="article wrapperContent">
+
/* Slider (thanks to flowplayer.org) */
-
         <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/d/de/UChi_Chloe_Sheldon.jpg">
+
/*************************************/
-
         <h4>Chloe Weisberg</h4>
+
.scrollable {
-
         <p><em>Biological Sciences</em></p>
+
     /* required settinsg */
-
         <p>
+
    overflow :hidden;
-
         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.  
+
    padding: 60px 0;
-
        </p>
+
    margin: 0 auto;
-
     </div>
+
    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/2013/7/7d/UChi-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/2013/d/d9/UChi-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/2013/e/e3/UChi-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;}
-
    <div class="article wrapperContent">
+
/* Tooltips (thanks to flowplayer.org) */
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/1/17/UChi_Elina_quokka.jpg">
+
/*********************************************/
-
         <h4>Elina Kostyanovskaya</h4>
+
/*.tooltip {
-
        <p><em>Biological Sciences, specialization in genetics</em></p>
+
         z-index: 2;
-
        <p>
+
    display:none;
-
        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.
+
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
-
        </p>
+
    font-size:14px;
-
     </div>
+
     height:70px;
 +
    width:160px;
 +
    padding:25px;
 +
    color:#fff;}
 +
*/
-
     <div class="article wrapperContent">
+
nav {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/3/3b/UChi_Ethan_elephant.jpg">
+
     width: 875px;
-
        <h4>Ethan Bass</h4>
+
    height: 69px;
-
        <p><em>Biological Sciences</em></p>
+
    background: url("https://static.igem.org/mediawiki/2013/7/74/UChi_banner.png") no-repeat 50%;
-
        <p>
+
    z-index: 1;
-
        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.
+
     position: relative;}
-
        </p>
+
-
     </div>
+
-
     <div class="article wrapperContent">
+
nav ul {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/8/88/UChi_Ivan_Tamandua.jpg">
+
     list-style: none;
-
        <h4>Ivan Lopez</h4>
+
     padding: 5px 25px 7px 25px;}
-
        <p><em>Biological Sciences</em></p>
+
-
        <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">
+
nav ul li {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/c/c6/UChi_Klevin_lemur.jpg">
+
     display: inline;
-
        <h4>Klevin Lo</h4>
+
    padding-left: 2px}
-
        <p><em>Biological Sciences</em></p>
+
-
        <p>
+
-
        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">
+
nav ul li a {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/c/c9/UChi_Kyle_polarbear.jpg">
+
     color: #000;}
-
        <h4>Kyle Engel</h4>
+
-
        <p><em>Chemistry and Statistics</em></p>
+
-
        <p>
+
-
        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.
+
-
        </p>
+
-
     </div>
+
-
     <div class="article wrapperContent">
+
.navIgem img {
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/f/f7/UChi_Nicole_cat.jpg">
+
     padding-bottom: 7px;
-
        <h4>Nicole Lee</h4>
+
     padding-right: 80px;}
-
        <p><em>Biological Sciences, Minor in Statistics and Human Rights</em></p>
+
-
        <p>
+
-
        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.
+
-
        </p>
+
-
     </div>
+
-
    <div class="article wrapperContent">
+
.navTeam a:hover,
-
        <img width="200px" height="230px" cite="" src="https://static.igem.org/mediawiki/2013/8/84/UChi_Nora_koala.jpg">
+
.navProject a:hover,
-
        <h4>Nora Vivanco Gonzalez</h4>
+
.navNotebook a:hover,
-
        <p><em>Biological Sciences</em></p>
+
.navSafety a:hover,  
-
        <p>
+
.navSponsor a:hover {
-
        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.
+
     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/6/69/UChi_Susan_tarsier.jpg">
+
    font-size: 22px;
-
        <h4>Susan Doh</h4>
+
    font-weight: 700;
-
        <p><em>Biological Sciences and Psychology</em></p>
+
    color: rgb(128,0,0);
-
        <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-right: 2px #000*/}
-
        </p>
+
-
     </div>
+
-
     <div id="The_Advisors" class="divider"><p><a href="#top">^ top</a></p></div>
+
.navBar {
 +
     font-size: 22px;
 +
    font-weight: 700;
 +
    color: #000;}
-
     <h2 class="wrapperContent">The Advisors</h2>
+
.navTeam,
 +
.navProject,
 +
.navNotebook,
 +
.navSafety, .navSponsor {
 +
     padding: 0 9px;}
-
     <div class="advisor wrapperContent">
+
.navIgem a, .navIgem a:hover, .navIgem a:visited, .navIgem a:active {
-
        <h4>Kenneth Barr</h4>
+
     font-size: 22px;
-
        <p><em>Graduate Student</em></p>
+
    font-weight: 700;
-
     </div>
+
    color: #8A9045;
 +
    text-decoration: none;
 +
     margin: 0;}
-
     <div class="advisor wrapperContent">
+
.navTeam a, .navTeam a:visited, .navTeam a:active,
-
        <h4>Jeff Bunker</h4>
+
.navProject a, .navProject a:hover, .navProject a:visited, .navProject a:active,
-
        <p><em>Graduate Student</em></p>
+
.navNotebook a, .navNotebook a:hover, .navNotebook a:visited, .navNotebook a:active,
-
     </div>
+
.navSafety a, .navSafety a:hover, .navSafety a:visited, .navSafety a:active  {
 +
     font-size: 14px;
 +
    font-weight: 400;
 +
    color: #000;
 +
     text-decoration: none;
 +
    margin: 0;
 +
    transition: border 0.2s ease-in-out;
 +
    -webkit-transition: border 0.2s ease-in-out;
 +
}
-
     <div class="advisor wrapperContent">
+
.navSponsor a, .navSponsor a:visited, .navSponsor a:active {
-
        <h4>Justin Chew</h4>
+
     font-size: 14px;
-
        <p><em>Graduate Student</em></p>
+
    font-weight: 400;
-
     </div>
+
    color: #8F3931;
 +
     text-decoration: none;
 +
    margin: 0;
 +
    transition: border 0.2s ease-in-out;
 +
    -webkit-transition: border 0.2s ease-in-out
 +
}
-
     <div class="advisor wrapperContent">
+
.navSponsor a:hover, {
-
        <h4>Karyl Kopaskie</h4>
+
     font-size: 14px;
-
        <p><em>Graduate Student</em></p>
+
    font-weight: 400;
-
     </div>
+
    color: #800000;
 +
    text-decoration: none;
 +
     margin: 0;}
-
    <div class="advisor wrapperContent">
+
.wrapperContent {
-
        <h4>Sean Crosson, Ph.D.</h4>
+
    margin: 0 100px;
-
     </div>
+
     width: 640px;
 +
}
-
    <div class="advisor wrapperContent">
+
/* added 9-23-13 */
-
        <h4>Steve Kron, Ph.D.</h4>
+
-
    </div>
+
-
    <div class="advisor wrapperContent">
+
#bodyContent a[href ^="mailto:"], .link-mailto {
-
        <h4>Chris Schonbaum, Ph.D.</h4>
+
    background: url(https://static.igem.org/mediawiki/2013/8/80/UChi_iconMail.png) center left no-repeat;
-
     </div>
+
     padding-left: 35px;
 +
}
-
    <div class="advisor wrapperContent">
+
#hello_facebook a {
-
        <h4>James Shapiro, Ph.D.</h4>
+
    background: url(https://static.igem.org/mediawiki/2013/1/1b/UChi_iconFacebook.png) center left no-repeat;
-
     </div>
+
     padding-left: 35px;
 +
}
-
    <div id="Attributions" class="divider"><p><a href="#top">^ top</a></p></div>
+
/* added 9-24-13 */
-
     <h2 class="wrapperContent">Attributions</h2>
+
.article {
 +
     clear: both;
 +
    overflow: hidden;
 +
    margin-bottom: 20px;
 +
}
-
    <div class="attributions wrapperContent">
+
.article img {
-
      <p>The University of Chicago iGEM 2013 team was responsible for conducting all of the laboratory experiments involved in the project. The University of Chicago Biological Sciences Department provided laboratory space and equipment for the iGEM team to conduct its experiments and hold meetings. Our graduate student advisors provided research experience and advice for the team to troubleshoot experiments as well as the strain of <em>B. subtilis</em> with pUB110, which we used for our experiments. Our faculty advisors also provided advice on how to go forward with our project and evaluated the feasibility of our project. Greiner Bio-One, New England BioLabs, and SARSTEDT provided laboratory equipment and reagents for the iGEM team to conduct its experiments.</p>
+
    float: left;
-
      <p>We are grateful for the Institute for Molecular Engineering, the University of Chicago Student Government, the Dean's Fund for Student Life, and the Kron Lab for providing us with the funds needed to participate in this year's competition. Our greatest thanks!</p>
+
     padding: 0 15px 10px 0;
-
     </div>
+
}
-
     <div class="button wrapperContent">
+
.article h4 {
-
        <h3><a href="/Team:UChicago/Sponsor_Us">Sponsor Us for Next Year's Competition!</a></h3>
+
     float: left;
-
     </div>
+
    padding: 0;
 +
     width: 390px;
 +
    height: 25px;
 +
}
-
     <img id="teamLogo" src="https://static.igem.org/mediawiki/2013/e/ea/UChicago_logo.png">
+
.article p {
 +
     float: left;
 +
    color: #565656;
 +
    width: 390px;
 +
}
-
</html>
+
#bodyContent h4 {
 +
    margin-bottom: 0;
 +
}
 +
#bodyContent .button {
 +
    text-align: center;
 +
    margin-top: 70px;
 +
    margin-bottom: 20px;
 +
}
-
{{:Team:UChicago/Templates/Standard_footer}}
+
.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 20px 0;
 +
}
 +
 
 +
.divider p a, .divider p a:hover {
 +
    color: #800000;
 +
    text-decoration: none;
 +
}
 +
 
 +
.divider {
 +
    width: 713px;
 +
    margin: 0 auto;
 +
    margin-top: 70px;
 +
}
 +
 
 +
.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: 20px;
 +
    margin-bottom: 10px;
 +
    text-align: justify;
 +
    color: #565656;
 +
}
 +
 
 +
/* added 9-26-13 */
 +
 
 +
.subNav {
 +
    text-align: center;
 +
    margin: 30px 0 40px 0;}
 +
 
 +
.subNav ul {
 +
    list-style: none;
 +
    padding: 5px 25px 7px 25px;}
 +
 
 +
.subNav ul li {
 +
    display: inline;
 +
    padding: 0 20px;
 +
    font-size: 13px;}
 +
 
 +
.subNav ul li a, .subNav ul li a:hover {
 +
    color: #8F3931;
 +
    text-decoration: none;
 +
    transition: border 0.2s ease-in-out;
 +
    -webkit-transition: border 0.2s ease-in-out;
 +
}
 +
 
 +
.subNav ul li a:hover {
 +
    border-bottom: 2px solid #8F3931;}
 +
 
 +
#teamLogo {
 +
    width: 252px;
 +
    margin: 0 auto;
 +
    display: block;
 +
    margin-top: 50px;
 +
}
 +
 
 +
.subContent {
 +
    margin: 0 40px;
 +
}
 +
 
 +
.advisor, {
 +
    margin-bottom: 12px;
 +
}
 +
 
 +
#bodyContent .button2 {
 +
    text-align: center;
 +
    margin-top: 70px;
 +
    margin-bottom: 20px;
 +
}
 +
 
 +
.button2 a {
 +
    color: #fff;
 +
    text-decoration: none;
 +
    background-color: #8F3931;
 +
    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;
 +
}
 +
 
 +
.button2:hover a {
 +
    background-color: #800000;
 +
}
 +
 
 +
.button2 a:hover {
 +
    color: #D6D6CE;
 +
    text-decoration: none;
 +
}
 +
 
 +
.dividerNotebook {
 +
    width: 760px;
 +
    margin: 0 auto;
 +
    margin-top: -20px;
 +
}
 +
 
 +
.dividerNotebook p {
 +
    border-top: 1px solid #D6D6CE;
 +
    text-align: right;
 +
    font: 10px Verdana;
 +
    padding: 2px 2px 20px 0;
 +
}
 +
 
 +
.dividerNotebook p a, .divider p a:hover {
 +
    color: #800000;
 +
    text-decoration: none;
 +
}
 +
 
 +
#bodyContent .button3 {
 +
    text-align: center;
 +
    margin-top: 70px;
 +
    margin-bottom: 20px;
 +
}
 +
 
 +
.button3 a {
 +
    color: #8A9045;
 +
    text-decoration: none;
 +
    background-color: #767676;
 +
    padding: 10px 60px;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    border-radius: 5px;
 +
    -webkit-border-radius: 5px;
 +
    transition: all 0.1s ease-in-out;
 +
    -webkit-transition: all 0.1s ease-in-out;
 +
}
 +
 
 +
.button3:hover a {
 +
    background-color: #D6D6CE;
 +
}
 +
 
 +
.button3 a:hover {
 +
    color: #58593F;
 +
    text-decoration: none;
 +
}

Latest revision as of 01:38, 28 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: #767676;
   margin: 0;
   padding: 10px;

}

  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(UChi-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(UChi-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(UChi-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;
   transition: border 0.2s ease-in-out;
   -webkit-transition: border 0.2s ease-in-out;

}

.navSponsor a, .navSponsor a:visited, .navSponsor a:active { 

   font-size: 14px;
   font-weight: 400;
   color: #8F3931;
   text-decoration: none;
   margin: 0;
   transition: border 0.2s ease-in-out;
   -webkit-transition: border 0.2s ease-in-out

}

.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 15px 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: 20px;

}

.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 20px 0;

}

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

   color: #800000;
   text-decoration: none;

}

.divider { 

   width: 713px;
   margin: 0 auto;
   margin-top: 70px;

}

.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: 20px;
   margin-bottom: 10px;
   text-align: justify;
   color: #565656;

}

/* added 9-26-13 */

.subNav { 

   text-align: center;
   margin: 30px 0 40px 0;}

.subNav ul { 

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

.subNav ul li { 

   display: inline;
   padding: 0 20px;
   font-size: 13px;}

.subNav ul li a, .subNav ul li a:hover { 

   color: #8F3931;
   text-decoration: none;
   transition: border 0.2s ease-in-out;
   -webkit-transition: border 0.2s ease-in-out;

}

.subNav ul li a:hover { 

   border-bottom: 2px solid #8F3931;}
  1. teamLogo { 
   width: 252px;
   margin: 0 auto;
   display: block;
   margin-top: 50px;

}

.subContent { 

   margin: 0 40px;

}

.advisor, { 

   margin-bottom: 12px;

}

  1. bodyContent .button2 { 
   text-align: center;
   margin-top: 70px;
   margin-bottom: 20px;

}

.button2 a { 

   color: #fff;
   text-decoration: none;
   background-color: #8F3931;
   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;

}

.button2:hover a { 

   background-color: #800000;

}

.button2 a:hover { 

   color: #D6D6CE;
   text-decoration: none;

}

.dividerNotebook { 

   width: 760px;
   margin: 0 auto;
   margin-top: -20px;

}

.dividerNotebook p { 

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

}

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

   color: #800000;
   text-decoration: none;

}

  1. bodyContent .button3 { 
   text-align: center;
   margin-top: 70px;
   margin-bottom: 20px;

}

.button3 a { 

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

}

.button3:hover a { 

   background-color: #D6D6CE;

}

.button3 a:hover { 

   color: #58593F;
   text-decoration: none;

}

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