|
|
(11 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;
| |
− | }
| |
− | /*---------------------- */
| |
− |
| |
− | /*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(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/c/cd/T--Kyoto--pulldownmenu-14.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: 20 0;
| |
− | }
| |
− |
| |
− | #footer_contact{
| |
− | width: 874px;
| |
− | height: 26px;
| |
− | margin: 0 auto;
| |
− | }
| |
− | #footer_social{
| |
− | width: 590px;
| |
− | 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>
| |