Difference between revisions of "Team:TECHNION-ISRAEL/navbar"

Line 1: Line 1:
−
/*!
+
<html lang="en">
−
iGEM Technion 2017
+
<head>
−
*/
+
<!-- Title for the page & metadata  -->       
 +
<title>navbar</title>
 +
<meta charset="utf-8">
 +
<meta name="navbar" content="width=device-width, initial-scale=1">
  
 +
<!-- Bootstrap CSS -->
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
 +
<!-- Bootstrap JS -->
 +
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 +
<!-- ===================Basic Bootstrap's CSS and JS=================== -->
 +
<!-- Our wiki CSS -->
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/CSS?action=raw&ctype=text/css"/>
 +
 +
<!-- fonts -->
 +
  <!-- Fonts -->
 +
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
 +
<link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet">
  
−
/*! =====================================wiki reset===================================== */
+
<!--for hover and no on click---->
 +
 +
<style type="text/css">
 +
@media screen and (min-width: 768px){
 +
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
 +
display: block;
 +
}
 +
.dropdown-menu{
 +
margin-top: 0;
 +
}
 +
.dropdown-toggle{
 +
margin-bottom: 2px;
 +
}
 +
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
 +
margin-bottom: 0;
 +
}
 +
}
 +
 +
</style>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".dropdown, .btn-group").hover(function(){
 +
var dropdownMenu = $(this).children(".dropdown-menu");
 +
if(dropdownMenu.is(":visible")){
 +
dropdownMenu.parent().toggleClass("open");
 +
}
 +
});
 +
});   
 +
</script>
 +
 +
<!--wiki problems style---->
  
−
.reset-this {
+
<style>
−
animation : none;
+
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {padding-top: 20px;}
−
animation-delay : 0;
+
</style>
−
animation-direction : normal;
+
−
animation-duration : 0;
+
−
animation-fill-mode : none;
+
−
animation-iteration-count : 1;
+
−
animation-name : none;
+
−
animation-play-state : running;
+
−
animation-timing-function : ease;
+
−
backface-visibility : visible;
+
−
background : 0;
+
−
background-attachment : scroll;
+
−
background-clip : border-box;
+
−
background-color : transparent;
+
−
background-image : none;
+
−
background-origin : padding-box;
+
−
background-position : 0 0;
+
−
background-position-x : 0;
+
−
background-position-y : 0;
+
−
background-repeat : repeat;
+
−
background-size : auto auto;
+
−
border : 0;
+
−
border-style : none;
+
−
border-width : medium;
+
−
border-color : inherit;
+
−
border-bottom : 0;
+
−
border-bottom-color : inherit;
+
−
border-bottom-left-radius : 0;
+
−
border-bottom-right-radius : 0;
+
−
border-bottom-style : none;
+
−
border-bottom-width : medium;
+
−
border-collapse : separate;
+
−
border-image : none;
+
−
border-left : 0;
+
−
border-left-color : inherit;
+
−
border-left-style : none;
+
−
border-left-width : medium;
+
−
border-radius : 0;
+
−
border-right : 0;
+
−
border-right-color : inherit;
+
−
border-right-style : none;
+
−
border-right-width : medium;
+
−
border-spacing : 0;
+
−
border-top : 0;
+
−
border-top-color : inherit;
+
−
border-top-left-radius : 0;
+
−
border-top-right-radius : 0;
+
−
border-top-style : none;
+
−
border-top-width : medium;
+
−
bottom : auto;
+
−
box-shadow : none;
+
−
box-sizing : content-box;
+
−
caption-side : top;
+
−
clear : none;
+
−
clip : auto;
+
−
color : inherit;
+
−
columns : auto;
+
−
column-count : auto;
+
−
column-fill : balance;
+
−
column-gap : normal;
+
−
column-rule : medium none currentColor;
+
−
column-rule-color : currentColor;
+
−
column-rule-style : none;
+
−
column-rule-width : none;
+
−
column-span : 1;
+
−
column-width : auto;
+
−
content : normal;
+
−
counter-increment : none;
+
−
counter-reset : none;
+
−
cursor : auto;
+
−
direction : ltr;
+
−
display : inline;
+
−
empty-cells : show;
+
−
float : none;
+
−
font : normal;
+
−
font-family : inherit;
+
−
font-size : medium;
+
−
font-style : normal;
+
−
font-variant : normal;
+
−
font-weight : normal;
+
−
height : auto;
+
−
hyphens : none;
+
−
left : auto;
+
−
letter-spacing : normal;
+
−
line-height : normal;
+
−
list-style : none;
+
−
list-style-image : none;
+
−
list-style-position : outside;
+
−
list-style-type : disc;
+
−
margin : 0;
+
−
margin-bottom : 0;
+
−
margin-left : 0;
+
−
margin-right : 0;
+
−
margin-top : 0;
+
−
max-height : none;
+
−
max-width : none;
+
−
min-height : 0;
+
−
min-width : 0;
+
−
opacity : 1;
+
−
orphans : 0;
+
−
outline : 0;
+
−
outline-color : invert;
+
−
outline-style : none;
+
−
outline-width : medium;
+
−
overflow : visible;
+
−
overflow-x : visible;
+
−
overflow-y : visible;
+
−
padding : 0;
+
−
padding-bottom : 0;
+
−
padding-left : 0;
+
−
padding-right : 0;
+
−
padding-top : 0;
+
−
page-break-after : auto;
+
−
page-break-before : auto;
+
−
page-break-inside : auto;
+
−
perspective : none;
+
−
perspective-origin : 50% 50%;
+
−
position : static;
+
−
/* May need to alter quotes for different locales (e.g fr) */
+
−
quotes : '\201C' '\201D' '\2018' '\2019';
+
−
right : auto;
+
−
tab-size : 8;
+
−
table-layout : auto;
+
−
text-align : inherit;
+
−
text-align-last : auto;
+
−
text-decoration : none;
+
−
text-decoration-color : inherit;
+
−
text-decoration-line : none;
+
−
text-decoration-style : solid;
+
−
text-indent : 0;
+
−
text-shadow : none;
+
−
text-transform : none;
+
−
top : auto;
+
−
transform : none;
+
−
transform-style : flat;
+
−
transition : none;
+
−
transition-delay : 0s;
+
−
transition-duration : 0s;
+
−
transition-property : none;
+
−
transition-timing-function : ease;
+
−
unicode-bidi : normal;
+
−
vertical-align : baseline;
+
−
visibility : visible;
+
−
white-space : normal;
+
−
widows : 0;
+
−
width : auto;
+
−
word-spacing : normal;
+
−
z-index : auto;
+
−
}
+
  
−
 
+
</head>
−
/*! ===================================END: wiki reset================================== */
+
−
 
+
−
 
+
−
 
+
−
/*! =====================================canceling wiki specific design===================================== */
+
−
 
+
−
/* Closing wiki side menu */
+
−
#sideMenu, #top_title {
+
−
display: none;
+
−
}
+
−
+
−
#content {
+
−
width: 100%;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
background: none;
+
−
}
+
−
 
+
−
 
+
−
/*! Wiki defult settings are 127% */
+
−
#globalWrapper {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
 
+
−
/*corecting wiki css */
+
−
#HQ_page h1, h2, h3, h4, h5, h6 {
+
−
font-family: 'Assistant', Arial, sans-serif;
+
−
font-weight : normal;
+
−
}
+
−
 
+
−
#HQ_page p {
+
−
font-family: 'Assistant', Arial, sans-serif;
+
−
font-weight : normal;
+
−
font-size: 18px;
+
−
font-style: normal;
+
−
font-variant: normal;
+
−
font-weight: 400;
+
−
line-height: 27px;
+
−
}
+
 
 
−
#content h1, h2, h3, h4, h5, h6 {
+
<body>
−
font-family: 'Assistant', Arial, sans-serif;
+
<div class = "container-fluid">
−
font-weight : normal;
+
<div class= "row" >
−
}
+
<div class ="col-md-1">
 +
<div class = "parpar-left"> <a href="https://2017.igem.org/Team:TECHNION-ISRAEL">
 +
<img  src="https://static.igem.org/mediawiki/2017/4/49/T--TECHNION-ISRAEL--par1.png" style= "max-width:65px; margin-top: -10px; position: fixed;">
 +
</a></div>
 +
 +
</div>
 +
<div class= "col-md-10">
 +
<nav class= "navbar navbar-inverse navbar-fixed-top " style= "position:fixed; margin:auto; width: 980px ;">
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL"> project </a>
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu" style="margin: 0px;  left: 2px;">
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Description"> overview </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/cell_lines"> cell lines </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Design"> modular plasmid </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/delay_mechanism"> delay mechanism </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/kill_switch"> kill switch </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/assay" > assay </a> </li>
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> wet lab
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px;" >
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Results"> results </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Notebook"> notebook </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Experiments"> protocols </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/InterLab"> interlab </a> </li>
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Parts"> parts </a>
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu" style="margin: 0px;  left: 2px;">
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Parts"> parts </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Basic_Part"> favorites </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Composite_Part"> submitted </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Part_Collection"> collection </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:Example2/Improve"> improve </a> </li>
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown" style= "width: auto"; > human practices
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu" style="margin: 0px;  left: 20px;" >
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Silver"> human practices </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Gold_Integrated"> public engagement </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Gold_Integrated"> integrated </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/ethics"> ethics </a> </li>
  
−
#content p {
+
</ul>
−
font-family: 'Assistant', Arial, sans-serif;
+
</div>
−
font-weight : normal;
+
−
font-size: 18px;
+
<div class="dropdown">
−
font-style: normal;
+
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> judging
−
font-variant: normal;
+
<span class="caret"></span></button>
−
font-weight: 400;
+
<ul class= "dropdown-menu"  style="margin: 0px; left: 2px ">
−
line-height: 27px;
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Safety"> safety </a> </li>
−
}
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Collaborations"> collaboration </a> </li>
−
 
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/acheivments"> acheivments </a> </li>
−
#bodyContent h1, h2, h3, h4, h5, h6{
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Model"> modelling </a> </li>
−
    margin-bottom: 0;
+
</ul>
−
}
+
</div>
−
 
+
−
#globalWrapper{
+
−
font-size: 100%;
+
<div class="dropdown">
−
}
+
<button class="dropdown-toggle" type="button" data-toggle="dropdown">team
−
 
+
<span class="caret"></span></button>
−
 
+
<ul class= "dropdown-menu"  style="margin: 0px; left: 2px;">
−
/*! ==================================End of canceling wiki specific design================================== */
+
<li> <a href =" https://2017.igem.org/Team:TECHNION-ISRAEL/Team"> members </a> </li>  
−
 
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Attributions"> attributions </a> </li>  
−
 
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/gallery"> gallery </a> </li>
−
/*! ================================== Our CSS ================================== */
+
</ul>
−
 
+
</div>
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
</nav>
−
list-style-type: none;
+
</div>
−
list-style-image: none;
+
</div>
−
}
+
</div>
−
+
−
+
−
ul {
+
−
list-style-type: none;
+
−
}
+
−
+
−
ul > li {
+
−
list-style-type: none;
+
−
}
+
−
+
−
a {
+
−
text-decoration: none;
+
−
}
+
−
+
−
a:hover {
+
−
text-decoration: none;
+
−
}
+
−
+
−
body {
+
−
margin: 20px;
+
−
padding-top: 0px;
+
−
font-family: 'Assistant', Arial, sans-serif;
+
−
}
+
−
 
+
−
/*! ==========navbar ================== */
+
−
 
+
−
#top_menu_under {
+
−
    position: relative;
+
−
    width: 100%;
+
−
    height: 3px;
+
−
}
+
−
 
+
−
.navbar-inverse {
+
−
padding-top: 35px;
+
−
background-image: none;
+
−
background-color: transparent ;
+
−
padding-left:0;
+
−
border: none;
+
−
}
+
−
 
+
−
.dropdown-menu {
+
−
background-color: rgba(255, 255, 255, 0);
+
−
box-shadow:none;
+
−
border:none;
+
−
color: #ffffff;
+
−
list-style: none;
+
−
text-align: center;
+
−
padding: 20px 0 20px 0px ;
+
−
}
+
−
 
+
−
.dropdown{
+
−
    display: inline;
+
−
padding: 0 20px 0 20px;
+
−
}
+
−
 
+
−
 
+
−
.dropdown-menu> li> a {
+
−
text-decoration: none;
+
−
color: #ffffff;
+
−
background-color: #374140;
+
−
border-radius: 25px;
+
−
padding: 12px 20px;
+
−
text-transform: uppercase;
+
−
margin-top:10px;
+
−
font-family: 'Assistant', sans-serif;
+
−
font-size: 14px;
+
−
+
−
}
+
−
 
+
−
.dropdown-menu > li > a:hover {
+
−
    background-color: #ffffff;
+
−
background-image: none;
+
−
border: 1px solid #374140;
+
−
color: #374140;
+
−
 
+
−
}
+
−
 
+
−
.dropdown-toggle >a {
+
−
text-decoration: none;
+
−
color:  #ffffff;
+
−
}
+
−
 
+
−
 
+
−
.dropdown-toggle {
+
−
text-decoration: none;
+
−
border:none;
+
−
color:  #ffffff;
+
−
background-color: #374140;
+
−
border-radius: 25px;
+
−
padding: 12px 20px;
+
−
text-transform: uppercase;
+
−
font-family: 'Assistant', sans-serif;
+
−
font-size: 14px;
+
−
box-shadow: 0 6px 12px rgba(0,0,0,.175);
+
−
width: 120px;
+
−
}
+
−
/*! ==========sidenav ================== */
+
−
 
+
−
div.side {
+
−
position: fixed;
+
−
top: 0;
+
−
left: 0;
+
−
margin-top: 30vh;
+
−
background-color: rgba(255,255,255,0.5);
+
−
border-radius: 25px;
+
−
}
+
−
+
−
.side > ul {
+
−
+
−
list-style: none;
+
−
margin-left: 40px;
+
−
padding-left: 1em;
+
−
text-indent: -1em;
+
−
}
+
 
 
−
.side ul li:before {
+
</body>
−
content: "»";
+
</html>
−
position: absolute;
+
−
left: 40px;
+
−
 
+
−
}
+
−
+
−
.side > ul li {
+
−
background-color: transparent ;
+
−
font-size: 15px;
+
−
margin-top: 15px;
+
−
font-family: 'Assistant', sans-serif;
+
−
color: #374140;
+
−
}
+
−
+
−
+
−
+
−
.side > ul li >a {
+
−
text-decoration:none;
+
−
color: #374140;
+
−
}
+
−
+
−
+
−
ul[title]::before {
+
−
content: attr(title);
+
−
/* then add some nice styling as needed, eg: */
+
−
display: block;
+
−
font-weight: bold;
+
−
padding: 4px;
+
−
margin-top: 10px;
+
−
font-size: 15px;
+
−
font-family: 'Assistant', sans-serif;}
+
−
}
+
−
/*-------------- Results ------------- */
+
−
+
−
+
−
.container-fluid{
+
−
margin-top: 80px;
+
−
margin-left: 20px;
+
−
margin-right: 20px;
+
−
}
+
−
 
+
−
#content h1{
+
−
    font-family: 'Quicksand', sans-serif;
+
−
text-align: center;
+
−
font-weight: 400;
+
−
font-size: 40px;
+
−
margin-top: 0px;
+
−
 
+
−
}
+
−
 
+
−
h2{
+
−
font-family: 'Quicksand', sans-serif;
+
−
text-align: center;
+
−
font-weight: 400;
+
−
font-size: 30px;
+
−
margin-top: 20px;
+
−
}
+
−
 
+
−
h3{
+
−
text-align: center;
+
−
 
+
−
}
+
−
 
+
−
.cover{
+
−
    display: block;
+
−
margin:auto;
+
−
margin-top: 0;
+
−
width: 60%;
+
−
border-radius: 8px;
+
−
 
+
−
}
+
−
 
+
−
.circle {
+
−
display:block;
+
−
border-radius: 50%;
+
−
width: 150px;
+
−
height: 150px;
+
−
background-color:#374140;
+
−
margin:auto;
+
−
+
−
 
+
−
 
+
−
}
+
−
 
+
−
.graphs{
+
−
display: inline;
+
−
width: 470px;
+
−
padding-right:20px;
+
−
padding-top: 30px;
+
−
}
+
−
 
+
−
.circle a:hover {
+
−
+
−
    background-image: none;
+
−
border: none;
+
−
color: #ffffff;
+
−
text-decoration:none;
+
−
}
+
−
+
−
.circle a {
+
−
color: #ffffff;
+
−
font-size:20px;
+
−
text-transform: uppercase;
+
−
}
+
−
+
−
p {
+
−
font-size: 17px;
+
−
line-height: 35px;
+
−
  text-align: justify;
+
−
text-justify: inter-word;
+
−
-moz-text-align-last: right; /* Code for Firefox */
+
−
 
+
−
}
+
−
+
−
/*!-----HP -*/
+
−
.HPA {
+
−
display: block;
+
−
margin:auto;
+
−
border-radius: 25px;
+
−
}
+
−
 
+
−
/*!-----References -*/
+
−
+
−
+
−
.references {
+
−
border-top-style: solid;
+
−
border-width: 1px;
+
−
border-color: #374140 ;
+
−
padding-top: 30px;
+
−
}
+
−
+
−
.references > ol {
+
−
padding-top: 30px;
+
−
}
+
−
+
−
.references > ol  li {
+
−
font-size: 15px;
+
−
line-height: 35px;
+
−
margin-top:10px;
+
−
}
+
−
+
−
sup.reference {
+
−
unicode-bidi: -moz-isolate;
+
−
unicode-bidi: -webkit-isolate;
+
−
unicode-bidi: isolate;
+
−
white-space: nowrap;
+
−
}
+
−
+
−
sup, sub {
+
−
line-height: 1;
+
−
}
+
−
 
+
−
sup {
+
−
vertical-align: super;
+
−
font-size: smaller;
+
−
}
+

Revision as of 09:21, 18 October 2017

navbar