|
|
(3 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <html>
| |
| | | |
− | <style>
| |
− |
| |
− | /*DISABLE DEFAULT DESIGN*/
| |
− | #content{
| |
− | width: 100%;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | #sideMenu{
| |
− | display:none;
| |
− | }
| |
− |
| |
− | #top_title{
| |
− | display:none;
| |
− | }
| |
− |
| |
− | #globalWrapper{
| |
− | padding-bottom: 0;
| |
− | }
| |
− |
| |
− | ul{
| |
− | list-style-image:none;
| |
− | }
| |
− |
| |
− |
| |
− | /*---------------------- */
| |
− |
| |
− | /*menu*/
| |
− |
| |
− | #header{
| |
− | position:relative;
| |
− | width: 100%;
| |
− | min-width: 1024px;
| |
− | /*width: 1366px;*/
| |
− | height: 72px;
| |
− | margin: 0 auto;
| |
− | /*border: 1px solid #000;*/
| |
− | text-align: center;
| |
− | background-color: #135589;
| |
− | opacity: 0.7;
| |
− | z-index:2;
| |
− | }
| |
− | #header ul{
| |
− | /*list-style-type: none;*/
| |
− | /*margin: 0;*/
| |
− | padding: 0;
| |
− | }
| |
− | #nav-wrapper{
| |
− | width: 1024px;
| |
− | margin: 0 auto;
| |
− | }
| |
− | .nav {
| |
− | text-align:center;
| |
− | width: 1024px;
| |
− | height:72px;
| |
− | position: relative;
| |
− | left: 0;
| |
− | }
| |
− | .nav ul {
| |
− | width:1024px;
| |
− | margin: 0 auto;
| |
− | list-style-type: none;
| |
− | }
| |
− | .nav ul li{
| |
− | float: left;
| |
− | width: 121px;
| |
− | margin: 0;
| |
− | /*border-right: 1px solid #e6e4e4;*/
| |
− | box-sizing: border-box;
| |
− | /*text-indent:-9999px;*/
| |
− | }
| |
− | .nav ul li:last-child {
| |
− | border-right: none;
| |
− | }
| |
− | .nav ul li a{
| |
− | display: block;
| |
− | width: 100%;
| |
− | height:72px;
| |
− | line-height:72px;
| |
− | }
| |
− | #nv0 a{
| |
− | background: url(https://static.igem.org/mediawiki/2016/8/88/T--Kyoto--Norofig.png);
| |
− | background-repeat: no-repeat;
| |
− | background-position: center;
| |
− | }
| |
− | #nv1 > a{background: url(https://static.igem.org/mediawiki/2016/e/ee/T--Kyoto--menutext-05.png);}
| |
− | #nv2 > a{background: url(https://static.igem.org/mediawiki/2016/4/49/T--Kyoto--menutext-06.png);}
| |
− | #nv3 > a{background: url(https://static.igem.org/mediawiki/2016/c/c2/T--Kyoto--menutext-07.png);}
| |
− | #nv4 > a{background: url(https://static.igem.org/mediawiki/2016/7/76/T--Kyoto--menutext-08.png);}
| |
− | #nv5 > a{background: url(https://static.igem.org/mediawiki/2016/9/96/T--Kyoto--menutext-09.png);}
| |
− | #nv6 > a{background: url(https://static.igem.org/mediawiki/2016/6/65/T--Kyoto--menutext-10.png);}
| |
− | #nv7 > a{background: url(https://static.igem.org/mediawiki/2016/1/13/T--Kyoto--menutext-11.png);}
| |
− | #nv8 > a{background: url(https://static.igem.org/mediawiki/2016/0/09/T--Kyoto--menutext-12.png);}
| |
− |
| |
− | #nv11 {background-image: url(https://static.igem.org/mediawiki/2016/c/cd/T--Kyoto--pulldownmenu-14.png);}
| |
− | #nv12 {background-image: url(https://static.igem.org/mediawiki/2016/5/50/T--Kyoto--pulldownmenu-16.png);}
| |
− |
| |
− | #nv21 {background-image: url(https://static.igem.org/mediawiki/2016/c/cd/T--Kyoto--pulldownmenu-14.png);}
| |
− | #nv22 {background-image: url(https://static.igem.org/mediawiki/2016/f/ff/T--Kyoto--pulldownmenu-20.png);}
| |
− |
| |
− | #nv51 {background-image: url(https://static.igem.org/mediawiki/2016/b/b9/T--Kyoto--pulldownmenu-17.png);}
| |
− | #nv52 {background-image: url(https://static.igem.org/mediawiki/2016/c/c5/T--Kyoto--pulldownmenu-18.png);}
| |
− | #nv53 {background-image: url(https://static.igem.org/mediawiki/2016/9/9d/T--Kyoto--pulldownmenu-19.png);}
| |
− |
| |
− | #nv71 {background-image: url(https://static.igem.org/mediawiki/2016/d/db/T--Kyoto--pulldownmenu-15.png);}
| |
− | #nv72 {background-image: url(https://static.igem.org/mediawiki/2016/6/6c/T--Kyoto--pulldownmenu-22.png);}
| |
− |
| |
− | #nv1 > a:hover{background-position: 0 -72px;}
| |
− | #nv2 > a:hover{background-position: 0 -72px;}
| |
− | #nv3 > a:hover{background-position: 0 -72px;}
| |
− | #nv4 > a:hover{background-position: 0 -72px;}
| |
− | #nv5 > a:hover{background-position: 0 -72px;}
| |
− | #nv6 > a:hover{background-position: 0 -72px;}
| |
− | #nv7 > a:hover{background-position: 0 -72px;}
| |
− | #nv8 > a:hover{background-position: 0 -72px;}
| |
− |
| |
− | .nv > li > ul {
| |
− | width:121px;
| |
− | }
| |
− |
| |
− | .nv > li > ul > li{
| |
− | float:inherit;
| |
− | height:0px;
| |
− | transition:height 0.5s;
| |
− | opacity:0.7;
| |
− | background-color:#1e1e20;
| |
− | }
| |
− |
| |
− | .nv > li > ul > li:hover{
| |
− | opacity:0.3;
| |
− | }
| |
− |
| |
− | .nv > li:hover > ul > li{
| |
− | height:48px;
| |
− | }
| |
− |
| |
− | .nv > li > ul > li a{
| |
− | height:0px;
| |
− | transition:height 0.5s;
| |
− | }
| |
− |
| |
− | .nv > li:hover > ul > li a{
| |
− | height:48px;
| |
− | }
| |
− |
| |
− | #contents-wrapper{
| |
− | min-width:1024px;
| |
− | background-color:#ffffff;
| |
− | }
| |
− |
| |
− | #contents{
| |
− | width: 1024px;
| |
− | margin: 0 auto;
| |
− | border-color: #000000;
| |
− | color: #969696;
| |
− | /*background-color: #c0ffee;*/
| |
− | }
| |
− | #contents p{
| |
− | word-wrap:break-word;
| |
− | }
| |
− | /*#header li{
| |
− | text-indent: -9999px;
| |
− | float:left;
| |
− | width: 100px;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }*/
| |
− | #footer{
| |
− | width: 100%;
| |
− | min-width: 1024px;
| |
− | height: 369px;
| |
− | margin: 0 auto;
| |
− | display: block;
| |
− | background-color: #333333;
| |
− | }
| |
− |
| |
− | #footer_logos{
| |
− | width: 874px;
| |
− | height: 135px;
| |
− | margin: 0 auto;
| |
− | padding: 20px 0;
| |
− | }
| |
− |
| |
− | #footer_contact{
| |
− | width: 874px;
| |
− | height: 26px;
| |
− | margin: 0 auto;
| |
− | }
| |
− | #footer_social{
| |
− | width: 800px;
| |
− | height: 84px;
| |
− | margin: 0 auto;
| |
− | }
| |
− | #footer_social img{
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | </style>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!--- THIS IS WHERE THE HTML BEGINS --->
| |
− |
| |
− |
| |
− | <!-- This tells the browser that your page is responsive -->
| |
− |
| |
− | <head>
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | </head>
| |
− |
| |
− | <div id="header">
| |
− | <div id="nav-wrapper">
| |
− | <div class="nav">
| |
− | <ul class="nv">
| |
− | <li id ="nv0" style="width:56px"><a href="index.html"></a></li>
| |
− | <li id ="nv1">
| |
− | <a href="Description.html"></a>
| |
− | <ul>
| |
− | <li id="nv11"><a href="Description.html"></a></li>
| |
− | <li id="nv12"><a href="Proof.html"></a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li id ="nv2">
| |
− | <a href="Software.html"></a>
| |
− | <ul>
| |
− | <li id="nv21"><a href="Software.html"></a></li>
| |
− | <li id="nv22"><a href="Collaborations.html"></a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li id ="nv3"><a href="Achievements.html"></a></li>
| |
− | <li id ="nv4"><a href="Experiments.html"></a></li>
| |
− | <li id ="nv5">
| |
− | <a href="Human_Practices.html"></a>
| |
− | <ul>
| |
− | <li id="nv51"><a href="Human_Practices.html"></a></li>
| |
− | <li id="nv52"><a href="HP-Silver.html"></a></li>
| |
− | <li id="nv53"><a href="HP-Gold.html"></a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li id ="nv6"><a href="Notebook.html"></a></li>
| |
− | <li id ="nv7">
| |
− | <a href="Team.html"></a>
| |
− | <ul>
| |
− | <li id="nv71"><a href="Team.html"></a></li>
| |
− | <li id="nv72"><a href="Attributions.html"></a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li id ="nv8"><a href="Safety.html"></a></li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− | $("#HQ_page").attr('id','');
| |
− |
| |
− |
| |
− | if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line
| |
− | $("#team_name").html( wgPageName );
| |
− | }
| |
− |
| |
− | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name
| |
− | $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
| |
− | }
| |
− |
| |
− | else {
| |
− | // this adds the team's name as an h1
| |
− | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) );
| |
− |
| |
− | // this adds the page's title as an h4
| |
− | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") );
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion').find('.menu_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".submenu").not(submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
− | </html>
| |