Difference between revisions of "Template:Tartu TUIT"

 
(70 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
/**************************************************************************************************************************************************************************************************/
 
  
 
<style>
 
<style>
Line 8: Line 6:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
body{
+
@font-face {
−
  padding: 0;
+
    font-family: 'Abel';
−
  margin: 0;
+
    src: url('https://static.igem.org/mediawiki/2018/4/41/T--Tartu_TUIT--abel.ttf');
−
  font-family: Abel, sans-serif;
+
−
  color: #707070;
+
−
  background-color: white;
+
−
  font-weight: lighter;
+
−
}
+
−
 
+
−
 
+
−
body{
+
−
  min-width: 940px;
+
 
}
 
}
  
 
h1{
 
h1{
−
font-size: 70px;
+
font-size: 54px;
 
}
 
}
  
 
h2{
 
h2{
−
font-size: 50px;
+
font-size: 36px;
 
color: black;
 
color: black;
  
Line 42: Line 31:
 
}
 
}
  
−
.block6{
+
.block55{
 
width: 55%;
 
width: 55%;
 
float: left;
 
float: left;
 
}
 
}
  
−
.block4{
+
.block45{
 
width: 45%;
 
width: 45%;
 
float: right;
 
float: right;
Line 57: Line 46:
 
width: auto;
 
width: auto;
 
}
 
}
 +
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 63: Line 54:
  
  
−
#home_logo, #sideMenu { display:none; }
+
 +
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
Line 70: Line 62:
  
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
 
  
  
Line 76: Line 67:
 
/* MENU */
 
/* MENU */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
 +
body{
 +
  font-family: Abel, sans-serif;
 +
  color: #707070;
 +
  padding: 0;
 +
  margin: 0;
 +
  background-color: white;
 +
  font-weight: lighter;
 +
  min-width: 940px;
 +
  height: 100%;
 +
}
  
  
Line 83: Line 85:
 
   margin: 0 auto;
 
   margin: 0 auto;
 
   text-align: center;
 
   text-align: center;
 +
  font-family: Abel, sans-serif;
 
}
 
}
  
Line 91: Line 94:
 
}
 
}
  
−
ul.menu{
+
#menu{
 
   display: block;
 
   display: block;
 
   text-align: right;
 
   text-align: right;
 
   margin: 0;
 
   margin: 0;
−
  font-family: Abel, sans-serif;
 
 
   color: #707070;
 
   color: #707070;
 
   font-weight: lighter;
 
   font-weight: lighter;
 
}
 
}
  
−
.menu > li{
+
#menu > li{
 
   display: inline-block;
 
   display: inline-block;
−
  position: relative;
 
 
   vertical-align: middle;
 
   vertical-align: middle;
−
   padding-left: 25px;
+
   padding-left: 30px;
 
}
 
}
 +
  
 
.home{
 
.home{
Line 111: Line 113:
 
}
 
}
  
−
.menu .home{
+
#menu .home{
 
padding-left: 0;
 
padding-left: 0;
 
}
 
}
  
−
.menu a{
+
#menu a{
 
   display: inline-block;
 
   display: inline-block;
 
   padding: 5px 10px;
 
   padding: 5px 10px;
Line 125: Line 127:
 
}
 
}
  
−
.menu a:hover {
+
#menu a:hover {
 
     background-color: #ffd8af;
 
     background-color: #ffd8af;
 
     padding: 5px 10px;
 
     padding: 5px 10px;
Line 131: Line 133:
 
}
 
}
  
−
.submenu {
+
#menu .submenu1 {
 
   display: none;
 
   display: none;
 
   list-style: none;
 
   list-style: none;
 
   position: absolute;
 
   position: absolute;
 +
  text-align: left;
 
   padding: 0;
 
   padding: 0;
−
   text-align: left;
+
   margin: 0;
 
   background-color: #ffd8af;
 
   background-color: #ffd8af;
 
}
 
}
  
  
−
.submenu a{
+
#menu .submenu1 a{
 
font-size: 18px;
 
font-size: 18px;
 
border: none;
 
border: none;
 
}
 
}
  
−
.menu li:hover .submenu{
+
#menu li:hover .submenu1{
 
   display: block;
 
   display: block;
 
}
 
}
  
−
.submenu a:hover {
+
#menu .submenu1 a:hover {
−
border: none;
+
    border: none;
−
    background-color: white;
+
−
    color: red;
+
 
     padding: 5px 10px;
 
     padding: 5px 10px;
 +
    color: white;
 
}
 
}
 +
 +
  
  
Line 161: Line 165:
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
 
−
 
−
.igem_2018_team_mobile_bar {
 
−
background-color:#e4dede;
 
−
border-bottom: 1px solid #c4baba;
 
−
cursor:pointer;
 
−
display:none;
 
−
float:left;
 
−
margin-top: 0;
 
−
padding: 5px 0;
 
−
position:fixed;
 
−
width:100%;
 
−
}
 
−
 
−
.igem_logo_mobile img {
 
−
width:70px;
 
−
}
 
−
 
−
.igem_logo_mobile {
 
−
float:left;
 
−
padding-left: 5%;
 
−
width: 30%;
 
−
}
 
−
 
−
.igem_menu_control_mobile img {
 
−
width:25px;
 
−
}
 
−
 
−
.igem_menu_control_mobile {
 
−
float:right;
 
−
padding-right:5%;
 
−
padding-top:5px;
 
−
text-align:right;
 
−
width: 30%;
 
−
}
 
−
 
−
 
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 203: Line 170:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
/* MAIN PAGE*/
+
/********** MAIN PAGE **********/
  
 
.main_picture{
 
.main_picture{
−
margin-top: 30px;
+
    margin-top: 20px;
−
display: inline;
+
    height: 413px;
 +
    text-align: left;
 +
    background: url(https://static.igem.org/mediawiki/2018/b/bc/T--Tartu_TUIT--porphyra.png) no-repeat scroll top center;
 
}
 
}
  
−
.main_picture img{
 
−
float: left;
 
−
padding-left: 20px;
 
−
}
 
  
 
.headspan{
 
.headspan{
Line 231: Line 196:
 
/***Abstract**/
 
/***Abstract**/
  
−
.abstract{
+
#main .abstract{
 +
        font-family: Abel;
 
margin-top: 20px;
 
margin-top: 20px;
 
text-align: left;
 
text-align: left;
−
width: 80%;
 
 
}
 
}
  
−
.abstract p{
+
#main .abstract p{
 +
        font-family: Abel;
 
margin-top: 20px;
 
margin-top: 20px;
 
font-size: 18px;
 
font-size: 18px;
Line 243: Line 209:
 
}
 
}
  
−
 
+
#main .abstract h2{
−
 
+
        font-family: Abel;
−
 
+
    color: #707070;
 +
}
  
  
Line 284: Line 251:
  
 
<div class="container">
 
<div class="container">
−
<a href="#" class="logo">
+
<a href="https://2018.igem.org/Team:Tartu_TUIT" class="logo">
−
<img src="img/Tartu_TUIT_logo.png" alt="logo" class="logo-wiki">
+
<img class="logo-wiki" src="https://static.igem.org/mediawiki/2017/d/d4/Tuit-logo.svg">
 
</a>
 
</a>
 
</div>
 
</div>
 
<div class="container menu">
 
<div class="container menu">
 
<nav>
 
<nav>
−
<ul class="menu">
+
<ul id="menu">
 
<li class="home">
 
<li class="home">
−
<a href="index.html" class="active">home
+
<a href="https://2018.igem.org/Team:Tartu_TUIT" class="active">home
 
</a>
 
</a>
 
</li>
 
</li>
−
<li><a href="team.html">team</a>
+
<li><a href="#">team</a>
−
<ul class="submenu">
+
<ul class="submenu1">
−
<li><a href=#>team members</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Team>team</a></li>
−
<li><a href=#>collaborations</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Collaborations>collaborations</a></li>
 
<li><a href=#>attribution&sponsors</a></li>
 
<li><a href=#>attribution&sponsors</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="project.html">project</a>
+
<li><a href="#">project</a>
−
<ul class="submenu">
+
<ul class="submenu1">
−
<li><a href=abstract.html>abstract</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Description>abstract</a></li>
−
<li><a href=#>design</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Design>design</a></li>
−
<li><a href=#>experiments</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Experiments>experiments</a></li>
−
<li><a href=#>notebook</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Notebook>notebook</a></li>
−
<li><a href=#>InterLab studies</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/InterLab>InterLab studies</a></li>
−
<li><a href=#>results</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Results>results</a></li>
−
<li><a href=#>safety</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Safety>safety</a></li>
−
<li><a href=#>judging form</a></li>
+
<li><a href=https://igem.org/2018_Judging_Form?team=Tartu_TUIT>judging form</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="parts.html">parts</a>
+
<li><a href="#">parts</a>
−
<ul class="submenu">
+
<ul class="submenu1">
−
<li><a href=#>Parts Overview</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Parts>Parts Overview</a></li>
−
<li><a href=#>Basic Parts</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Basic_Part>Basic Parts</a></li>
−
<li><a href=#>Composite Parts</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Composite_Part>Composite part</a></li>
−
<li><a href=#>Part Collection</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Part_Collection>Part Collection</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="modeling.html">modeling</a>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Modeling>modeling</a>
 
</li>
 
</li>
 
<li><a href="human_practices.html">human practices</a>
 
<li><a href="human_practices.html">human practices</a>
−
<ul class="submenu">
+
<ul class="submenu1">
−
<li><a href=#>news</a></li>
+
−
<li><a href=#>Education & Engagement</a></li>
+
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Public_Engagement>Education & Engagement</a></li>
 
</ul></li>
 
</ul></li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
 
</div>
 
</div>
−
 
−
 
−
 
−
 
−
</div>
 
−
 
−
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- Content of the page  --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
 
−
 
−
<div class="igem_2018_team_content">
 
−
<div class="igem_2018_team_column_wrapper">
 
−
<div class="clear extra_space"></div>
 
−
<div class="clear extra_space"></div>
 

Latest revision as of 08:06, 6 October 2018