Difference between revisions of "Template:Pitt"

 
(43 intermediate revisions by the same user not shown)
Line 42: Line 42:
 
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#000000'}, 250);
 
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#000000'}, 250);
 
$("#menuContainer li").css({backgroundColor: '#000000'});
 
$("#menuContainer li").css({backgroundColor: '#000000'});
−
$("#top_menu_14").removeClass("opaque");
 
−
$("#top_menu_14").not(".mouseOver").stop().fadeTo(250, 0.2);
 
 
s.currentTop = null;
 
s.currentTop = null;
 
}
 
}
Line 58: Line 56:
 
s.stickyElement.css('width', $(s.getWidthFrom).width());
 
s.stickyElement.css('width', $(s.getWidthFrom).width());
 
}
 
}
−
$("#menuContainer td").stop(true, false).animate({backgroundColor: '#00043d'}, 250);
+
$("#menuContainer td").stop(true, false).animate({backgroundColor: '#383838'}, 250);
−
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#00043d'}, 250);
+
$("#menuContainer table").stop(true, false).animate({backgroundColor: '#383838'}, 250);
−
$("#menuContainer li").css({backgroundColor: '#00043d'});
+
$("#menuContainer li").css({backgroundColor: '#383838'});
 
s.stickyElement.parent().addClass(s.className);
 
s.stickyElement.parent().addClass(s.className);
−
$("#top_menu_14").addClass("opaque");
 
−
$("#top_menu_14").stop().fadeTo(250, 1);
 
 
s.currentTop = newTop;
 
s.currentTop = newTop;
 
}
 
}
Line 76: Line 72:
 
$(this).css("width", newWidth + 'px');
 
$(this).css("width", newWidth + 'px');
 
});
 
});
−
var c = document.getElementById("bannerCanvas");
 
−
c.height = $(document).height() / 10;
 
−
c.width = $(document).width() / 10;
 
−
var ctx = c.getContext('2d');
 
−
ctx.fillRect(0, 0, c.width, c.height);
 
 
     },
 
     },
 
     methods = {
 
     methods = {
Line 157: Line 148:
  
 
$("#menuContainer").sticky({topSpacing:16});
 
$("#menuContainer").sticky({topSpacing:16});
−
 
−
$("#top_menu_14").mouseenter(function(e){
 
−
$(this).addClass("mouseOver");
 
−
$(this).not(".opaque").stop().fadeTo(500, 1);
 
−
});
 
−
 
−
$("#top_menu_14").mouseleave(function(){
 
−
$(this).removeClass("mouseOver");
 
−
$(this).not(".opaque").stop().fadeTo(500, 0.2);
 
−
});
 
−
 
−
$("#contentContainer").after("\
 
−
<div id='bottomContainer'>\
 
−
<table><tr>\
 
−
<td>\
 
−
<a href='https://2015.igem.org/Team:Pitt'>Home</a>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Project</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Project'>Description</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Experiments'>Experiments and Protocols</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Notebook'>Notebooks</a>\
 
−
<td>\
 
−
<a href='#'>Team</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Members'>Members</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Collaborators'>Collaborators</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href=''https://2015.igem.org/Team:Pitt/Sponsors'>Sponsors</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Achievements</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Parts'>Parts</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/Awards'>Awards</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Other</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/Team:Pitt/wtf'>Human Food</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href=''https://2015.igem.org/Team:Pitt/Safety'>Safety</a>\
 
−
</li>\
 
−
<li>\
 
−
<a href=''https://2015.igem.org/Team:Pitt/Contact'>Contact Us</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
\
 
−
<td>\
 
−
<a href='#'>Useful Links</a>\
 
−
\
 
−
<ul>\
 
−
<li>\
 
−
<a href='https://2015.igem.org/'>iGEM Home</a>\
 
−
</li>\
 
−
</ul>\
 
−
</td>\
 
−
</tr></table\
 
−
</div>\
 
−
");
 
−
 
−
var c = document.getElementById("bannerCanvas");
 
−
c.height = $(document).height() / 10;
 
−
c.width = $(document).width() / 10;
 
−
var ctx = c.getContext('2d');
 
−
 
−
ctx.fillRect(0, 0, c.width, c.height);
 
−
 
−
$("#bannerContainer").mousemove(function(event){
 
−
var c = document.getElementById("bannerCanvas");
 
−
var ctx = c.getContext('2d');
 
−
var iD= ctx.getImageData(0, 0, c.width, c.height);
 
−
var data = iD.data;
 
−
var x, y, color;
 
−
 
−
for(y = 0; y < c.height; y++) {
 
−
for(x = 0; x < c.width; x++) {
 
−
color = 20 / c.width * Math.max(0, 5 * c.width - (10 * x - event.pageX) * (10 * x - event.pageX) - (10 * y - event.pageY) * (10 * y - event.pageY));
 
−
data[((c.width * y) + x) * 4] += color;
 
−
data[((c.width * y) + x) * 4 + 1] += color;
 
−
data[((c.width * y) + x) * 4 + 2] += color;
 
−
}
 
−
}
 
−
ctx.putImageData(iD, 0, 0);
 
−
 
−
});
 
−
 
−
function fader(){
 
−
var c = document.getElementById("bannerCanvas");
 
−
var ctx = c.getContext('2d');
 
−
ctx.globalCompositeOperation = "darken";
 
−
ctx.fillStyle = "rgba(0, 0, 0, 0.01)";
 
−
ctx.fillRect(0, 0, c.width, c.height);
 
−
}
 
−
 
−
setInterval(fader, 50);
 
−
 
 
});
 
});
 
</script>
 
</script>
Line 298: Line 162:
 
}
 
}
  
−
#bottomContainer {
 
−
background-color: #00043d;
 
−
width: 100%;
 
−
color: #ffffff;
 
−
font-family: 'Nunito', sans-serif;​
 
−
font-size: 14px;
 
−
}
 
−
 
−
#bottomContainer a {
 
−
text-decoration:none;
 
−
font-weight: bold;
 
−
line-height: 40px;
 
−
}
 
−
 
−
#bottomContainer tr {
 
−
vertical-align: top;
 
−
}
 
−
 
−
#bottomContainer td > a {
 
−
font-size: 16px;
 
−
margin-bottom: 10px;
 
−
color: #ffffff;
 
−
}
 
−
 
−
#bottomContainer table {
 
−
background-color: #00043d;
 
−
width: 100%;
 
−
text-align: center;
 
−
}
 
−
 
−
#bottomContainer ul {
 
−
background-color: #00043d;
 
−
list-style:none;
 
−
cursor: pointer;
 
−
margin:0;
 
−
}
 
−
 
−
#bottomContainer ul a {
 
−
color: #ffeca0;
 
−
}
 
−
 
−
#top_menu_14 {
 
−
border: none;
 
−
opacity: .2;
 
−
}
 
−
 
−
#top_menu_under {
 
−
border:none;
 
−
}
 
  
 
#content {
 
#content {
Line 352: Line 167:
 
margin-right: 0px;
 
margin-right: 0px;
 
width: 100%;
 
width: 100%;
 +
top: -26px;
 
}
 
}
  
Line 363: Line 179:
  
 
#contentContainer {
 
#contentContainer {
−
width: 70%;
+
background-color: #FFECA0;
−
background-color: #dddddd;
+
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
margin-left:15%;
+
padding-left: 15%;
 +
padding-right: 15%;
 
}
 
}
  
Line 378: Line 194:
  
 
#banner {
 
#banner {
−
aaaaabackground: url("https://static.igem.org/mediawiki/2015/7/75/Pittbanner.png");
+
background: url("https://static.igem.org/mediawiki/2015/7/75/Pittbanner.png");
 
background-size: 100%;
 
background-size: 100%;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
Line 402: Line 218:
 
#contentContainer a {  
 
#contentContainer a {  
 
font-weight: bold;
 
font-weight: bold;
−
color: #23b593;
+
color: #00043D;
 +
text-decoration:underline;
 
}
 
}
  
Line 414: Line 231:
 
font-weight: bold;
 
font-weight: bold;
 
line-height: 40px;
 
line-height: 40px;
 +
cursor: pointer;
 
}
 
}
  
Line 432: Line 250:
 
margin: 0px;
 
margin: 0px;
 
white-space: nowrap;
 
white-space: nowrap;
 +
width:12.5%;
 
}
 
}
  
Line 449: Line 268:
  
 
#bannerCanvas {
 
#bannerCanvas {
−
position: absolute;
+
position: fixed;
 
width: 100%;
 
width: 100%;
 
z-index:-1;
 
z-index:-1;
Line 455: Line 274:
 
left: 0;
 
left: 0;
 
top: 0;
 
top: 0;
 +
}
 +
 +
#menuContainer {
 +
z-index: 10;
 
}
 
}
  
Line 480: Line 303:
  
 
</style>
 
</style>
−
 
−
<canvas id="bannerCanvas"></canvas>
 
  
 
<div id="bannerContainer">
 
<div id="bannerContainer">
Line 494: Line 315:
 
 
 
<td>
 
<td>
−
<a href="#">Project</a>
+
<a href="https://2015.igem.org/Team:Pitt/Description">Project</a>
  
 
<ul>
 
<ul>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Project">assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Description">Overview</a>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:Pitt/Estrogen/Project">Estrogen Sensor</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a>assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Protease/Project">Protease Sensor</a>
 
</li>
 
</li>
−
</ul>
 
−
</td>
 
−
 
−
<td>
 
−
<a href="#">Notebook</a>
 
−
 
−
<ul>
 
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Project">assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/3-hybrid/Project">Three-Hybrid Versatile Sensor</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a>assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Amplification/Project">Amplification and Quenching</a>
 
</li>
 
</li>
 +
 
</ul>
 
</ul>
 
</td>
 
</td>
  
 
<td>
 
<td>
−
<a href="#">Team</a>
+
<a href="https://2015.igem.org/Team:Pitt/Notebook">Notebook</a>
  
 
<ul>
 
<ul>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Project">assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Protocols">Sensor Extract Protocol</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a>assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Notebook">Daily Notebook</a>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 533: Line 351:
  
 
<td>
 
<td>
−
<a href="#">Achievements</a>
+
<a href="https://2015.igem.org/Team:Pitt/Parts">Parts</a>
  
−
<ul>
 
−
<li>
 
−
<a href="https://2015.igem.org/Team:Pitt/Project">assdf</a>
 
−
</li>
 
−
<li>
 
−
<a>assdf</a>
 
−
</li>
 
−
</ul>
 
 
</td>
 
</td>
 +
<td>
 +
<a href="https://2015.igem.org/Team:Pitt/Practices">Human Practices</a>
 +
</td>
  
 
<td>
 
<td>
−
<a href="#">Other</a>
+
<a href="https://2015.igem.org/Team:Pitt/Team">Team</a>
−
 
+
<ul>
−
<ul>
+
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:Pitt/Project">asasdfas dfsdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Team">Meet us!</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a>assdf</a>
+
<a href="https://2015.igem.org/Team:Pitt/Attributions">Attributions</a>
 
</li>
 
</li>
 +
 
</ul>
 
</ul>
 
</td>
 
</td>
  
 
<td>
 
<td>
−
<a href="#">Twitter</a>
+
<a href="https://2015.igem.org/Team:Pitt/Sponsors">Sponsors</a>
−
 
+
−
<ul>
+
−
<li>
+
−
<a href="https://2015.igem.org/Team:Pitt/Project">assdf</a>
+
−
</li>
+
−
<li>
+
−
<a>assdf</a>
+
−
</li>
+
−
</ul>
+
 
</td>
 
</td>
  
 
<td>
 
<td>
−
<a href="#">iGEM Home</a>
+
<a href="https://igem.org/Main_Page">2015 iGEM Home</a>
−
 
+
−
<ul>
+
−
<li>
+
−
<a href="https://2015.igem.org/Team:Pitt/Project">assdf</a>
+
−
</li>
+
−
<li>
+
−
<a>assdf</a>
+
−
</li>
+
−
</ul>
+
 
</td>
 
</td>
 
</tr></table>
 
</tr></table>
 
 
 
</div>
 
</div>
−
 
 
<div id="contentContainer"><!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
<div id="contentContainer"><!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
</html>
 
</html>

Latest revision as of 03:15, 19 September 2015