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

@@ Line 3: / Line 3: @@
 <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://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
      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" 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>
@@ Line 68: / Line 77: @@
 .floatleft{
+   font-size:25px;
     text-align: center;
      margin-top:0 !important;
-    margin-left: 3%;
      float:right !important;
-     width:28%;
+     width:30%;
      font-size:20px;
-     margin-bottom:2%;
+     margin-bottom:4%;
+   font-family: 'Varela Round', sans-serif;
+    color:#24305E;
+}
+.floatright2{
+   text-align: center;
+    margin-top:0 !important;
+    float:right !important;
+    width:50%;
+    margin-bottom:4%;
+   font-family: 'Varela Round', sans-serif;
+    color:#24305E;
+}
+.floatleft2{
+  float:left;
+  width:50%;
 }
@@ Line 161: / Line 188: @@
      transition: max-height 0.3s linear;
      overflow:hidden;
+    background:none;
 }
@@ Line 167: / Line 195: @@
      display: none;
      overflow: hidden;
-     background-color: #f1f1f1;
+     background-color: none;
      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  ********************************/
@@ Line 414: / Line 526: @@
      font-weight: bold;
      text-align: center;
-      font-size: 40px;
+      font-size: 35px;
       margin:3% 2% 2% 2%;
       font-family: 'Varela Round', sans-serif;
@@ Line 537: / 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/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/Measurement">BASIC</a></li>
+                   <li><a href="https://2018.igem.org/Team:Imperial_College/Supplementary">SUPPLEMENTARY</a></li>
              </li>
            </ul>

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

Latest revision as of 03:49, 18 October 2018