Difference between revisions of "Template:Manchester/CSS1"

 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
  
−
<!--<div class="se-pre-con"></div>-->
+
<div class="se-pre-con"></div>
 
<script>
 
<script>
 
     if($(window).width() < 700){
 
     if($(window).width() < 700){
Line 12: Line 12:
 
$(".se-pre-con").fadeOut("slow");
 
$(".se-pre-con").fadeOut("slow");
 
});
 
});
 +
 +
</script>
 +
 +
<script>
 +
 +
    if($(window).width() > 700){
 +
        setTimeout(function(){
 +
$(".se-pre-con").fadeOut("slow");
 +
        },10000)
 +
    }
 +
  
 
</script>
 
</script>
Line 23: Line 34:
  
 
<style>
 
<style>
 +
.team a{
 +
    text-weight:bold;
 +
}
 +
  
 
.somebox{
 
.somebox{
Line 70: Line 85:
 
     display: block;
 
     display: block;
 
     width: 13%;
 
     width: 13%;
−
     top: 2%;
+
     top: 1.0%;
−
     right: 4.5%;
+
     right: 10.5%;
 
}
 
}
  
Line 90: Line 105:
 
}
 
}
  
−
@media screen and (max-width:700px){
 
−
    .somebox{
 
−
        display:block;
 
−
    }
 
−
}
 
−
 
−
@media screen and (max-width:1300px){
 
−
    .alert{
 
−
          width: 90%;
 
−
          border-radius:10px 10px 0 0;
 
−
    }
 
−
 
−
    .alert1{
 
−
          width:90%;
 
−
          border-radius: 0 0 10px 10px;
 
−
          padding: 10px 150px;
 
−
    }
 
−
}
 
  
 
.font10{
 
.font10{
Line 122: Line 119:
 
     height:60px;
 
     height:60px;
 
}
 
}
−
 
−
 
−
@media screen and (max-width:750px){
 
−
 
−
.boxx h1{font-size:20px;height:60px;}
 
−
 
−
.boxx h4{font-size:15px;height:30px;}
 
−
 
−
.font20{ display:none}
 
−
 
−
.font10{display:block;}
 
−
}
 
−
 
−
 
  
 
body{
 
body{
Line 149: Line 132:
  
 
.scrolled{
 
.scrolled{
−
     opacity: 0.3;
+
     opacity: 0.5;
 
}
 
}
  
Line 204: Line 187:
 
     height: 100vh;
 
     height: 100vh;
 
     width: 90%;
 
     width: 90%;
−
     margin-left: 50px;
+
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
 
     margin-top: -10px;
 
     margin-top: -10px;
Line 216: Line 199:
 
     100% {border-color:purple transparent transparent transparent;}
 
     100% {border-color:purple transparent transparent transparent;}
 
}
 
}
 +
 +
 +
 +
 +
h1.reference{
 +
    text-align:left;
 +
    font-size:35px;
 +
    color:orange;
 +
    padding-bottom:20px;
 +
}
 +
 +
.referencediv{
 +
    margin-top: 200px;
 +
    margin-bottom:150px;
 +
    float:none;
 +
    word-wrap: break-word;
 +
    clear:both;
 +
}
 +
 +
ul.romanlist{
 +
    list-style: decimal;
 +
    font-size:17px;
 +
    line-height:200%;
 +
}
 +
  
  
Line 238: Line 246:
 
nav ul ul{
 
nav ul ul{
 
     display: none;
 
     display: none;
−
     z-index: 100;
+
     z-index: 1000;
 
}
 
}
  
Line 254: Line 262:
 
     border-radius: 10px;
 
     border-radius: 10px;
 
     width: 100%;
 
     width: 100%;
−
     height: 40px;
+
     height: 50px;
−
     z-index: 100;
+
     z-index: 1000;
 
     margin: auto;
 
     margin: auto;
−
     left: 10px;
+
     left: 0px;
 
}
 
}
  
Line 280: Line 288:
 
}
 
}
  
−
nav ul > li a:link{
+
nav ul > li > a:link{
 
     font-family: "Segoe UI";
 
     font-family: "Segoe UI";
 
     color: white;
 
     color: white;
Line 286: Line 294:
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
−
     padding: 5px 15px;
+
     padding: 10px 18px;
 
     background-color: orange;
 
     background-color: orange;
 +
    height: 50px;
 
}
 
}
  
  
−
nav ul > li a:visited{
+
nav ul > li > a:visited{
 
     font-family: "Segoe UI";
 
     font-family: "Segoe UI";
 
     color: white;
 
     color: white;
Line 297: Line 306:
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
−
     padding: 5px 15px;
+
     padding: 10px 18px;
 
     background-color: orange;
 
     background-color: orange;
 
}
 
}
Line 316: Line 325:
 
nav ul ul{
 
nav ul ul{
 
     position: absolute;
 
     position: absolute;
−
     top: 80%;
+
     top: 85%;
 
     border-radius: 0px;  
 
     border-radius: 0px;  
 
     padding: 0;
 
     padding: 0;
 
     width: 180px;
 
     width: 180px;
−
     z-index: 100;
+
     z-index: 1000;
 
     list-style: none;
 
     list-style: none;
 
     border-radius: 10px;
 
     border-radius: 10px;
Line 333: Line 342:
  
 
nav ul ul li a:link {
 
nav ul ul li a:link {
−
padding: 5px 15px;
+
    padding: 5px 15px;
−
color: black;
+
    color: black;
−
                        font-family: "Segoe UI";
+
    font-family: "Segoe UI";
−
}
+
    background-color: orange;
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
}
  
 
nav ul ul li a:visited {
 
nav ul ul li a:visited {
−
padding: 5px 15px;
+
    padding: 5px 15px;
−
color: black;
+
    color: black;
−
                        font-family: "Segoe UI";
+
    font-family: "Segoe UI";
−
}
+
    background-color: orange;
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
}
 
nav ul ul > li:hover  a{
 
nav ul ul > li:hover  a{
 
color: black;
 
color: black;
Line 353: Line 370:
 
                                 background-color: gold;
 
                                 background-color: gold;
 
                         }
 
                         }
 +
 +
.homeimg{
 +
    width:50px;
 +
    height:50px;
 +
}
  
 
.active {
 
.active {
Line 414: Line 436:
  
 
a.special:link {
 
a.special:link {
−
     padding:0;
+
     padding:2px 10px;
 
     background: gold;
 
     background: gold;
 
     border-radius: 10px 0 0 10px;
 
     border-radius: 10px 0 0 10px;
Line 420: Line 442:
  
 
a.special:visited {
 
a.special:visited {
−
     padding:0;
+
     padding:2px 10px;
 
     background: gold;
 
     background: gold;
 
     border-radius: 10px 0 0 10px;
 
     border-radius: 10px 0 0 10px;
Line 564: Line 586:
 
     nav ul li{display: block; float:none; border:1px solid grey;}
 
     nav ul li{display: block; float:none; border:1px solid grey;}
 
     nav ul ul {width:100%; left: -20px;position:relative;}
 
     nav ul ul {width:100%; left: -20px;position:relative;}
 +
    nav ul > li > a:link{ height:40px;}
 +
    nav ul > li > a:visited{ height:40px;}
 
     //nav ul ul li a:link{background: #FCDC3B; color: orange}
 
     //nav ul ul li a:link{background: #FCDC3B; color: orange}
 
     //nav ul ul li a:visited{background: #FCDC3B; color: orange}  
 
     //nav ul ul li a:visited{background: #FCDC3B; color: orange}  
−
     #nav_bar{ top: 15px; position:relative; display: none; font-size:15px; width:100%; right:0; left:auto; height:auto;}
+
     #nav_bar{ top: 15px; position:relative; display: none; font-size:15px; width:100%; right:0; left:auto; height:auto}
 
     #vid{ display: none}
 
     #vid{ display: none}
 
     .empty{ display:none;}
 
     .empty{ display:none;}
Line 572: Line 596:
 
     .se-pre-con{display:none}
 
     .se-pre-con{display:none}
 
     .half_size{width:100%}
 
     .half_size{width:100%}
 +
    .homeimg{width:40px; height:40px;}
 +
    .logo{ position:relative; text-align: center; width: 80px; height:80px; right:0; top:0;}
 +
    .interactive img{width: 100%}
 +
    ul.romanlist{font-size:7px;}
 +
 +
}
 
}
 
}
  
 +
@media screen and (max-width:700px){
 +
    .somebox{
 +
        display:block;
 +
    }
 +
}
 +
 +
@media screen and (max-width:1300px){
 +
    .alert{
 +
          width: 90%;
 +
          border-radius:10px 10px 0 0;
 +
    }
 +
 +
    .alert1{
 +
          width:90%;
 +
          border-radius: 0 0 10px 10px;
 +
          padding: 10px 150px;
 +
    }
 +
}
 +
 +
@media screen and (max-width:750px){
 +
 +
.boxx h1{font-size:20px;height:60px;}
 +
 +
.boxx h4{font-size:15px;height:30px;}
 +
 +
.font20{ display:none}
 +
 +
.font10{display:block;}
 +
}
  
 
</style>
 
</style>
Line 607: Line 666:
 
<ul id="nav_bar">
 
<ul id="nav_bar">
 
<li>
 
<li>
−
<a class="special "href="https://2016.igem.org/Team:Manchester" title="Home"><img src="https://static.igem.org/mediawiki/2016/7/7b/Manchester_logo.gif" style="width:40px; height:40px"></img></a>
+
<a class="special" href="https://2016.igem.org/Team:Manchester" title="Home"><img src="https://static.igem.org/mediawiki/2016/7/7b/Manchester_logo.gif" class="homeimg"></img></a>
 
</li>
 
</li>
 
   <li><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a>
 
   <li><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a>
Line 622: Line 681:
 
       <ul>
 
       <ul>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description">Overview</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description">Overview</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Results">Cell-free Mechanism</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description/mechanism1">Cell-free Mechanism</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Results">Inducible Gene Switch</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description/mechanism2">Inducible Gene Switch</a></strong></li>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Proof">Proof of Concept</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Notebook">Notebook</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Notebook">Notebook</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Notebook">Protocol</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Project/Protocols">Protocol</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Safety">Safety</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Safety">Safety</a></strong></li>
 
       </ul>
 
       </ul>
Line 631: Line 691:
 
   </li>
 
   </li>
  
−
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Parts"><strong>Achievement</strong></a>
+
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Achievement"><strong>Achievement</strong></a>
  
 
       <ul>
 
       <ul>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Collaborations">Judging Criteria</a></strong></li>   
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Achievement">Overview</a></strong></li> 
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Judging">Judging Criteria</a></strong></li>   
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Collaborations">Collaborations</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Collaborations">Collaborations</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Parts">Parts</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Parts">Parts</a></strong></li>    
−
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Basic_Part">Basic Part</a></strong></li>
+
−
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Composite_Part">Composite part</a></strong></li>
+
−
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Part_Collection">Parts collection</a></strong></li>     
+
 
       </ul>
 
       </ul>
  
Line 648: Line 706:
 
       <ul>
 
       <ul>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Overview</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Overview</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Industries</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Charities">Charities</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Charities</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Industries">Industries</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Outreach</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Outreach">Outreach</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Interviews</a></strong></li>   
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Professional_Bodies">Professional Bodies</a></strong></li>   
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Gold">Gold</a></strong></li>
+
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Integrated_Practices">Integrated Practices</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Silver">Sliver</a></strong></li>       
+
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Engagement">Engagement</a></strong></li>
 +
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Gold">HP Gold</a></strong></li>
 +
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Silver">HP Silver</a></strong></li>       
 
       </ul>
 
       </ul>
  
Line 662: Line 722:
 
     <ul>
 
     <ul>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Overview</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Overview</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Cell-free mechanism</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/hp">Modelling Integration</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Inducible Gene Switch</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/result">Result</a></strong></li>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/ModelExplorer">Model Explorer</a></strong></li>
 
     </ul>
 
     </ul>
  
 
   </li>
 
   </li>
 +
  <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li>
 
</ul>
 
</ul>
  
Line 691: Line 753:
  
  
 +
</script>
 +
 +
<script>
 +
var startY = $('nav > ul').height();
 +
 +
function checkScroll(){
 +
 +
    if($(window).scrollTop() > window.innerHeight + startY){
 +
        $('nav > ul').addClass("scrolled");
 +
    }else{
 +
        $('nav > ul').removeClass("scrolled");
 +
    }
 +
}
 +
 +
if($('nav > ul').length > 0){
 +
    $(window).on("scroll load resize", function(){
 +
        checkScroll();
 +
    });
 +
}
 
</script>
 
</script>
  
 
</html>
 
</html>

Latest revision as of 19:39, 26 November 2016