Difference between revisions of "Team:Imperial College/Templates/NavBar"

 
(21 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 +
 
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"  
 
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"  
 
     integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
 
     integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
−
  <link href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.3.0/balloon.css" rel="stylesheet">
 
−
  <link rel="stylesheet" type="text/css" href=""/>
 
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 +
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2018.igem.org/wiki/index.php?title=Template:Imperial_College/CSS2&action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Imperial_College/CSS&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Imperial_college/script&action=raw&ctype=text/javascript"></script>
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2018.igem.org/wiki/index.php?title=Template:Imperial College/CSS3&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2018.igem.org/wiki/index.php?title=Template:Template:Imperial College/CSS4&action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Imperial_College/javascript&action=raw&ctype=text/javascript"></script>
 +
 +
 
 +
 
<script>
 
<script>
  
Line 188: Line 197:
 
     background-color: none;
 
     background-color: none;
 
     border-radius: 20px;
 
     border-radius: 20px;
 +
}
 +
 +
.row {
 +
    display: table;
 +
    margin: auto;
 +
    height:100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
}
 +
 +
.row [class*="col-"] {
 +
    width: 50%;
 +
    float: none;
 +
    display: table-cell;
 +
    vertical-align: top;
 +
 +
}
 +
 +
 +
#display-pic{
 +
    vertical-align: middle;
 +
    text-align: center;
 +
}
 +
 +
#display-pic img{
 +
    width: 40%;
 +
    margin-right:5%;
 +
    border-radius: 50%;
 +
    border: solid 10px  #A8D0E6;
 +
    box-sizing: border-box;
 +
    transition: border 0.2s ease;
 
      
 
      
 
}
 
}
 +
 +
#display-pic img:hover{
 +
    border:  solid 10px #F5D76E;
 +
    cursor:pointer;
 +
}
 +
 +
 +
.row [class*="col-"]  h2{
 +
    font-size: 20px;
 +
    font-family:"Varela Round", sans-serif;
 +
    color: #374785;
 +
    font-weight: bold;
 +
    transition: color 0.2s ease;
 +
}
 +
 +
.row [class*="col-"]  h2:hover{
 +
    color:#F76C6C;
 +
}
 +
 +
.row [class*="col-"]  p{
 +
    width: 100%;
 +
    font-size: 18px;
 +
    font-family: "Varela Round", sans-serif;
 +
    color:#374785;
 +
    text-align:justify;
 +
 +
}
 +
#guard:hover{
 +
    color:#F76C6C;
 +
}
 +
 +
.display-pic{
 +
    float: right;
 +
    text-align: left;
 +
    clear: both;
 +
}
 +
.display-pic img{
 +
    width: 20%;
 +
    margin-right:5%;
 +
    float: left;
 +
    border-radius: 50%;
 +
    border: solid 10px  #A8D0E6;
 +
    box-sizing: border-box;
 +
    transition: border 0.2s ease;
 +
}
 +
 +
.display-pic img:hover{
 +
    border:  solid 10px #F5D76E;
 +
    cursor:pointer;
 +
}
 +
  
 
/********************************* NAVBAR  ********************************/
 
/********************************* NAVBAR  ********************************/
Line 433: Line 526:
 
     font-weight: bold;
 
     font-weight: bold;
 
     text-align: center;
 
     text-align: center;
−
     font-size: 40px;
+
     font-size: 35px;
 
     margin:3% 2% 2% 2%;
 
     margin:3% 2% 2% 2%;
 
     font-family: 'Varela Round', sans-serif;
 
     font-family: 'Varela Round', sans-serif;
Line 556: Line 649:
 
                     <li><a href=" https://2018.igem.org/Team:Imperial_College/Demonstrate">RESULTS</a></li>
 
                     <li><a href=" https://2018.igem.org/Team:Imperial_College/Demonstrate">RESULTS</a></li>
 
                     <li><a href="https://2018.igem.org/Team:Imperial_College/Experiments">METHODS</a></li>
 
                     <li><a href="https://2018.igem.org/Team:Imperial_College/Experiments">METHODS</a></li>
−
                     <li><a href="https://2018.igem.org/Team:Imperial_College/Protocols">PROTOCOLS</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Imperial_College/Protocols">REFERENCES</a></li>
 
                   <li><a href="https://2018.igem.org/Team:Imperial_College/Parts">PARTS</a></li>
 
                   <li><a href="https://2018.igem.org/Team:Imperial_College/Parts">PARTS</a></li>
 
                     <li><a href="https://2018.igem.org/Team:Imperial_College/Measurement">BASIC</a></li>
 
                     <li><a href="https://2018.igem.org/Team:Imperial_College/Measurement">BASIC</a></li>

Latest revision as of 03:49, 18 October 2018