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

 
(38 intermediate revisions by the same user not shown)
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 -->
−
/*! =====================================wiki reset===================================== */
+
<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"/>
−
.reset-this {
+
<!-- Bootstrap JS -->
−
animation : none;
+
<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>
−
animation-delay : 0;
+
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
−
animation-direction : normal;
+
<!-- ===================Basic Bootstrap's CSS and JS=================== -->
−
animation-duration : 0;
+
<!-- Our wiki CSS -->
−
animation-fill-mode : none;
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/CSS?action=raw&ctype=text/css"/>
−
animation-iteration-count : 1;
+
−
animation-name : none;
+
<!-- fonts -->
−
animation-play-state : running;
+
  <!-- Fonts -->
−
animation-timing-function : ease;
+
−
backface-visibility : visible;
+
<link type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/fonts?action=raw&ctype=text/css" rel="stylesheet">
−
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;
+
−
}
+
−
 
+
−
 
+
−
/*! ===================================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 {
 
−
font-family: 'Assistant', Arial, sans-serif;
 
−
font-weight : normal;
 
−
}
 
  
−
#content p {
+
<!--for hover and no on click---->
−
font-family: 'Assistant', Arial, sans-serif;
+
−
font-weight : normal;
+
−
font-size: 18px;
+
−
font-style: normal;
+
−
font-variant: normal;
+
−
font-weight: 400;
+
−
line-height: 27px;
+
−
}
+
−
 
+
−
#bodyContent h1, h2, h3, h4, h5, h6{
+
−
    margin-bottom: 0;
+
−
}
+
−
 
+
−
#globalWrapper{
+
−
font-size: 100%;
+
−
}
+
−
 
+
−
 
+
−
/*! ==================================End of canceling wiki specific design================================== */
+
−
 
+
−
 
+
−
/*! ================================== Our CSS ================================== */
+
−
 
+
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
−
list-style-type: none;
+
−
list-style-image: none;
+
−
}
+
−
+
−
+
−
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 {
+
<style type="text/css">
−
content: "»";
+
@media screen and (min-width: 768px){
−
position: absolute;
+
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
−
left: 40px;
+
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---->
  
−
}
+
<style>
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {padding-top: 20px;}
 +
</style>
 +
<Style>
 +
.dropdown-menu > li > a:hover #T{
 +
color: red;
 +
font-weight:bold;
 +
}
 +
</style>
 +
</head>
 
 
−
.side > ul li {
+
<body>
−
background-color: transparent ;
+
<div class = "container-fluid" style="margin-top:0px;">
−
font-size: 15px;
+
<div class= "row" >
−
margin-top: 15px;
+
<div class ="col-md-12">
−
font-family: 'Assistant', sans-serif;
+
<div class = "parpar-left" style= "position:fixed; margin-top:13px; margin-left:20px; z-index:1000;" > <a href="https://2017.igem.org/Team:TECHNION-ISRAEL">
−
color: #374140;
+
<img  src="https://static.igem.org/mediawiki/2017/9/98/T--TECHNION-ISRAEL--parpar1234.png" style= "max-width:58px;">
−
}
+
</a></div>
−
+
−
+
<nav class= "navbar navbar-inverse navbar-fixed-top " style= " z-index:800; position:fixed; margin:auto; width: 1180px ;">
−
+
<div class="dropdown" style="padding-left: 100px;">
−
.side > ul li >a {
+
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL"> project </a>
−
text-decoration:none;
+
<span class="caret"></span></button>
−
color: #374140;
+
<ul class= "dropdown-menu" style=" margin: 0px; left:78px;">
−
}
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Description"> description </a> </li>
−
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Diseases"> Diseases & Epitopes </a> </li>
−
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Design"> <span id="T">T</span>ri-Display </a> </li>
−
ul[title]::before {
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/delay_mechanism"><span id="T">  T</span>iming </a> </li>
−
content: attr(title);
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/kill_switch"> <span id="T">T</span>erminate</a> </li>
−
/* then add some nice styling as needed, eg: */
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Demonstrate"><span id="T"> T</span>olerance Assay </a> </li>
−
display: block;
+
</ul>
−
font-weight: bold;
+
</div>
−
padding: 4px;
+
−
margin-top: 10px;
+
<div class="dropdown">
−
font-size: 15px;
+
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> wet lab
−
font-family: 'Assistant', sans-serif;}
+
<span class="caret"></span></button>
−
}
+
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px;" >
−
/*-------------- Results ------------- */
+
<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/Results"> results </a> </li>
−
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/hpc7"> hpc-7 results </a> </li>
−
.container-fluid{
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Notebook"> notebook </a> </li>
−
margin-top: 80px;
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Experiments"> protocols </a> </li>
−
margin-left: 20px;
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/InterLab"> interlab </a> </li>
−
margin-right: 20px;
+
</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"> basic part </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Composite_Part"> composite part </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Part_Collection"> part collection </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Improve"> improvement </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: 18px; width: 170px;" >
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Silver"> HP silver </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Engagement" > Education & Public Engagement </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Gold_Integrated"> integrated HP </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/ethics"> ethics </a> </li>
  
−
#content h1{
+
</ul>
−
    font-family: 'Quicksand', sans-serif;
+
</div>
−
text-align: center;
+
−
font-weight: 400;
+
<div class="dropdown">
−
font-size: 40px;
+
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> judging
−
margin-top: 0px;
+
<span class="caret"></span></button>
−
 
+
<ul class= "dropdown-menu"  style="margin: 0px; left: 2px ">
−
}
+
<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>
−
h2{
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Achievements"> achievements </a> </li>
−
font-family: 'Quicksand', sans-serif;
+
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Model"> modelling </a> </li>
−
text-align: center;
+
</ul>
−
font-weight: 400;
+
</div>
−
font-size: 30px;
+
−
margin-top: 20px;
+
−
}
+
<div class="dropdown" style="padding-right: 100px;">
−
 
+
<button class="dropdown-toggle" type="button" data-toggle="dropdown">team
−
h3{
+
<span class="caret"></span></button>
−
text-align: center;
+
<ul class= "dropdown-menu"  style=" margin: 0px; left: 2px;">
−
 
+
<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>
−
.cover{
+
</ul>
−
    display: block;
+
</div>
−
margin:auto;
+
</nav>
−
margin-top: 0;
+
−
width: 60%;
+
−
border-radius: 8px;
+
</div>
−
 
+
</div>
−
}
+
−
 
+
−
.circle {
+
</div>
−
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 -*/
+
 
 
−
+
</body>
−
.references {
+
</html>
−
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;
+
−
}
+

Latest revision as of 22:37, 1 November 2017

navbar