Difference between revisions of "Team:BostonU"

Line 6: Line 6:
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 
color: #a9a9a9 !important;
 
color: #a9a9a9 !important;
 +
}
 +
.narrow-heading-type {
 +
font-family: Arial Narrow, sans-serif;
 +
letter-spacing: 4;
 +
font-size: 100%;
 +
text-align: center;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
text-rendering: geometricPrecision;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.body-type {
 +
font-family: Arial, sans-serif;
 +
font-size: 150%;
 +
text-decoration: none !important;
 +
line-height: 2;
 +
text-rendering: geometricPrecision;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
 
body {
 
body {
−
background: #1d1d1d url("https://static.igem.org/mediawiki/2017/d/dc/T--BostonU--LandingPageBG.jpg") no-repeat center center fixed;
+
background: #1d1d1d url("backgroundtest0.png") no-repeat center center fixed;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 33: Line 54:
 
margin: 0 auto;
 
margin: 0 auto;
 
height: 100% !important;
 
height: 100% !important;
−
display: none;
 
 
}
 
}
 
#menubartable {
 
#menubartable {
Line 54: Line 74:
 
display: table-cell;
 
display: table-cell;
 
padding: 5px 18px;
 
padding: 5px 18px;
−
font-family: Arial, sans-serif;
 
−
font-size: 120%;
 
−
text-align: center;
 
−
text-decoration: none !important;
 
−
text-transform: uppercase;
 
−
font-weight: bold;
 
 
vertical-align: middle;
 
vertical-align: middle;
 
}
 
}
 
.dropbtn {
 
.dropbtn {
 
position: relative;
 
position: relative;
 +
text-decoration: none;
 
}
 
}
 
.dropdown-content {
 
.dropdown-content {
Line 82: Line 97:
 
width: 100%;
 
width: 100%;
 
height: 15%;
 
height: 15%;
−
text-align: center;
 
−
font-family: Arial, sans-serif;
 
−
font-size: 120%;
 
−
text-align: center;
 
−
text-decoration: none !important;
 
−
text-transform: uppercase;
 
−
font-weight: bold;
 
 
}
 
}
 
#myfooterL {
 
#myfooterL {
Line 146: Line 154:
 
}
 
}
 
#fade-in-wrapper p {
 
#fade-in-wrapper p {
−
font-family: Arial, sans-serif;
 
−
font-size: 150%;
 
−
text-decoration: none !important;
 
 
color: #4D4D4D;
 
color: #4D4D4D;
−
line-height: 2;
 
 
position: relative;
 
position: relative;
 
overflow: hidden;
 
overflow: hidden;
Line 164: Line 168:
 
#fade-in-footer a {
 
#fade-in-footer a {
 
text-align: center;
 
text-align: center;
−
font-family: Arial, sans-serif;
+
color: #4D4D4D !important;
−
font-size: 120%;
+
−
text-decoration: none !important;
+
−
text-transform: uppercase;
+
−
font-weight: bold;
+
−
color: #610b0c !important;
+
 
}
 
}
 
.fade-in-div-2 {
 
.fade-in-div-2 {
Line 188: Line 187:
 
}
 
}
 
#gallery-wrapper p {
 
#gallery-wrapper p {
−
font-family: Arial, sans-serif;
 
−
font-size: 150%;
 
−
text-decoration: none !important;
 
−
color: #4D4D4D;
 
−
line-height: 2;
 
 
position: relative;
 
position: relative;
 
overflow: hidden;
 
overflow: hidden;
Line 231: Line 225:
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
backface-visibility: hidden;
 
backface-visibility: hidden;
−
-webkit-font-smoothing: antialiased;
 
−
font-smoothing: antialiased;
 
 
}
 
}
 
.link-slideup a {
 
.link-slideup a {
Line 262: Line 254:
 
<div id="mainwrap"> <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a>
 
<div id="mainwrap"> <a href="https://2017.igem.org/Team:BostonU" class="wordmark"><img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--LandingPageLogo1.svg"></img></a>
 
   <div id="mybody"></div>
 
   <div id="mybody"></div>
−
   <ul id="menubartable">
+
   <ul id="menubartable" class="narrow-heading-type">
 
     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a>
 
     <li class="menu-column"> <a href="https://2017.igem.org/Team:BostonU/Overview" class="dropbtn">Research</a>
 
       <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Project Description</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modelling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
 
       <div class="dropdown-content"> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Description">Project Description</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Results">Results</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Model">Modelling</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Notebook">Notebook</a> <a class="menuitem" href="https://2017.igem.org/Team:BostonU/Safety">Safety</a> </div>
Line 276: Line 268:
 
   </li>
 
   </li>
 
   </ul>
 
   </ul>
−
   <div id="myfooter">
+
   <div id="myfooter" class="narrow-heading-type">
 
     <div id="myfooterC"><a href="#project" class="fade-in-button">ABOUT US</a></div>
 
     <div id="myfooterC"><a href="#project" class="fade-in-button">ABOUT US</a></div>
 
     <div id="myfooterL"><a href="#gallery" class="fade-in-button-2">ABOUT THIS PHOTO</a></div>
 
     <div id="myfooterL"><a href="#gallery" class="fade-in-button-2">ABOUT THIS PHOTO</a></div>
Line 282: Line 274:
 
   </div>
 
   </div>
 
   <div class="fade-in-div"> <a class="wordmark" href="https://2017.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2017/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
 
   <div class="fade-in-div"> <a class="wordmark" href="https://2017.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2017/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
−
     <section id="fade-in-wrapper" class="link-slideup">
+
     <section id="fade-in-wrapper" class="link-slideup" class="body-type">
 
       <p>We explore the use of de novo designed riboriboregulators known as <a href="#">toehold switches</a> to drive recombinase-based logic in <a href="#">cell-free TX-TL systems.</a> We anticipate applications in <a href="#">point-of-care diagnostic technologies</a> such as those for Zika and Ebola developed by the Collins group at MIT, targeted at diseases with RNA profiles that are more computationally demanding, such as cancer.</p>
 
       <p>We explore the use of de novo designed riboriboregulators known as <a href="#">toehold switches</a> to drive recombinase-based logic in <a href="#">cell-free TX-TL systems.</a> We anticipate applications in <a href="#">point-of-care diagnostic technologies</a> such as those for Zika and Ebola developed by the Collins group at MIT, targeted at diseases with RNA profiles that are more computationally demanding, such as cancer.</p>
 
     </section>
 
     </section>
−
     <div id="fade-in-footer">
+
     <div id="fade-in-footer" class="narrow-heading-type">
 
       <div id="myfooterC"><a href="#" class="fade-out-button">CLOSE THIS WINDOW</a></div>
 
       <div id="myfooterC"><a href="#" class="fade-out-button">CLOSE THIS WINDOW</a></div>
 
       <div id="myfooterL"></div>
 
       <div id="myfooterL"></div>
Line 294: Line 286:
 
     <div id="gallery-tab"></div>
 
     <div id="gallery-tab"></div>
 
     <section id="gallery-wrapper" class="link-slideup">
 
     <section id="gallery-wrapper" class="link-slideup">
−
       <p>Something is wrong! The description didn't load properly.</p>
+
       <p class="body-type">Something is wrong! The description didn't load properly.</p>
 
     </section>
 
     </section>
 
     <div id="fade-in-footer">
 
     <div id="fade-in-footer">
Line 306: Line 298:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
var captions = ["<p>Here, our smartest and most handsome team member <a href='#'>Stephen</a> poses with his lovely <a href='#'>Raggedy-Ann doll         </a> and stares forlornly at the earth beneath him.</p>","Two","Three","Four"];
 
var captions = ["<p>Here, our smartest and most handsome team member <a href='#'>Stephen</a> poses with his lovely <a href='#'>Raggedy-Ann doll         </a> and stares forlornly at the earth beneath him.</p>","Two","Three","Four"];
−
var maxCounter = 3;
+
var links = ["","","",""];
 +
var maxCounter = 3; /* REMEMBER THAT ITERATION STARTS AT ZERO */
 
var counter = 3;
 
var counter = 3;
−
var bg = '#1d1d1d url(backgroundtest'+(counter)+'.png) no-repeat center center fixed';
+
var bg = '#1d1d1d url('links[counter]') no-repeat center center fixed';
 
     document.body.style.background = bg;
 
     document.body.style.background = bg;
 
$("#gallery-wrapper").html(captions[counter]);
 
$("#gallery-wrapper").html(captions[counter]);
Line 342: Line 335:
 
     $("#myfooter").fadeIn("100");
 
     $("#myfooter").fadeIn("100");
 
});
 
});
−
});
 
−
</script>
 
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
    $('#mainwrap').hide().fadeIn('slow');
 
 
});
 
});
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 22:18, 24 August 2017