Difference between revisions of "Template:Groningen"
| (25 intermediate revisions by 2 users not shown) | |||
| Line 9: | Line 9: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
$("#HQ_page").attr('id',''); | $("#HQ_page").attr('id',''); | ||
| − | // call the functions that control the menu | + | // call the functions that control the menu |
menu_functionality(); | menu_functionality(); | ||
hide_show_menu(); | hide_show_menu(); | ||
| Line 211: | Line 211: | ||
text-decoration:none; | text-decoration:none; | ||
text-align:center; | text-align:center; | ||
| − | cursor:pointer;white-space:nowrap | + | cursor:pointer; |
| + | white-space:nowrap; | ||
} | } | ||
| Line 488: | Line 489: | ||
padding-right: 10px; | padding-right: 10px; | ||
| + | } | ||
| + | |||
| + | /* TABLEIZERS */ | ||
| + | table.tableizer-table { | ||
| + | color: #000; | ||
| + | //width: 640px; | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0; | ||
| + | font-family:raleway; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | table.tableizer-table td, th { | ||
| + | border: 1px solid transparent; /* No more visible border */ | ||
| + | padding: 6px 20px; | ||
| + | transition: all 0.05s; /* Simple transition for hover effect */ | ||
| + | } | ||
| + | table.tableizer-table th { | ||
| + | background: #abf; /* Darken header a bit */ | ||
| + | font-weight: 700; | ||
| + | height: 50px; | ||
| + | } | ||
| + | table.tableizer-table td { | ||
| + | text-align: center; | ||
| + | } | ||
| + | table.tableizer-table tr:nth-child(even) td { background: #DDD; } | ||
| + | table.tableizer-table tr:nth-child(odd) td { background: #EEE; } | ||
| + | |||
| + | table.tableizer-table tr:hover td { | ||
| + | background-color: #CCF; | ||
} | } | ||
| Line 540: | Line 570: | ||
background-color:rgba(160, 192, 239, 0.25); | background-color:rgba(160, 192, 239, 0.25); | ||
transition: all .1s ease-out; | transition: all .1s ease-out; | ||
| + | cursor: pointer | ||
} | } | ||
#primary_nav_wrap ul ul | #primary_nav_wrap ul ul | ||
| Line 568: | Line 599: | ||
visibility: visible; | visibility: visible; | ||
margin: 0; | margin: 0; | ||
| + | |||
} | } | ||
| Line 600: | Line 632: | ||
<li class="mobicon"> <a href="javascript:void(0);" onclick="mobnavtoggle()">≡ Menu</a></li> | <li class="mobicon"> <a href="javascript:void(0);" onclick="mobnavtoggle()">≡ Menu</a></li> | ||
<li><a href="https://2017.igem.org/Team:Groningen">Home</a></li> | <li><a href="https://2017.igem.org/Team:Groningen">Home</a></li> | ||
| − | <li | + | <li><a onclick="">Project</a> |
<ul> | <ul> | ||
<li><a href="https://2017.igem.org/Team:Groningen/Description">Description</a></li> | <li><a href="https://2017.igem.org/Team:Groningen/Description">Description</a></li> | ||
| Line 612: | Line 644: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li><a | + | <li><a onclick="">Human Practices</a> |
<ul> | <ul> | ||
<li><a href="https://2017.igem.org/Team:Groningen/Overview">Overview</a></li> | <li><a href="https://2017.igem.org/Team:Groningen/Overview">Overview</a></li> | ||
| Line 625: | Line 657: | ||
<li><a href="https://2017.igem.org/Team:Groningen/Parts">Parts</a></li> | <li><a href="https://2017.igem.org/Team:Groningen/Parts">Parts</a></li> | ||
<li><a href="https://2017.igem.org/Team:Groningen/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:Groningen/Collaborations">Collaborations</a></li> | ||
| − | <li><a | + | <li><a onclick="">Team</a> |
<ul> | <ul> | ||
<li class="dir"><a href="https://2017.igem.org/Team:Groningen/Team">Team Members</a></li> | <li class="dir"><a href="https://2017.igem.org/Team:Groningen/Team">Team Members</a></li> | ||
| Line 678: | Line 710: | ||
height:350px; | height:350px; | ||
object-fit: cover; | object-fit: cover; | ||
| + | } | ||
| + | _:-ms-fullscreen, :root .ie11up { /* fucking piece of shit m$ */ | ||
| + | .slideshow-container img { | ||
| + | background-size: cover; | ||
| + | background-position: center center; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { | ||
| + | .slideshow-container img { | ||
| + | background-size: cover; | ||
| + | background-position: center center; | ||
| + | } | ||
} | } | ||
/* Caption text */ | /* Caption text */ | ||
| Line 756: | Line 801: | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<img src="https://static.igem.org/mediawiki/2017/0/06/20171027_123249.jpg" style="width:100%"> | <img src="https://static.igem.org/mediawiki/2017/0/06/20171027_123249.jpg" style="width:100%"> | ||
| + | <div class="slidetext"><h2 class="header_title"></h2></div> | ||
| + | </div> | ||
| + | <div class="mySlides fade"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/a/a0/20171101_225544.jpg" style="width:100%"> | ||
<div class="slidetext"><h2 class="header_title"></h2></div> | <div class="slidetext"><h2 class="header_title"></h2></div> | ||
</div> | </div> | ||
| Line 763: | Line 812: | ||
<div style="text-align:center"> | <div style="text-align:center"> | ||
| + | <span class="dot"></span> | ||
<span class="dot"></span> | <span class="dot"></span> | ||
<span class="dot"></span> | <span class="dot"></span> | ||
| Line 874: | Line 924: | ||
setTimeout(showSlides, 6000); // Change image every 6 seconds | setTimeout(showSlides, 6000); // Change image every 6 seconds | ||
} | } | ||
| − | var slideIndex = Math.floor((Math.random() * | + | var slideIndex = Math.floor((Math.random() * 9) + 1); |
showSlides(); | showSlides(); | ||
| Line 947: | Line 997: | ||
list-style:none; | list-style:none; | ||
margin:0; | margin:0; | ||
| − | + | padding:0; | |
} | } | ||
#myScrollspy ul a | #myScrollspy ul a | ||
| Line 956: | Line 1,006: | ||
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
| − | |||
color: black; | color: black; | ||
| Line 963: | Line 1,012: | ||
font-size:14px; | font-size:14px; | ||
line-height:30px; | line-height:30px; | ||
| − | |||
text-align:left; | text-align:left; | ||
| + | padding: 2px 0px 2px 20px; | ||
} | } | ||
#myScrollspy ul li | #myScrollspy ul li | ||
{ | { | ||
//display:block; | //display:block; | ||
| − | padding | + | margin:0; |
| + | padding:0; | ||
} | } | ||
| − | #myScrollspy ul li.active | + | #myScrollspy ul li.active { |
| − | {background:green;} | + | background:green; |
| − | #myScrollspy ul li.active:hover | + | transition: all .1s ease-out; |
| − | {background-color:rgba(120, 255, 180, 0.5);} | + | } |
| − | #myScrollspy ul li:hover | + | #myScrollspy ul li.active:hover { |
| − | {background-color:rgba(160, 192, 239, 0.5);} | + | background-color:rgba(120, 255, 180, 0.5); |
| + | transition: all .1s ease-out; | ||
| + | } | ||
| + | #myScrollspy ul li:hover { | ||
| + | background-color:rgba(160, 192, 239, 0.5); | ||
| + | transition: all .1s ease-out; | ||
| + | } | ||
#myScrollspy.sticky { | #myScrollspy.sticky { | ||
| Line 1,071: | Line 1,127: | ||
}); | }); | ||
| + | </script> | ||
| + | <!-- PIECE OF SHIT POGRAMM BY GREEDY NEW WORLD ORDER M$ --> | ||
| + | |||
| + | <script> | ||
| + | // Get IE or Edge browser version | ||
| + | var versionshitie = detectIE(); | ||
| + | //document.getElementById('result').innerHTML = versionshitie; | ||
| + | |||
| + | function detectIE() { | ||
| + | var ua = window.navigator.userAgent; | ||
| + | var msie = ua.indexOf('MSIE '); | ||
| + | if (msie > 0) { | ||
| + | return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); | ||
| + | } | ||
| + | |||
| + | var trident = ua.indexOf('Trident/'); | ||
| + | if (trident > 0) { | ||
| + | var rv = ua.indexOf('rv:'); | ||
| + | return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10); | ||
| + | } | ||
| + | var edge = ua.indexOf('Edge/'); | ||
| + | if (edge > 0) { | ||
| + | return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10); | ||
| + | } | ||
| + | return false; | ||
| + | } | ||
</script> | </script> | ||
</html> | </html> | ||
Latest revision as of 03:01, 2 November 2017
