Difference between revisions of "Template:Tartu TUIT"

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>
 
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  

Revision as of 17:05, 21 July 2018

/**************************************************************************************************************************************************************************************************/ /*general styling*/ /**************************************************************************************************************************************************************************************************/ body{ padding: 0; margin: 0; font-family: Abel, sans-serif; color: #707070; background-color: white; font-weight: lighter; } body{ min-width: 940px; } h1{ font-size: 70px; } h2{ font-size: 50px; color: black; } .half1{ width: 50%; float: left; } .half1{ width: 50%; float: right; } .block6{ width: 55%; float: left; } .block4{ width: 45%; float: right; } .logo-wiki{ padding: 20px; height: 70px; width: auto; } /**************************************************************************************************************************************************************************************************/ /* DEFAULT WIKI SETTINGS */ /**************************************************************************************************************************************************************************************************/ #home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} body {background-color:white; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} /**************************************************************************************************************************************************************************************************/ /* MENU */ /**************************************************************************************************************************************************************************************************/ .container{ max-width: 960px; padding: 0px; margin: 0 auto; text-align: center; } .logo-wiki{ padding: 20px; height: 70px; width: auto; } ul.menu{ display: block; text-align: right; margin: 0; font-family: Abel, sans-serif; color: #707070; font-weight: lighter; } .menu > li{ display: inline-block; position: relative; vertical-align: middle; padding-left: 25px; } .home{ float: left; } .menu .home{ 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; } .menu a:hover { background-color: #ffd8af; padding: 5px 10px; border: 1px solid #707070; } .submenu { display: none; list-style: none; position: absolute; padding: 0; text-align: left; background-color: #ffd8af; } .submenu a{ font-size: 18px; border: none; } .menu li:hover .submenu{ display: block; } .submenu a:hover { border: none; background-color: white; color: red; padding: 5px 10px; } /*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%; } /**************************************************************************************************************************************************************************************************/ /* CONTENT OF THE PAGE */ /**************************************************************************************************************************************************************************************************/ /* MAIN PAGE*/ .main_picture{ margin-top: 30px; display: inline; } .main_picture img{ float: left; padding-left: 20px; } .headspan{ text-align: left; } .headspan h1{ line-height: 50px; } .headspan p{ float: right; padding: 30px 0 0 80px; font-size: 26px; } /***Abstract**/ .abstract{ margin-top: 20px; text-align: left; width: 80%; } .abstract p{ margin-top: 20px; font-size: 18px; color: black; } /*support classes*/ /**************************************************************************************************************************************************************************************************/ /**************************************************************************************************************************************************************************************************/