|
|
| 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>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <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>
| |
