Difference between revisions of "Template:Tartu TUIT"

 
(52 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
@import url('https://fonts.googleapis.com/css?family=Abel');
+
@font-face {
−
 
+
    font-family: 'Abel';
−
*{
+
    src: url('https://static.igem.org/mediawiki/2018/4/41/T--Tartu_TUIT--abel.ttf');
−
  font-family: Abel, sans-serif;
+
−
}
+
−
 
+
−
body{
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  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 45: Line 31:
 
}
 
}
  
−
.block6{
+
.block55{
 
width: 55%;
 
width: 55%;
 
float: left;
 
float: left;
 
}
 
}
  
−
.block4{
+
.block45{
 
width: 45%;
 
width: 45%;
 
float: right;
 
float: right;
Line 60: Line 46:
 
width: auto;
 
width: auto;
 
}
 
}
 +
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 66: 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 73: 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 79: 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 86: Line 85:
 
   margin: 0 auto;
 
   margin: 0 auto;
 
   text-align: center;
 
   text-align: center;
 +
  font-family: Abel, sans-serif;
 
}
 
}
  
Line 94: 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 114: 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 128: Line 127:
 
}
 
}
  
−
.menu a:hover {
+
#menu a:hover {
 
     background-color: #ffd8af;
 
     background-color: #ffd8af;
 
     padding: 5px 10px;
 
     padding: 5px 10px;
Line 134: Line 133:
 
}
 
}
  
−
.submenu1 {
+
#menu .submenu1 {
 
   display: none;
 
   display: none;
 
   list-style: none;
 
   list-style: none;
 
   position: absolute;
 
   position: absolute;
−
  padding: 0;
 
 
   text-align: left;
 
   text-align: left;
 +
  padding: 0;
 +
  margin: 0;
 
   background-color: #ffd8af;
 
   background-color: #ffd8af;
 
}
 
}
  
  
−
.submenu1 a{
+
#menu .submenu1 a{
 
font-size: 18px;
 
font-size: 18px;
 
border: none;
 
border: none;
 
}
 
}
  
−
.menu li:hover .submenu1{
+
#menu li:hover .submenu1{
 
   display: block;
 
   display: block;
 
}
 
}
  
−
.submenu1 a:hover {
+
#menu .submenu1 a:hover {
 
     border: none;
 
     border: none;
−
    background-color: white;
 
−
    color: red;
 
 
     padding: 5px 10px;
 
     padding: 5px 10px;
 +
    color: white;
 
}
 
}
 +
 +
  
  
Line 172: Line 173:
  
 
.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 197: Line 196:
 
/***Abstract**/
 
/***Abstract**/
  
−
.abstract{
+
#main .abstract{
 +
        font-family: Abel;
 
margin-top: 20px;
 
margin-top: 20px;
 
text-align: left;
 
text-align: left;
 
}
 
}
  
−
.abstract p{
+
#main .abstract p{
 +
        font-family: Abel;
 
margin-top: 20px;
 
margin-top: 20px;
 
font-size: 18px;
 
font-size: 18px;
 
color: black;
 
color: black;
−
        width: 80%;
 
 
}
 
}
  
−
.abstract h1{
+
#main .abstract h2{
−
    font-size: 54px;
+
        font-family: Abel;
 
     color: #707070;
 
     color: #707070;
 
}
 
}
Line 257: Line 257:
 
<div class="container menu">
 
<div class="container menu">
 
<nav>
 
<nav>
−
<ul class="menu">
+
<ul id="menu">
 
<li class="home">
 
<li class="home">
 
<a href="https://2018.igem.org/Team:Tartu_TUIT" 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="submenu1">
 
<ul class="submenu1">
 
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Team>team</a></li>
 
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Team>team</a></li>
Line 269: Line 269:
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="project.html">project</a>
+
<li><a href="#">project</a>
 
<ul class="submenu1">
 
<ul class="submenu1">
 
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Description>abstract</a></li>
 
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Description>abstract</a></li>
Line 281: Line 281:
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="parts.html">parts</a>
+
<li><a href="#">parts</a>
 
<ul class="submenu1">
 
<ul class="submenu1">
 
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Parts>Parts Overview</a></li>
 
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Parts>Parts Overview</a></li>
Line 289: Line 289:
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href=https://2018.igem.org/Team:Tartu_TUIT/Modelling>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>
Line 299: Line 299:
 
</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