Difference between revisions of "Template:Tartu TUIT"

Line 70: Line 70:
  
 
/*this wraps the whole of the menu*/
 
/*this wraps the whole of the menu*/
−
.igem_2018_team_menu {  
+
.logo-wiki{
−
background-color:#c4baba;  
+
padding: 20px;
−
border-left: 1px solid #c4baba;
+
height: 70px;
−
display:block;
+
width: auto;
−
float:right;
+
}
−
height:100vh;  
+
−
max-width: 270px;
+
−
overflow-y: auto;
+
−
overflow-x: hidden;
+
−
padding:0px;
+
−
position:fixed;
+
−
right:0%;
+
−
text-align:left;
+
−
width: 15%;
+
−
}
+
  
 +
ul.menu{
 +
display: block;
 +
    text-align: right;
 +
    margin: 0;
 +
}
  
−
.igem_2018_team_menu.displaying_menu{
+
.menu > li{
−
display:block;
+
  display: inline-block;
−
}
+
  position: relative;
 +
  vertical-align: middle;
 +
  padding-left: 25px;
 +
}
  
−
.igem_2018_team_menu  a {
+
.home{
−
color: #484848;
+
float: left;
−
text-decoration:none;
+
}
−
}
+
  
−
.igem_2018_team_menu img {
+
.menu .home{
−
width:100%;
+
padding-left: 0;
−
}
+
}
  
 +
.menu a{
 +
  display: inline-block;
 +
  padding: 5px 10px;
 +
  border: 1px solid transparent;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  color: black;
 +
  font-size: 20px;
 +
}
  
−
.igem_2018_team_menu .menu_item {
+
.menu a:hover {
−
    background-color: #c4baba;
+
    background-color: #ffd8af;
−
    border-bottom: 1px solid #928b8b;
+
    padding: 5px 10px;
−
    clear: both;
+
    border: 1px solid #707070;
−
color: #484848;
+
}
−
    cursor: pointer;
+
−
float: left;
+
−
    font-size: 120%;
+
−
    font-weight: bold;
+
−
    padding: 15px 0px 15px 5%;
+
−
  width: 100%;
+
−
}
+
  
−
.igem_2018_team_menu .menu_item.direct_link {
+
.submenu {
−
color: #484848;
+
  display: none;
−
padding-left: 15%;
+
  list-style: none;
−
}
+
  position: absolute;
−
.igem_2018_team_menu .menu_item:hover {
+
  padding: 0;
−
background-color: #ecb656;
+
  text-align: left;
−
}
+
  background-color: #ffd8af;
 +
}
  
  
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
+
.submenu a{
−
color: #484848;
+
font-size: 18px;
−
float: left;
+
border: none;
−
width: 10%;
+
}
−
}
+
  
−
/* submenu icon "+"  "-"*/
+
.menu li:hover .submenu{
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
+
  display: block;
−
content: "+";  
+
}
−
}
+
  
−
/* submenu icon "+"  "-"*/
+
.submenu a:hover {
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
border: none;
−
content: "-";  
+
    background-color: white;
−
}
+
    color: red;
−
 
+
    padding: 5px 10px;
−
/*submenu wrapper*/
+
}
−
.igem_2018_team_menu .submenu{
+
−
background-color: #e4dede;
+
−
clear:both;
+
−
display:none;
+
−
float: left; 
+
−
width:100%;
+
−
}
+
−
 
+
−
/*styling for a submenu item*/
+
−
.igem_2018_team_menu .submenu .submenu_item {
+
−
border-bottom: 1px solid #c4baba;
+
−
  color: #635d5d;
+
−
    height: 30px;
+
−
  float: left;
+
−
    font-size: 110%;
+
−
font-weight: bold;
+
−
    padding: 12px 0px 0px 15%;
+
−
    width: 100%;
+
−
}
+
−
 
+
−
.igem_2018_team_menu .submenu .submenu_item:hover {
+
−
background-color: #f3bd5d;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
+
−
.igem_2018_team_menu .menu_item.current_page,
+
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
−
background-color:#7acbd8;
+
−
}
+
  
  
Line 525: Line 493:
  
  
−
<div class="igem_2018_team_menu displaying_menu">
+
div class="container">
−
 
+
<a href="#" class="logo">
−
 
+
<img src="img/Tartu_TUIT_logo.png" alt="logo" class="logo-wiki">
−
<a href="https://2018.igem.org/Team:Tartu_TUIT">
+
−
<img src="http://placehold.it/350x150/e4dede/c4baba">
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT">
+
−
<div class="menu_item direct_link">
+
−
HOME
+
−
</div>
+
−
</a>
+
−
 
+
−
<!-- Team -->
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
TEAM
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Team">
+
−
<div class="submenu_item">
+
−
Team Members
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Collaborations">
+
−
<div class="submenu_item">
+
−
Collaborations
+
−
</div>
+
 
</a>
 
</a>
 
</div>
 
</div>
−
 
+
<div class="container">
−
 
+
<nav>
−
<!-- Project -->
+
<ul class="menu">
−
<div class="menu_item">
+
<li class="home">
−
<div class="submenu_control_icon"> </div>
+
<a href="index.html" class="active">home
−
PROJECT
+
</a>
−
</div>
+
</li>
−
<div class="submenu">
+
<li><a href="team.html">team</a>
−
+
<ul class="submenu">
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Description">
+
<li><a href=#>team members</a></li>
−
<div class="submenu_item">
+
<li><a href=#>collaborations</a></li>
−
Description
+
<li><a href=#>attribution&sponsors</a></li>
−
</div>
+
</ul>
−
</a>
+
</li>
−
 
+
<li><a href="project.html">project</a>
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Design">
+
<ul class="submenu">
−
<div class="submenu_item">
+
<li><a href=abstract.html>abstract</a></li>
−
Design
+
<li><a href=#>design</a></li>
−
</div>
+
<li><a href=#>experiments</a></li>
−
</a>
+
<li><a href=#>notebook</a></li>
−
 
+
<li><a href=#>InterLab studies</a></li>
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Experiments">
+
<li><a href=#>results</a></li>
−
<div class="submenu_item">
+
<li><a href=#>safety</a></li>
−
Experiments
+
<li><a href=#>judging form</a></li>
−
</div>
+
</ul>
−
</a>
+
</li>
−
 
+
<li><a href="parts.html">parts</a>
−
 
+
<ul class="submenu">
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Notebook">
+
<li><a href=#>Parts Overview</a></li>
−
<div class="submenu_item">
+
<li><a href=#>Basic Parts</a></li>
−
Notebook
+
<li><a href=#>Composite Parts</a></li>
−
</div>
+
<li><a href=#>Part Collection</a></li>
−
</a>
+
</ul>
−
 
+
</li>
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/InterLab">
+
<li><a href="modeling.html">modeling</a>
−
<div class="submenu_item">
+
<ul class="submenu">
−
InterLab
+
<li><a href=#>something</a></li>
−
</div>
+
</ul>
−
</a>
+
</li>
−
 
+
<li><a href="human_practices.html">human practices</a>
−
 
+
<ul class="submenu">
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Model">
+
<li><a href=#>news</a></li>
−
<div class="submenu_item">
+
<li><a href=#>Education & Engagement</a></li>
−
Model
+
</ul></li>
−
</div>
+
</ul>
−
</a>
+
</nav>
−
 
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Results">
+
−
<div class="submenu_item">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Demonstrate">
+
−
<div class="submenu_item">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Improve">
+
−
<div class="submenu_item">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Attributions">
+
−
<div class="submenu_item">
+
−
Attributions
+
−
</div>
+
−
</a>
+
−
 
+
 
</div>
 
</div>
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
PARTS
 
−
</div>
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Parts">
 
−
<div class="submenu_item">
 
−
Parts Overview
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Basic_Part">
 
−
<div class="submenu_item">
 
−
Basic Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Composite_Part">
 
−
<div class="submenu_item">
 
−
Composite Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Part_Collection">
 
−
<div class="submenu_item">
 
−
Part Collection
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Safety">
 
−
<div class="menu_item direct_link">
 
−
SAFETY
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
HUMAN PRACTICES
 
−
</div>
 
−
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Human_Practices">
 
−
<div class="submenu_item">
 
−
Human Practices
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Public_Engagement">
 
−
<div class="submenu_item">
 
−
Education & Engagement
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
AWARDS
 
−
</div>
 
−
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Applied_Design">
 
−
<div class="submenu_item">
 
−
Applied Design
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Entrepreneurship">
 
−
<div class="submenu_item">
 
−
Entrepreneurship
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Hardware">
 
−
<div class="submenu_item">
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Measurement">
 
−
<div class="submenu_item">
 
−
Measurement
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Model">
 
−
<div class="submenu_item">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Plant">
 
−
<div class="submenu_item">
 
−
Plant
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Tartu_TUIT/Software">
 
−
<div class="submenu_item">
 
−
Software
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
<a href="https://igem.org/2018_Judging_Form?team=Tartu_TUIT">
 
−
<div class="menu_item direct_link">
 
−
JUDGING FORM ⇗
 
−
</div>
 
−
</a>
 
−
 
−
 
  
  

Revision as of 09:40, 20 July 2018

div class="container">