Difference between revisions of "Template:AUC TURKEY"
| (97 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| + | __NOTOC__ | ||
<html> | <html> | ||
| + | <script src="https://2015.igem.org/Team:AUC_TURKEY/slimbox2js?action=raw&ctype=text/javascript"></script> | ||
| + | <link href="https://2015.igem.org/Team:AUC_TURKEY/slimbox2css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<style type="text/css"> | <style type="text/css"> | ||
body{ | body{ | ||
background-color:rgb(255,0,0); | background-color:rgb(255,0,0); | ||
| + | background-image: url(http://www.transparenttextures.com/patterns/3px-tile.png); | ||
| + | } | ||
| + | table{ | ||
| + | background-color:transparent; | ||
} | } | ||
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
| Line 25: | Line 32: | ||
padding: 0px; | padding: 0px; | ||
text-align:center; | text-align:center; | ||
| + | } | ||
| + | h1,h2,h3{ | ||
| + | border:none; | ||
| + | margin-bottom:0!important; | ||
| + | font-family:Verdana,sans-serif; | ||
| + | padding-top:15px; | ||
| + | } | ||
| + | #contentContainer dd{ | ||
| + | text-indent:20px; | ||
| + | } | ||
| + | #contentContainer p{ | ||
| + | text-indent:20px; | ||
| + | } | ||
| + | #contentContainer p,li{ | ||
| + | text-align:justify; | ||
} | } | ||
#header{ | #header{ | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 80px; |
background-color: black; | background-color: black; | ||
top:18px; | top:18px; | ||
| Line 36: | Line 58: | ||
box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44); | box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44); | ||
color:white; | color:white; | ||
| + | padding-top:10px; | ||
| + | z-index:80; | ||
} | } | ||
#header a{ | #header a{ | ||
| Line 44: | Line 68: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| − | # | + | #mascot{ |
| − | + | position:fixed; | |
| − | + | top:5px; | |
| + | left:20px; | ||
| + | height: 150px; | ||
| + | z-index:99; | ||
| + | } | ||
| + | #twitter_link | ||
| + | { | ||
| + | position: fixed; | ||
| + | top: 38px; | ||
| + | z-index: 100; | ||
| + | right: 110px; | ||
| + | } | ||
| + | #youtube_link | ||
| + | { | ||
| + | position: fixed; | ||
| + | top: 38px; | ||
| + | z-index: 100; | ||
| + | right: 50px; | ||
| + | } | ||
| + | #banner{ | ||
| + | position: fixed; | ||
| + | top: 27px; | ||
| + | z-index: 100; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | width: 245px; | ||
| + | margin: auto; | ||
} | } | ||
#contentContainer { | #contentContainer { | ||
| − | text-align: left; | + | text-align: left;background: rgba(255,255,255,0); |
| − | + | background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | |
| − | width: | + | background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(10%, rgba(255,255,255,0.75)), color-stop(50%, rgba(255,255,255,0.75)), color-stop(90%, rgba(255,255,255,0.75)), color-stop(100%, rgba(255,255,255,0))); |
| + | background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
| + | background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
| + | background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
| + | background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); | ||
| + | width: 900px; | ||
margin: auto; | margin: auto; | ||
| − | margin-top: | + | margin-top: 95px; |
padding: 10px; | padding: 10px; | ||
| − | padding-left: | + | padding-left: 150px; |
| − | font-size: | + | padding-right: 150px; |
| + | font-size: 18px; | ||
} | } | ||
#menu { | #menu { | ||
display: inline-block; | display: inline-block; | ||
| + | z-index:80; | ||
} | } | ||
#menu a{ | #menu a{ | ||
| Line 81: | Line 139: | ||
margin-top:-40px; | margin-top:-40px; | ||
vertical-align:top; | vertical-align:top; | ||
| + | text-align:center; | ||
} | } | ||
#menu li:hover{ | #menu li:hover{ | ||
| Line 86: | Line 145: | ||
} | } | ||
.activePage { | .activePage { | ||
| − | background-color: | + | background-color:rgb(190,190,190); |
} | } | ||
#submenu { | #submenu { | ||
position:fixed; | position:fixed; | ||
| − | top: | + | top:108px; |
| − | width: | + | width:200%; |
| + | z-index:80; | ||
} | } | ||
#submenu a:hover { | #submenu a:hover { | ||
| Line 103: | Line 163: | ||
#submenu > ul > li > ul { | #submenu > ul > li > ul { | ||
position:absolute; | position:absolute; | ||
| − | |||
width:100%; | width:100%; | ||
height:30px; | height:30px; | ||
| Line 114: | Line 173: | ||
display: inline-block; | display: inline-block; | ||
vertical-align:top; | vertical-align:top; | ||
| + | text-align:center; | ||
}#submenu > ul > li{ | }#submenu > ul > li{ | ||
display: inline-block;} | display: inline-block;} | ||
| Line 126: | Line 186: | ||
border-radius:5px; | border-radius:5px; | ||
padding: 5px; | padding: 5px; | ||
| + | } | ||
| + | #menu, #submenu { | ||
| + | font-weight:bold; | ||
} | } | ||
#projectname { | #projectname { | ||
| Line 162: | Line 225: | ||
#scrollUp:hover { | #scrollUp:hover { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: digital7; | ||
| + | src: url("https://static.igem.org/mediawiki/2015/6/6b/AUC_TURKEY_DIGITAL-7.TTF"); | ||
} | } | ||
#temperature { | #temperature { | ||
| − | + | position: fixed; | |
| − | top:60px; | + | top: 60px; |
| − | left: | + | left: 80px; |
| − | + | font-size: 40px; | |
| − | color:orange; | + | color: orange; |
| + | text-align: right; | ||
| + | width: 150px; | ||
| + | font-family: digital7; | ||
| + | z-index:80; | ||
| + | } | ||
| + | #sub1 { | ||
| + | left: -33%; | ||
| + | } | ||
| + | #sub2 { | ||
| + | left: -31%; | ||
| + | } | ||
| + | #sub3 { | ||
| + | left: -19%; | ||
| + | } | ||
| + | #sub4 { | ||
| + | left: -17%; | ||
| + | } | ||
| + | div.thumb | ||
| + | { | ||
| + | border-color:transparent; | ||
| + | border-width:0; | ||
| + | } | ||
| + | .biglinks{ | ||
| + | font-size:150%; | ||
| + | } | ||
| + | .wikitable { | ||
| + | border: none!important; | ||
| + | border-top: 3px solid black!important; | ||
| + | border-bottom: 3px solid black!important; | ||
| + | margin:auto!important; | ||
| + | } | ||
| + | .wikitable tr { | ||
| + | padding: 5px 10px; | ||
| + | } | ||
| + | .wikitable td { | ||
| + | |||
| + | padding:0.5em!important; | ||
| + | } | ||
| + | .wikitable td, .wikitable th { | ||
| + | border: none!important; | ||
| + | background: white; | ||
| + | } | ||
| + | .wikitable th { | ||
| + | border-bottom: 3px solid black!important; | ||
| + | } | ||
| + | .wikitable caption { | ||
| + | font-weight: inherit; | ||
| + | } | ||
| + | #nbnav { | ||
| + | z-index:90; | ||
} | } | ||
</style> | </style> | ||
| Line 183: | Line 300: | ||
jQuery.easing['jswing'] = jQuery.easing['swing']; | jQuery.easing['jswing'] = jQuery.easing['swing']; | ||
$.scrollUp(); | $.scrollUp(); | ||
| + | $("div.thumbinner > a img").slimbox({}, function(el) { | ||
| + | url = el.src; | ||
| + | if (url.indexOf('thumb') != -1) { | ||
| + | url = url.substring(0, url.lastIndexOf('/')); | ||
| + | url = url.replace('/thumb/', '/'); | ||
| + | } | ||
| + | description = $(el).parents("div.thumbinner").children("div.thumbcaption").text(); | ||
| + | return [url, description]; | ||
| + | }, function(el) { | ||
| + | return (this == el); | ||
}); | }); | ||
$(function() { | $(function() { | ||
| − | + | $("#contentContainer").after($("#footer")); | |
| − | + | ||
| − | $("# | + | |
| − | + | ||
activeSub=null; | activeSub=null; | ||
$("#menu li").hover( | $("#menu li").hover( | ||
| Line 222: | Line 346: | ||
break; | break; | ||
case "Description": | case "Description": | ||
| − | case " | + | case "RNA_Thermometer": |
| + | case "Urease": | ||
| + | case "Catalase": | ||
| + | case "Mechanism": | ||
| + | case "Modelling": | ||
case "Parts": | case "Parts": | ||
| + | case "Basic_Part": | ||
| + | case "Composite_Part": | ||
| + | case "Part_Collection": | ||
$("#menu ul li:nth-child(3)").addClass("activePage"); | $("#menu ul li:nth-child(3)").addClass("activePage"); | ||
break; | break; | ||
case "Results": | case "Results": | ||
| + | case "Cloning": | ||
| + | case "Measurement": | ||
$("#menu ul li:nth-child(4)").addClass("activePage"); | $("#menu ul li:nth-child(4)").addClass("activePage"); | ||
break; | break; | ||
| Line 265: | Line 398: | ||
var newBlue = beginning_color.blue() + ( ( ending_color.blue() - beginning_color.blue() ) * percentScrolled ); | var newBlue = beginning_color.blue() + ( ( ending_color.blue() - beginning_color.blue() ) * percentScrolled ); | ||
var newColor = new $.Color( newRed, newGreen, newBlue ); | var newColor = new $.Color( newRed, newGreen, newBlue ); | ||
| − | console.log( newColor.red(), newColor.green(), newColor.blue() ); | + | //console.log( newColor.red(), newColor.green(), newColor.blue() ); |
$('body').animate({ backgroundColor: newColor }, 0); | $('body').animate({ backgroundColor: newColor }, 0); | ||
} else if ( scroll_pos > animation_end_pos ) { | } else if ( scroll_pos > animation_end_pos ) { | ||
| Line 272: | Line 405: | ||
$('body').animate({ backgroundColor: beginning_color }, 0); | $('body').animate({ backgroundColor: beginning_color }, 0); | ||
} else { } | } else { } | ||
| − | var temperature=80*percentScrolled-24; | + | var temperature=Math.round(-80*percentScrolled+56); |
| + | if(isNaN(temperature)) temperature=-24; | ||
$("#temperature").html(temperature+" °C"); | $("#temperature").html(temperature+" °C"); | ||
}); | }); | ||
| + | }); | ||
</script> | </script> | ||
| + | <img id="mascot" src="https://static.igem.org/mediawiki/2015/7/71/AUC_TURKEY_minimascot.png" /> | ||
| + | <a id="twitter_link" href="http://www.twitter.com/AUC_TURKEY"><img src="https://static.igem.org/mediawiki/2015/4/41/AUC_TURKEY_twitter.png" /></a> | ||
| + | <a id="youtube_link" href="http://www.youtube.com/user/iGEMismTV"><img src="https://static.igem.org/mediawiki/2015/4/46/AUC_TURKEY_youtube.png" /></a> | ||
<div id="header"> | <div id="header"> | ||
| + | <img id="banner" src="https://static.igem.org/mediawiki/2015/9/9e/AUC_TURKEY_BactocoolerBanner.png" /> | ||
<a href="https://2015.igem.org/"> | <a href="https://2015.igem.org/"> | ||
| − | <img src="https://static.igem.org/mediawiki/2015/b/bc/AUC_TURKEY_iGEM_Banner.png" /> | + | <img src="https://static.igem.org/mediawiki/2015/b/bc/AUC_TURKEY_iGEM_Banner.png" width=80px/> |
</a> | </a> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div id="menu"> | <div id="menu"> | ||
<ul> | <ul> | ||
| Line 297: | Line 431: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <li> | + | <li style="margin-right:250px;"> |
<div> | <div> | ||
<a href="https://2015.igem.org/Team:AUC_TURKEY/Description"><img src="https://static.igem.org/mediawiki/2015/1/11/AUC_TURKEY_Project.png"/><br/>Project</a> | <a href="https://2015.igem.org/Team:AUC_TURKEY/Description"><img src="https://static.igem.org/mediawiki/2015/1/11/AUC_TURKEY_Project.png"/><br/>Project</a> | ||
| Line 313: | Line 447: | ||
<li> | <li> | ||
<div> | <div> | ||
| − | <a href="https://2015.igem.org/Team:AUC_TURKEY/Practices"><img src="https://static.igem.org/mediawiki/2015/4/41/AUC_TURKEY_HumanPractices.png"/><br/> | + | <a href="https://2015.igem.org/Team:AUC_TURKEY/Practices"><img src="https://static.igem.org/mediawiki/2015/4/41/AUC_TURKEY_HumanPractices.png"/><br/>Policy & Practices</a> |
</div> | </div> | ||
</li> | </li> | ||
| Line 319: | Line 453: | ||
</div> | </div> | ||
<a href="https://igem.org/Team.cgi?id=1806"> | <a href="https://igem.org/Team.cgi?id=1806"> | ||
| − | <img src="https://static.igem.org/mediawiki/2015/c/cc/AUC_TURKEY_Logo.png" style="height: | + | <img src="https://static.igem.org/mediawiki/2015/c/cc/AUC_TURKEY_Logo.png" style="height:75px" /> |
</a> | </a> | ||
</div> | </div> | ||
| Line 331: | Line 465: | ||
<li><ul id="sub2"> | <li><ul id="sub2"> | ||
<li><a href="https://2015.igem.org/Team:AUC_TURKEY/Description">Overview</a></li> | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Description">Overview</a></li> | ||
| − | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/RNA_Thermometer">RNA Thermometer</a></li> |
| − | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Urease">Urease</a></li> |
| − | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Catalase">Catalase</a></li> |
| − | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Mechanism">Mechanism</a></li> |
<li><a href="https://2015.igem.org/Team:AUC_TURKEY/Modeling">Modeling</a></li> | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Modeling">Modeling</a></li> | ||
<li><a href="https://2015.igem.org/Team:AUC_TURKEY/Parts">Parts</a></li> | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Parts">Parts</a></li> | ||
</ul></li> | </ul></li> | ||
<li><ul id="sub3"> | <li><ul id="sub3"> | ||
| − | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Cloning">Cloning</a></li> |
| − | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Measurement">Functional Assay</a></li> |
| − | + | ||
</ul></li> | </ul></li> | ||
<li><ul id="sub4"> | <li><ul id="sub4"> | ||
| Line 350: | Line 483: | ||
</div> | </div> | ||
<div id="temperature">37 °C</div> | <div id="temperature">37 °C</div> | ||
| + | <img id="footer" src="https://static.igem.org/mediawiki/2015/8/81/AUC_TURKEY_Footer.png" /> | ||
<div id="contentContainer"> | <div id="contentContainer"> | ||
</html> | </html> | ||
Latest revision as of 02:00, 19 September 2015
37 °C
