|
|
| Line 1: |
Line 1: |
| − | | + | {{Fudan-CHINA}} |
| | | | |
| | <html> | | <html> |
| | | | |
| − |
| |
| − |
| |
| − | <!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | </p>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--TEMPLATE:initialize-->
| |
| − |
| |
| − | <!--get jQuery and wiki settings------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | <style>
| |
| − | #top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
| |
| − | .mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px; margin:0px; }
| |
| − | #top_menu_14{position: fixed;top:0;}
| |
| − |
| |
| − | #mw-content-text>p{display:none}
| |
| − | a, button, input, textarea {
| |
| − | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
| |
| − | -moz-transition: all .5s ease;
| |
| − | -webkit-transition: all .5s ease;
| |
| − | transition: all .5s ease;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&action=raw&ctype=text/javascript">
| |
| − | //jQuery
| |
| − | </script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryUi&action=raw&ctype=text/javascript">
| |
| − | //jQueryUi
| |
| − | </script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&action=raw&ctype=text/javascript">
| |
| − | //jQuery_AnimateColors
| |
| − | </script>
| |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/font_awesome&action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!---------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <!--get fonts----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | <style>
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_Quicksand;
| |
| − | src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Fudan-CHINA--Quicksand.ttf');
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_LucidaCalligraphy;/*for fullname of STEP*/
| |
| − | src: url('https://static.igem.org/mediawiki/2018/a/a8/T--Fudan-CHINA--LucidaCalligraphy.ttf');
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_CalistoMT;
| |
| − | src: url('https://static.igem.org/mediawiki/2018/b/be/T--Fudan-CHINA--CalistoMT.ttf');
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_Algerian;
| |
| − | src: url('https://static.igem.org/mediawiki/2018/5/56/T--Fudan-CHINA--Algerian.ttf');
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_ZELDA;/*for team name*/
| |
| − | src: url('https://static.igem.org/mediawiki/2018/d/df/T--Fudan-CHINA--ZELDA.ttf'),
| |
| − | url('https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--ZELDA.eot');
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_Butler;
| |
| − | src: url('https://static.igem.org/mediawiki/2018/e/e1/T--Fudan-CHINA--Butler.ttf'),
| |
| − | url('https://static.igem.org/mediawiki/2018/c/c9/T--Fudan-CHINA--Butler.eot');/*IE 9+*/
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_Allura;
| |
| − | src: url('https://static.igem.org/mediawiki/2018/6/69/T--Fudan-CHINA--Allura-Regular.otf');
| |
| − | }
| |
| − | @font-face
| |
| − | {
| |
| − | font-family:_VerlagBook;
| |
| − | src: url('https://static.igem.org/mediawiki/2018/f/fe/T--Fudan-CHINA--VerlagBook.otf');
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <!---------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--loading page------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | <style>
| |
| − | .chromeframe {
| |
| − | margin: 0.2em 0;
| |
| − | background: #ccc;
| |
| − | color: #000;
| |
| − | padding: 0.2em 0;
| |
| − | }
| |
| − | #loader-wrapper {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | z-index:999999;
| |
| − |
| |
| − | }
| |
| − | #loader {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | left: 50%;
| |
| − | top: 50%;
| |
| − | width: 150px;
| |
| − | height: 150px;
| |
| − | margin: -75px 0 0 -75px;
| |
| − | border-radius: 50%;
| |
| − | border: 3px solid transparent;
| |
| − | /* COLOR 1 */
| |
| − | border-top-color: rgba(255,0,255,1);
| |
| − | -webkit-animation: spin 2s linear infinite;
| |
| − | -ms-animation: spin 2s linear infinite;
| |
| − | -moz-animation: spin 2s linear infinite;
| |
| − | -o-animation: spin 2s linear infinite;
| |
| − | animation: spin 2s linear infinite;
| |
| − | z-index:1001;
| |
| − | }
| |
| − | #loader:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 5px;
| |
| − | left: 5px;
| |
| − | right: 5px;
| |
| − | bottom: 5px;
| |
| − | border-radius: 50%;
| |
| − | border: 3px solid transparent;
| |
| − | /* COLOR 2 */
| |
| − | border-top-color: rgba(255,255,0,1);
| |
| − | -webkit-animation: spin 3s linear infinite;
| |
| − | -moz-animation: spin 3s linear infinite;
| |
| − | -o-animation: spin 3s linear infinite;
| |
| − | -ms-animation: spin 3s linear infinite;
| |
| − | animation: spin 3s linear infinite;
| |
| − | }
| |
| − | #loader:after {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 15px;
| |
| − | left: 15px;
| |
| − | right: 15px;
| |
| − | bottom: 15px;
| |
| − | border-radius: 50%;
| |
| − | border: 3px solid transparent;
| |
| − | border-top-color: rgba(0,255,255,1);
| |
| − | /* COLOR 3 */
| |
| − | -moz-animation: spin 1.5s linear infinite;
| |
| − | -o-animation: spin 1.5s linear infinite;
| |
| − | -ms-animation: spin 1.5s linear infinite;
| |
| − | -webkit-animation: spin 1.5s linear infinite;
| |
| − | animation: spin 1.5s linear infinite;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @-webkit-keyframes spin {
| |
| − | 0%{
| |
| − | -webkit-transform: rotate(0deg);
| |
| − | -ms-transform: rotate(0deg);
| |
| − | transform: rotate(0deg);
| |
| − | }100%{
| |
| − | -webkit-transform: rotate(360deg);
| |
| − | -ms-transform: rotate(360deg);
| |
| − | transform: rotate(360deg); }
| |
| − | }
| |
| − |
| |
| − | @keyframes spin {
| |
| − | 0%{
| |
| − | -webkit-transform: rotate(0deg);
| |
| − | -ms-transform: rotate(0deg);
| |
| − | transform: rotate(0deg);
| |
| − | }100%{
| |
| − | -webkit-transform: rotate(360deg);
| |
| − | -ms-transform: rotate(360deg);
| |
| − | transform: rotate(360deg); }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #loader-wrapper .loader-section {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | width: 51%;
| |
| − | height: 100%;
| |
| − | background: rgba(2,28,53,1); /* loading background color!!!*/
| |
| − | z-index: 1000;
| |
| − | -webkit-transform: translateX(0);
| |
| − | -ms-transform: translateX(0);
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | #loader-wrapper .loader-section.section-left {left: 0;}
| |
| − | #loader-wrapper .loader-section.section-right {right: 0;}
| |
| − |
| |
| − | /* Loaded */
| |
| − | .loaded #loader-wrapper .loader-section.section-left {
| |
| − | -webkit-transform: translateX(-100%);
| |
| − | -ms-transform: translateX(-100%);
| |
| − | transform: translateX(-100%);
| |
| − | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | }
| |
| − | .loaded #loader-wrapper .loader-section.section-right {
| |
| − | -webkit-transform: translateX(100%);
| |
| − | -ms-transform: translateX(100%);
| |
| − | transform: translateX(100%);
| |
| − | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | }
| |
| − | .loaded #loader {
| |
| − | opacity: 0;
| |
| − | -webkit-transition: all 0.3s ease-out;
| |
| − | transition: all 0.3s ease-out;
| |
| − | }
| |
| − | .loaded #loader-wrapper {
| |
| − | visibility: hidden;
| |
| − | -webkit-transform: translateY(-100%);
| |
| − | -ms-transform: translateY(-100%);
| |
| − | transform: translateY(-100%);
| |
| − | -webkit-transition: all 0.3s 1s ease-out;
| |
| − | transition: all 0.3s 1s ease-out;
| |
| − | }
| |
| − | /* JavaScript Turned Off */
| |
| − | .no-js #loader-wrapper {display: none;}
| |
| − | .no-js h1 {color: #222222;}
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <div id="loader-wrapper">
| |
| − | <div id="loader"></div>
| |
| − | <div class="loader-section section-left"></div>
| |
| − | <div class="loader-section section-right"></div>
| |
| − | </div>
| |
| − |
| |
| − | <script>
| |
| − | $(function(){
| |
| − | var myBgVideo=document.getElementById("bgVideo");
| |
| − | myBgVideo.addEventListener('canplaythrough',function(){
| |
| − | setTimeout(function(){ $('body').addClass('loaded');
| |
| − | $('#loader-wrapper .load_title').remove(); },500);
| |
| − | });
| |
| − | });
| |
| − | $(function(){
| |
| − | var myBgVideo=document.getElementById("bgVideo");
| |
| − | setTimeout(function(){ $('body').addClass('loaded');
| |
| − | $('#loader-wrapper .load_title').remove(); }, 1000);
| |
| − | });
| |
| − |
| |
| − | function slideInTop(obj,obj2,delayTime){
| |
| − | var targetHeight = obj.offset().top-50;
| |
| − | var scrollTop = $(document).scrollTop();
| |
| − | var winHeight=$(window).height();
| |
| − | var imgHeight=obj2.height();
| |
| − | if(scrollTop+winHeight-0.3*imgHeight>targetHeight){
| |
| − | setTimeout(function(){ obj.animate({top:'0px',opacity:1},800,"easeInOutCubic"); }, delayTime);
| |
| − | }
| |
| − | };
| |
| − | function slideInLeft(obj,obj2,delayTime){
| |
| − | var targetHeight = obj.offset().top;
| |
| − | var scrollTop = $(document).scrollTop();
| |
| − | var winHeight=$(window).height();
| |
| − | var imgHeight=obj2.height();
| |
| − | if(scrollTop+winHeight-0.3*imgHeight>targetHeight){
| |
| − | setTimeout(function(){ obj.animate({left:'0px',opacity:1},800,"easeInOutCubic"); }, delayTime);
| |
| − | }
| |
| − | };
| |
| − | </script>
| |
| − | <!--------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <!--TEMPLATE END:initialize-->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--TEMPLATE:mainNavBar-->
| |
| − |
| |
| − | <!--navigation bar-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | <ul id="navUl" style="z-index: 888;">
| |
| − | <li class="navLi navImg" style="display: inline-block;float: left;width: 5%;"></li>
| |
| − | <li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg" src="https://static.igem.org/mediawiki/2018/6/62/T--Fudan-CHINA--stepLogo1.png" /></a></li>
| |
| − | <li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA" style="color: white;">Fudan-CHINA</a></li>
| |
| − |
| |
| − | <li class="navLi" style="display: inline-block;width: 2%;"></li>
| |
| − |
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#6">Awards</a></li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#7">Team</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#14">Team</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#15">Attributions</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#6">Notebook</a></li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Human Practices</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Overview</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#17">Silver HP</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#18">Integrated HP</a></li>
| |
| − | <li class="li2"><a class="navA2 muchWords muchWords1" href="#18">Education & Public Engagement</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#19">Collaborations</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#20">Safety</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Parts</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Improved Part</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#16">Best New Basic Part</a></li>
| |
| − | <li class="li2"><a class="navA2 muchWords muchWords2" href="#16">Best New Composite Part</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#16">Best Part Collection</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Model</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Model</a></li>
| |
| − | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Software">Software</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Results</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Overview</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#18">Transducers</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#19">Protein Interaction</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#20">Demonstrate</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#20">Interlab</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#2">Project</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#21">Overview</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#22">Background</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#23">Design</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#24">Applied Design</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | <style>
| |
| − | #navUl{
| |
| − | list-style: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | overflow: visible;
| |
| − | position:fixed;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .ul2{
| |
| − | list-style: none;
| |
| − | text-align: center;
| |
| − | position: absolute;
| |
| − | left:50%;
| |
| − | transform: translateX(-50%);
| |
| − | background-image: linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(29,176,186,0.95) 100%);
| |
| − | display: none;
| |
| − | border-radius:0 0 5% 5%;
| |
| − | overflow: hidden;
| |
| − |
| |
| − | }
| |
| − | .li2{
| |
| − | font-size: 0;
| |
| − | }
| |
| − | .navLi:not(.navImg){
| |
| − | float: right;
| |
| − | position: relative;
| |
| − | }
| |
| − | .navA{
| |
| − | display: block;
| |
| − | font-family:"Quicksand Medium",_Quicksand;
| |
| − | font-weight:400;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .navA2{
| |
| − | display: block;
| |
| − | font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
| |
| − | overflow: visible;
| |
| − | color: white;
| |
| − | }
| |
| − | .navA:not(.teamName){
| |
| − | color:white;
| |
| − | }
| |
| − | .teamName{
| |
| − | font-family:Zelda,_ZELDA;
| |
| − | font-weight: 900;
| |
| − | }
| |
| − | .navA:link,.navA2:link{
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .navA:visited{
| |
| − | color: white;
| |
| − | }
| |
| − | .navA2:visited,.navA2:active{
| |
| − | text-decoration: none;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .navA:hover:not(.activeA){
| |
| − | color: rgba(0,189,234,1);
| |
| − | }
| |
| − | .navA2:hover{
| |
| − | color:rgba(0,189,234,1);
| |
| − | }
| |
| − | .jqhover {
| |
| − | color:rgba(0,189,234,1) !important;
| |
| − | }
| |
| − | .navA:hover{
| |
| − | text-decoration:none;
| |
| − | }
| |
| − |
| |
| − | .navA:active{
| |
| − | text-decoration:none;
| |
| − | color: white;
| |
| − | }
| |
| − | </style>
| |
| − | <script>
| |
| − | function navFun(){
| |
| − | var winWidth=$(window).width();
| |
| − | var navWidth=$('#navUl').width();
| |
| − | var winHeight=$(window).height();
| |
| − | $("#navUl").css("top",0.1*winHeight);
| |
| − | if (winWidth/winHeight>2){
| |
| − | $("#navUl").css("height","8vh");
| |
| − | $(".navA:not(.teamName)").css("height","8vh");
| |
| − | $(".navA:not(.teamName)").css("line-height","8vh");
| |
| − | $(".navA:not(.teamName)").css("font-size","2.5vh");
| |
| − |
| |
| − | $(".teamName").css("height","8vh");
| |
| − | $(".teamName").css("line-height","8vh");
| |
| − | $(".teamName").css("font-size","3.3vh");
| |
| − |
| |
| − | $(".navA2").css("padding","0 6vh");
| |
| − | $(".navA2").css("height","6vh");
| |
| − | $(".navA2").css("line-height","6vh");
| |
| − | $(".navA2:not(.muchWords)").css("font-size","2.7vh");
| |
| − | $(".muchWords1").css("font-size","2.2vh");
| |
| − | $(".muchWords2").css("font-size","2.3vh");
| |
| − | $(".muchWords3").css("font-size","2.3vh");
| |
| − |
| |
| − | $(".navA:not(img)").css("padding","0 3vh");
| |
| − | $(".teamImg").css("width","7vh");
| |
| − | $(".teamImg").css("height","7vh");
| |
| − | $(".teamImg").css("padding","0.5vh 0");
| |
| − | }
| |
| − | else{
| |
| − | $("#navUl").css("height","4vw");
| |
| − | $(".navA:not(.teamName)").css("height","4vw");
| |
| − | $(".navA:not(.teamName)").css("line-height","4vw");
| |
| − | $(".navA:not(.teamName)").css("font-size","1.25vw");
| |
| − |
| |
| − | $(".teamName").css("height","4vw");
| |
| − | $(".teamName").css("line-height","4vw");
| |
| − | $(".teamName").css("font-size","1.85vw");
| |
| − |
| |
| − | $(".navA2").css("padding","0 3vw");
| |
| − | $(".navA2").css("height","3vw");
| |
| − | $(".navA2").css("line-height","3vw");
| |
| − | $(".navA2:not(.muchWords)").css("font-size","1.35vw");
| |
| − | $(".muchWords1").css("font-size","1.1vw");
| |
| − | $(".muchWords2").css("font-size","1.15vw");
| |
| − | $(".muchWords3").css("font-size","1.15vw");
| |
| − |
| |
| − | $(".navA:not(img)").css("padding","0 1.5vw");
| |
| − | $(".teamImg").css("width","3.5vw");
| |
| − | $(".teamImg").css("height","3.5vw");
| |
| − | $(".teamImg").css("padding","0.25vh 0");
| |
| − | }
| |
| − | };
| |
| − |
| |
| − | navFun();
| |
| − | navAdj();
| |
| − |
| |
| − | $(window).resize(function(){
| |
| − | navFun();
| |
| − | scrDir=0;
| |
| − | navAdj();
| |
| − |
| |
| − | });
| |
| − |
| |
| − | var scrDir=0;
| |
| − | $(window).scroll(function(){
| |
| − | navAdj()
| |
| − | });
| |
| − |
| |
| − | function navAdj(){
| |
| − | var winHeight=$(window).height();
| |
| − | var topDis = $(window).scrollTop();
| |
| − | var barHeight=$("#top_menu_14").height();
| |
| − | var mainNavHeight=$("#navUl").height();
| |
| − | $(".ul2").css("top",mainNavHeight);
| |
| − | if(topDis > 100){
| |
| − | if (scrDir!=1){
| |
| − | $("#navUl").stop().animate({top:barHeight,backgroundColor:"rgba(19,45,91,0.95)",boxShadow:"0px 0px 5px rgba(25,25,25,0.15)"},"fast");
| |
| − | $(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0.95) 0%, rgba(29,176,186,0.95) 100%)");
| |
| − | }
| |
| − |
| |
| − | scrDir=1;
| |
| − | $(".navA:not(.activeA)").hover(function () {
| |
| − | $(this).addClass("jqhover");
| |
| − | }).mouseout(function () {
| |
| − | $(this).removeClass("jqhover");
| |
| − | });
| |
| − | }
| |
| − | else{
| |
| − | if (scrDir!=2){
| |
| − | $("#navUl").stop().animate({top:0.1*winHeight,backgroundColor:"transparent"},"fast");
| |
| − | $(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(29,176,186,0.95) 100%)");
| |
| − | }
| |
| − | scrDir=2;
| |
| − | $(".navA:not(.activeA)").hover(function () {
| |
| − | $(this).removeClass("jqhover");
| |
| − | });
| |
| − |
| |
| − | };
| |
| − | }
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | $(".navLi").mouseenter(function(){
| |
| − | $(this).find(".ul2").stop().fadeIn(300);4
| |
| − | });
| |
| − | $(".navLi").mouseleave(function(){
| |
| − | $(this).find(".ul2").stop().fadeOut(300);
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!---------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <!--TEMPLATE END:mainNavBar-->
| |
| | | | |
| | | | |
