Difference between revisions of "Template:Tartu TUIT"

 
(80 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<script>
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
$(document).ready(function() {
 
−
 
−
$("#HQ_page").attr('id','');
 
−
 
−
 
−
//highlight current page on the menu
 
−
highlight_current_page_menu();
 
−
 
−
//accessing submenus
 
−
$(".menu_item").click(function(){
 
−
$(".submenu_control_icon", this).toggleClass("open");
 
−
$(this).next(".submenu").fadeToggle(400);
 
−
});
 
−
 
−
//mobile menu access
 
−
$(".igem_2018_team_mobile_bar").click(function(){
 
−
$(this).next().toggleClass("displaying_menu");
 
−
});
 
−
 
−
});
 
−
 
−
 
−
function highlight_current_page_menu() {
 
−
 
−
var page_url="https://2018.igem.org/";
 
−
page_url = page_url + wgPageName;
 
−
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 
−
 
−
//if the page is in a submenu, open the submenu and make the appropiate changes
 
−
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
−
 
−
$(".current_page").parent().parent().fadeToggle(400);
 
−
$(".current_page").parent().parent().prev().addClass("current_page");
 
−
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 
−
 
−
}
 
−
}
 
−
 
−
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
</script>
 
−
 
  
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
 
  
 
/*general styling*/
 
/*general styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
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 86: Line 31:
 
}
 
}
  
−
.block6{
+
.block55{
 
width: 55%;
 
width: 55%;
 
float: left;
 
float: left;
 
}
 
}
  
−
.block4{
+
.block45{
 
width: 45%;
 
width: 45%;
 
float: right;
 
float: right;
 
}
 
}
 +
 +
.logo-wiki{
 +
padding: 20px;
 +
height: 70px;
 +
width: auto;
 +
}
 +
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 101: 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 108: 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 114: 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 121: Line 85:
 
   margin: 0 auto;
 
   margin: 0 auto;
 
   text-align: center;
 
   text-align: center;
 +
  font-family: Abel, sans-serif;
 
}
 
}
  
Line 129: 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 149: 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 163: Line 127:
 
}
 
}
  
−
.menu a:hover {
+
#menu a:hover {
 
     background-color: #ffd8af;
 
     background-color: #ffd8af;
 
     padding: 5px 10px;
 
     padding: 5px 10px;
Line 169: 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 199: 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 241: 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 269: 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 281: Line 209:
 
}
 
}
  
−
 
+
#main .abstract h2{
−
 
+
        font-family: Abel;
−
 
+
    color: #707070;
−
/*layout classes*/
+
}
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*main layout class */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
+
−
float:left;
+
−
margin: 1% 2%;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
/* 100% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
−
 
+
−
/* 66% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
−
 
+
−
/* 33% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*styling for all images*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
+
−
margin-bottom: 15px;
+
−
width: 100%;
+
−
}
+
−
 
+
−
 
+
−
/* page break */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
+
−
clear:both;
+
−
}
+
−
/*add extra space to page break with clear class*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
+
−
height: 30px;
+
−
}
+
−
 
+
−
/* horizontal line to divide the page*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
+
−
    border-top: 1px solid #c4baba;
+
−
  margin: auto;
+
−
  width: 98%;
+
−
}
+
−
 
+
  
  
Line 336: Line 218:
 
/*support classes*/
 
/*support classes*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
 
−
 
−
/*Button  */
 
−
/************************************************/
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
 
−
font-size: 130%;
 
−
margin: 30px auto;
 
−
text-align: center;
 
−
}
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
 
−
background-color: #5bc7d8;
 
−
color: #635d5d !important;
 
−
font-weight: bold;
 
−
margin: auto;
 
−
text-decoration: none !important;
 
−
padding: 10px 15px;
 
−
}
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
 
−
background-color: #f8b732 !important; 
 
−
}
 
−
 
−
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
 
−
padding: 15px 20px;
 
−
}
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
 
−
padding: 5px 15px;
 
−
}
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
 
−
background-color: #e4dede;
 
−
}
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
 
−
    border-top: 4px solid #5bc7d8;
 
−
}
 
−
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
 
−
    border: 4px solid #5bc7d8;
 
−
}
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
 
−
    border-top: 4px solid #f8b732
 
−
}
 
−
 
−
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
 
−
    border: 4px solid #f8b732;
 
−
}
 
−
 
−
 
−
 
−
 
−
/*mobile*/
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
 
−
/* 1800px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1800px) {
 
−
.igem_2018_team_content { width: 85%;}
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
/* 1400px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1400px) {
 
−
.igem_2018_team_menu .menu_item { font-size:100%;}
 
−
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
@media only screen and (max-width: 1001px) {
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
/* 1000px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1000px) {
 
−
.igem_2018_team_content {width:100%; margin-left:0px;}
 
−
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 
−
.igem_2018_team_mobile_bar {display:block;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 
−
 
−
}
 
−
 
−
 
−
@media only screen and (max-width: 500px) {
 
−
.igem_2018_team_menu {min-width:100%; width:100%; }
 
−
}
 
  
  
Line 469: Line 250:
  
  
−
 
+
<div class="container">
−
            <div class="container">
+
<a href="https://2018.igem.org/Team:Tartu_TUIT" class="logo">
−
                      <a href="#" class="logo" style="display: inline-block;">
+
<img class="logo-wiki" src="https://static.igem.org/mediawiki/2017/d/d4/Tuit-logo.svg">
−
                                [[File:T--Tartu_TUIT--logo.png|70]]
+
 
</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