Difference between revisions of "Template:Manchester/CSS"

 
(26 intermediate revisions by 2 users 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:
 
});
 
});
  
 +
</script>
 +
<script>
 +
 +
    if($(window).width() > 700){
 +
        setTimeout(function(){
 +
$(".se-pre-con").fadeOut("slow");
 +
        },10000)
 +
    }
  
  
Line 20: Line 28:
  
 
<style>
 
<style>
 +
 +
 +
a{
 +
    font-weight: bold;
 +
}
 +
 +
div a, p, ul, h1, h2, h3, h4, h5, h6, map, area, img, .projectlink{
 +
    position: relative;
 +
    z-index:900;
 +
}
 +
 +
.width10{
 +
    width: 10%;
 +
}
 +
 +
.width15{
 +
    width: 15%;
 +
}
 +
 +
.width20{
 +
    width: 20%;
 +
}
 +
 +
.width30{
 +
    width: 30%;
 +
}
 +
 +
.width25{
 +
    width: 25%;
 +
}
 +
 +
.width55{
 +
    width: 55%;
 +
}
 +
 +
 +
.width90{
 +
    width:90%;
 +
    margin:auto;
 +
}
 +
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
 +
 +
.width90{
 +
    width:90%;
 +
    margin:auto;
 +
}
 +
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
 +
 +
 +
 +
.width40{
 +
    width:40%;
 +
    margin:auto;
 +
}
 +
 +
.width45{
 +
    width:45%;
 +
    margin:auto;
 +
}
 +
 +
 +
 +
.width35{
 +
    width:35%;
 +
    margin:auto;
 +
}
 +
 +
.width80{
 +
    width:80%;
 +
    margin:auto;
 +
}
 +
 +
.width70{
 +
    width:70%;
 +
    margin:auto;
 +
}
 +
 +
 +
.width50{
 +
    width:50%;
 +
    margin:auto;
 +
}
 +
 +
.width100{
 +
    width: 100%;
 +
}
 +
 +
.width90{
 +
    width:90%;
 +
    margin:auto;
 +
}
 +
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
 +
 +
 
.floatleft1{
 
.floatleft1{
 
     float:left;
 
     float:left;
Line 94: Line 208:
 
   margin:auto;
 
   margin:auto;
 
   padding-bottom:80px;
 
   padding-bottom:80px;
 +
  height:80px;
 
}
 
}
  
Line 606: Line 721:
 
     width: 50%;
 
     width: 50%;
 
     left: 300px;
 
     left: 300px;
−
     bottom: 670px;
+
     bottom: 790px;
 
     line-height: 160%;
 
     line-height: 160%;
 
}
 
}
Line 621: Line 736:
 
     width: 50%;
 
     width: 50%;
 
     left: 300px;
 
     left: 300px;
−
     bottom: 700px;
+
     bottom: 820px;
 
     line-height: 160%;
 
     line-height: 160%;
 
}
 
}
Line 636: Line 751:
 
     margin: 10px;
 
     margin: 10px;
 
     left: 300px;
 
     left: 300px;
−
     bottom: 650px;
+
     bottom: 820px;
 
     width: 50%;
 
     width: 50%;
 
     line-height: 160%;
 
     line-height: 160%;
Line 682: Line 797:
  
 
map area{
 
map area{
−
outline: solid blue 1px;
+
outline: none;
 
}
 
}
  
Line 883: Line 998:
 
     text-decoration: none;
 
     text-decoration: none;
 
     font-family: "Segoe UI";
 
     font-family: "Segoe UI";
−
     padding: 10px 18px;
+
     padding: 8px 18px;
 
     height: 30px;
 
     height: 30px;
 
}
 
}
Line 902: Line 1,017:
 
     text-decoration: none;
 
     text-decoration: none;
 
     font-family: "Segoe UI";
 
     font-family: "Segoe UI";
−
     padding: 10px 18px;
+
     padding: 8px 18px;
 
}
 
}
  
Line 1,220: Line 1,335:
  
 
@media screen and (max-width:700px){
 
@media screen and (max-width:700px){
 +
    ul.romanlist{font-size:9px;}
 
     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:90%; position:relative}
 
     nav ul ul {width:90%; position:relative}
Line 1,319: Line 1,435:
 
         <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/Project/Protocols">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>
 
       </ul>
 
       </ul>
  
Line 1,354: Line 1,471:
 
     <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/hp">Human Practices and Lab</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/Result">Result</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/result">Results</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/ModelExplorer">Model Explorer</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/ModelExplorer">Model Explorer</a></strong></li>
 
     </ul>
 
     </ul>
Line 1,571: Line 1,688:
 
<script>
 
<script>
 
$("a[href="#top"]").click(function() {
 
$("a[href="#top"]").click(function() {
−
   $("html, body").animate({ scrollTop: 0 }, "slow");
+
   $("html, body").scrollTop(0);
 
   return false;
 
   return false;
 
});
 
});

Latest revision as of 19:49, 26 November 2016

Manchester iGEM 2016