Difference between revisions of "Team:Arizona State"

Line 1: Line 1:
−
{{Arizona State}}
+
/***OVERRIDE DEFAULT WIKI***/
−
<html>
+
 
−
<style>
+
#globalWrapper, #content, #bodyContent {
−
.button1
+
    margin: 0 auto;
−
{
+
    padding: 0;
−
     font-size: 12px; padding: 32px 16px;
+
    height: 100%;
 +
    width: 100%;
 +
     border: 0px;
 +
    background-color: transparent;
 
}
 
}
−
</style>
 
−
<body>
 
−
<div class = "home">
 
−
        <div class = "jumbotron">
 
−
            <div class = "overlay">
 
−
        <div class = "container">
 
−
                    <div class = "header-text">
 
−
                        <img src="https://static.igem.org/mediawiki/2016/8/87/T--Arizona_State--igemlogotransparent2.png" height=220px><br>
 
−
                        <h1> Ringtones</h1>
 
−
                        <h2>Diverse homoserine lactone systems for cellular communication</h2>
 
−
                    </div>
 
−
        </div> <!--end of container-->
 
−
            </div>
 
−
        </div>
 
  
−
<div class = "section1 container">
+
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
margin: 0;
 +
}
  
−
        <h1 class = "center"> Our Project </h1>
+
/****/
−
        <p class = "big">Quorom sensing (QS) allows bacteria to sense the surrounding
+
−
            cell population and "communicate" with their neighbors. Bacteria do this by
+
−
            releasing an inducer protein, such as a homo-serine lactone (HSL), which upon
+
−
            reaching a certain concentration, will activate genes that increase cell
+
−
            density. Our project aims to characterize a variety of HSL networks,
+
−
            increasing the number of functional QS systems with minimal crosstalk in
+
−
            synthetic biology. </p>
+
  
−
</div>
+
@font-face {
−
<br>
+
    font-family: Oxygen;
 +
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Regular.ttf);
 +
}
  
−
    <div class= "container">
+
@font-face {
−
        <div class = "row center">
+
    font-family: Oxygen;
−
            <div class = "col-sm-6">
+
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf);
−
            <h2>The ASU Team</h2>
+
    font-weight: light;
−
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--Arizona_State--igemteampic.jpg" height=350px style=/>
+
}
−
            </div>
+
−
            <div class = "col-sm-6">
+
−
                <h2>Check out our Twitter!</h2>
+
−
                <!--<img src="https://static.igem.org/mediawiki/2016/6/6c/T--Arizona_State--hayneslabworkphoto.jpg" height=350px/>-->
+
−
<a class="twitter-timeline" data-width="400" data-height="400" href="https://twitter.com/asuigem">Tweets by asuigem</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+
−
            </div>
+
−
        </div>
+
−
<div class = "row">
+
−
            <div class = "col-sm-6">
+
−
        <a href = "/Team:Arizona_State/Team"><button class = "button button1 btn" style="background-color:maroon; height:50px; width: 150px; margin-right:38%; margin-top:2%">Our Team</button></a>
+
−
</div>
+
−
        <div class = "col-sm-6">
+
−
        <h4>Check out our Wordpress blog at <a href="https://asuigem.wordpress.com">https://asuigem.wordpress.com</a>!</h4>
+
−
        </div>
+
−
    </div>
+
  
 +
@font-face {
 +
    font-family: Oxygen;
 +
    src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Bold.ttf);
 +
    font-weight: bold;
 +
}
  
−
        <div class="section1 container">
+
body {
−
    <table style="width:100%" border="1">
+
margin-top: 20px;
−
      <tr>
+
    font-family: "Oxygen", sans-serif;
−
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Design'">Lab and Design</button></td>
+
}
−
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Results'">Results</button></td>
+
−
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Notebook'">Notebook</button></td>
+
−
      </tr>
+
−
      <tr>
+
−
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Parts'">Parts</button></td>
+
−
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Safety'">Safety</button></td>
+
−
        <td><button class="button button1" style="background-color:maroon;height:50px;display:block;margin:auto" onclick="window.location.href='https://2016.igem.org/Team:Arizona_State/Human_Practices'">Policy and Practices</button></td>
+
−
      </tr>
+
−
    </table>
+
  
 +
h1, h2, h3, h4, h5, p {
 +
    font-family: "Oxygen", sans-serif!important;
 +
}
  
−
</div></div>
+
h1 {
−
</body>
+
    font-size: 50px;
−
</html>
+
}
−
{{Arizona_State_Footer}}
+
 
 +
#HQ_page p {
 +
    font-size: 0.9em;
 +
    text-align: none;
 +
}
 +
 
 +
#HQ_page p.big {
 +
    font-size: 1.2em;
 +
}
 +
 
 +
.maroon {
 +
    color: #A10043;
 +
}
 +
 
 +
.gold {
 +
    color: #FFC124;
 +
}
 +
 
 +
.teal {
 +
    color: #58A4B0;
 +
}
 +
 
 +
.red {
 +
    color: #DB324D;
 +
}
 +
 
 +
.salmon {
 +
    color: #ED6A5A;
 +
}
 +
 
 +
.orange {
 +
    color: #FF7F51;
 +
}
 +
 
 +
.blue {
 +
    color: #507DBC;
 +
}
 +
 
 +
.green {
 +
    color: #8CB369;
 +
}
 +
 
 +
.center {
 +
    text-align: center;
 +
}
 +
 
 +
.right {
 +
    text-align: right;
 +
}
 +
 
 +
.left {
 +
    text-align: left;
 +
}
 +
 
 +
.justify {
 +
    text-align: justify;
 +
}
 +
 
 +
.section-head {
 +
    font-weight: bold;
 +
}
 +
 
 +
.navbar-fixed-top {
 +
    background-color: #fff;
 +
margin-top: 16px;
 +
}
 +
 
 +
.navbar-nav {
 +
    font-size: 16px;
 +
    float: right;
 +
}
 +
 
 +
.navbar-default .navbar-brand {
 +
    font-weight: 700;
 +
    font-size: 25px;
 +
    color: #A10043; /*MAROON*/
 +
}
 +
 
 +
.navbar-default .navbar-brand:hover {
 +
    color: #FFC124; /*GOLD*/
 +
}
 +
 
 +
.section2 {
 +
    background-color: #EEEEEE;
 +
}
 +
 
 +
.home {
 +
    margin-top: 30px;
 +
}
 +
 
 +
.home .jumbotron {
 +
    position: relative;
 +
    width: 100%;
 +
    background-image: url('http://iamasundevil.asu.edu/images/about-asu-gallery-1.jpg');
 +
    background-position: 50% 50%;
 +
    background-repeat: no-repeat;
 +
    background-attachment: fixed;
 +
    background-size: cover;
 +
    border-radius: 0;
 +
    min-height: 90vh;
 +
    color: #fff!important;
 +
}
 +
 
 +
.overlay {
 +
    position: absolute;
 +
    height: 100%;
 +
    width: 100%;
 +
    top: 0;
 +
    left: 0;
 +
    background-color: rgba(0, 0, 0, 0.4);
 +
}
 +
 
 +
.header-text {
 +
    text-align: center;
 +
    position: absolute;
 +
    /* bottom: 10%; */
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
}
 +
 
 +
.header-text h1,
 +
.header-text h2 {
 +
    margin-top: 0;
 +
}
 +
 
 +
.button1 {
 +
    float: right;
 +
    color: #fff;
 +
    background-color: #FFC124;
 +
    margin: 15px 0;
 +
    padding: 16px 32px;
 +
}
 +
 
 +
.about-page .col-sm-6 {
 +
    padding: 0 30px;
 +
}
 +
 
 +
 
 +
footer {
 +
    background-color: #222;
 +
    color: #fff;
 +
    height: 100px;
 +
    margin-bottom: -10px;
 +
    padding: 20px;
 +
}
 +
 
 +
#bodyContent footer p {
 +
    text-align: center;
 +
}

Revision as of 23:47, 29 September 2016

/***OVERRIDE DEFAULT WIKI***/

  1. globalWrapper, #content, #bodyContent {
   margin: 0 auto;
   padding: 0;
   height: 100%;
   width: 100%;
   border: 0px;
   background-color: transparent;

}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; }

/****/

@font-face { 

   font-family: Oxygen;
   src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Regular.ttf);

}

@font-face { 

   font-family: Oxygen;
   src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf);
   font-weight: light;

}

@font-face { 

   font-family: Oxygen;
   src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Bold.ttf);
   font-weight: bold;

}

body { margin-top: 20px; 

   font-family: "Oxygen", sans-serif;

}

h1, h2, h3, h4, h5, p { 

   font-family: "Oxygen", sans-serif!important;

}

h1 { 

   font-size: 50px;

}

  1. HQ_page p {
   font-size: 0.9em;
   text-align: none;

}

  1. HQ_page p.big {
   font-size: 1.2em;

}

.maroon { 

   color: #A10043;

}

.gold { 

   color: #FFC124;

}

.teal { 

   color: #58A4B0;

}

.red { 

   color: #DB324D;

}

.salmon { 

   color: #ED6A5A;

}

.orange { 

   color: #FF7F51;

}

.blue { 

   color: #507DBC;

}

.green { 

   color: #8CB369;

}

.center { 

   text-align: center;

}

.right { 

   text-align: right;

}

.left { 

   text-align: left;

}

.justify { 

   text-align: justify;

}

.section-head { 

   font-weight: bold;

}

.navbar-fixed-top { 

   background-color: #fff;

margin-top: 16px; }

.navbar-nav { 

   font-size: 16px;
   float: right;

}

.navbar-default .navbar-brand { 

   font-weight: 700;
   font-size: 25px;
   color: #A10043; /*MAROON*/

}

.navbar-default .navbar-brand:hover { 

   color: #FFC124; /*GOLD*/

}

.section2 { 

   background-color: #EEEEEE;

}

.home { 

   margin-top: 30px;

}

.home .jumbotron { 

   position: relative;
   width: 100%;
   background-image: url('http://iamasundevil.asu.edu/images/about-asu-gallery-1.jpg');
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   border-radius: 0;
   min-height: 90vh;
   color: #fff!important;

}

.overlay { 

   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.4);

}

.header-text { 

   text-align: center;
   position: absolute;
   /* bottom: 10%; */
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

}

.header-text h1, .header-text h2 { 

   margin-top: 0;

}

.button1 { 

   float: right;
   color: #fff;
   background-color: #FFC124;
   margin: 15px 0;
   padding: 16px 32px;

}

.about-page .col-sm-6 { 

   padding: 0 30px;

}


footer { 

   background-color: #222;
   color: #fff;
   height: 100px;
   margin-bottom: -10px;
   padding: 20px;

}

  1. bodyContent footer p {
   text-align: center;

}