Difference between revisions of "Template:UofUppsala/NFmain"

 
(40 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
{{UofUppsala/NavBarCSS}}
 
{{UofUppsala/NavBarCSS}}
 
{{UofUppsala/Model_test}}
 
{{UofUppsala/Model_test}}
 +
 +
  
 
<html lang="en">
 
<html lang="en">
Line 28: Line 30:
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:UofUppsala/BootstrapCSS?&action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:UofUppsala/BootstrapCSS?&action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:UofUppsala/Css_animate?&action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:UofUppsala/Css_animate?&action=raw&ctype=text/css">
 +
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:UofUppsala/Imagemap&action=raw&ctype=text"></script>
 +
  
 
<style>
 
<style>
Line 38: Line 43:
 
font-size:1rem !important;
 
font-size:1rem !important;
 
line-height: 2rem !important;
 
line-height: 2rem !important;
margin-bottom: 2.2rem !important;
+
margin-bottom: 2rem !important;
 
}
 
}
  
Line 45: Line 50:
 
font-size:0.95rem !important;
 
font-size:0.95rem !important;
 
line-height: 1.5rem !important;
 
line-height: 1.5rem !important;
color: rgb(88,94,84)
+
color: rgb(88,94,84);
 +
text-align:center;
 
}
 
}
  
Line 95: Line 101:
 
line-height: 2rem !important;
 
line-height: 2rem !important;
 
margin-bottom: 1rem !important;
 
margin-bottom: 1rem !important;
 +
list-style-type:disc!important;
 +
margin-top:-1.5rem!important;
 +
}
 +
 +
.reflist{
 +
font-family: 'opensans' !important;
 +
font-size:1rem !important;
 +
line-height: 2rem !important;
 +
text-align: justify !important;
 
}
 
}
  
Line 120: Line 135:
  
 
#content-wrap{
 
#content-wrap{
padding-bottom: 10rem;
+
padding-bottom: 4rem;
 +
}
 +
 
 +
 
 +
::-webkit-scrollbar {
 +
  width: 0.85rem;
 +
}
 +
 
 +
::-webkit-scrollbar-thumb {
 +
    background: #69C2CB;
 +
    border-radius: 10rem;
 +
}
 +
 
 +
::-webkit-scrollbar-thumb:hover {
 +
  background: #27A8E0;
 +
}
 +
 
 +
::-webkit-scrollbar-button{
 +
    background: #EB6727;
 +
    border-radius: 50%;
 +
    width: 0.85rem;
 +
    height: 0.85rem;
 +
}
 +
 
 +
::-webkit-scrollbar-button:hover{
 +
    background: #DA3815;
 +
}
 +
 
 +
/* ----Classes for footer ---*/
 +
.footer-main-contain{
 +
    width: 100%;
 +
    height: auto;
 +
    background-color: #061A22;
 +
    padding-bottom: 2rem;
 +
    padding-top: 2rem;
 +
 
 +
}
 +
 
 +
.bottom{
 +
    position: absolute;
 +
    /*bottom: 0;*/
 +
    right: 0;
 +
    left: 0;
 +
    z-index: 10030;
 +
    margin-bottom: -2.2rem;
 +
    overflow-x: hidden;
 +
}
 +
 
 +
.thanks{
 +
    text-align: center;
 +
    font-size: 2rem;
 +
    color: whitesmoke;
 +
}
 +
 
 +
.padx{
 +
    padding-left: 4.5rem !important;
 +
    padding-right: 4.5rem !important;
 +
    background-color:;
 
}
 
}
  
Line 129: Line 201:
 
     document.getElementById('topanim').play();
 
     document.getElementById('topanim').play();
 
  }
 
  }
 +
 +
$( document ).ready(function() {
 +
  $('video.animation').removeAttr('controls');
 +
});
 
</script>
 
</script>
  
Line 140: Line 216:
 
     <!-- Team Logo -->
 
     <!-- Team Logo -->
 
     <div class="navbar-brand-logo nopad">  
 
     <div class="navbar-brand-logo nopad">  
         <a class="navbar-brand" id="Logo" onclick="usermenu()">  
+
         <a class="navbar-brand" id="Logo" href="https://2020.igem.org/Team:UofUppsala">
             <video id="topanim" style="transform: translateY(0%);" class="team-logo d-inline-block align-top pointer" autoplay="autoplay" muted="muted">
+
<div style="height:70px; overflow:hidden;">
        <source src="https://static.igem.org/mediawiki/2020/a/a8/T--UofUppsala--Logo_Animation.webm">
+
             <video id="topanim" style="margin-top:-7px; background-color: transparent;" class="team-logo d-inline-block align-top pointer" autoplay="autoplay" muted="muted">
 +
            <source src="https://static.igem.org/mediawiki/2020/5/58/T--UofUppsala--Logo_Animation-updated.webm">
 
         </video>
 
         </video>
 +
</div>
 
       </a>
 
       </a>
 
     </div>
 
     </div>
  
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown">
+
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"  aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 
         <span class="navbar-toggler-icon"></span>
 
         <span class="navbar-toggler-icon"></span>
 
     </button>
 
     </button>
Line 156: Line 234:
 
         <!-- Project -->
 
         <!-- Project -->
 
         <li class="nav-item dropdown mx-3">
 
         <li class="nav-item dropdown mx-3">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown">
+
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 Project
 
                 Project
 
             </a>
 
             </a>
Line 187: Line 265:
 
         <!-- Future -->
 
         <!-- Future -->
 
         <li class="nav-item dropdown mx-3">
 
         <li class="nav-item dropdown mx-3">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown">
+
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 Future
 
                 Future
 
             </a>
 
             </a>
Line 198: Line 276:
 
         <!--Human Practice -->
 
         <!--Human Practice -->
 
         <li class="nav-item dropdown mx-3">
 
         <li class="nav-item dropdown mx-3">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown">
+
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 Human Practices
 
                 Human Practices
 
             </a>
 
             </a>
 
             <div class="dropdown-menu opacity-navdrop" aria-labelledby="navbarDropdownMenuLink">
 
             <div class="dropdown-menu opacity-navdrop" aria-labelledby="navbarDropdownMenuLink">
                 <a class="dropdown-item" href="https://2020.igem.org/Team:UofUppsala/Human_Practices">Integrated human practices</a>
+
                 <a class="dropdown-item" href="https://2020.igem.org/Team:UofUppsala/Human_Practices">Integrated Human Practices</a>
 
                 <a class="dropdown-item" href="https://2020.igem.org/Team:UofUppsala/Education">Education</a>
 
                 <a class="dropdown-item" href="https://2020.igem.org/Team:UofUppsala/Education">Education</a>
 
                 <a class="dropdown-item" href="https://2020.igem.org/Team:UofUppsala/Collaborations">Collaborations</a>
 
                 <a class="dropdown-item" href="https://2020.igem.org/Team:UofUppsala/Collaborations">Collaborations</a>
Line 227: Line 305:
  
 
         <!-- Awards -->
 
         <!-- Awards -->
        <!--
 
 
         <li class="nav-item mx-3">
 
         <li class="nav-item mx-3">
 
             <a class="nav-link " href="https://2020.igem.org/Team:UofUppsala/Awards">
 
             <a class="nav-link " href="https://2020.igem.org/Team:UofUppsala/Awards">
Line 233: Line 310:
 
             </a>
 
             </a>
 
         </li>  
 
         </li>  
        -->
 
 
              
 
              
 
         </ul>
 
         </ul>

Latest revision as of 10:17, 5 December 2020


Navigation Bar