Difference between revisions of "Template:Ruperto Carola"

 
(83 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
//remove the HQ_page id
 
//remove the HQ_page id
 
$("#HQ_page").attr('id','');
 
$("#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_2019_team_mobile_bar").click(function(){
 
$(this).next().toggleClass("displaying_menu");
 
});
 
 
 
 
});
 
});
 
 
function highlight_current_page_menu() {
 
 
var page_url="https://2019.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");
 
 
}
 
}
 
  
  
Line 170: Line 138:
 
color: #484848;
 
color: #484848;
 
}
 
}
 
/* Links a tag*/
 
.igem_2019_team_content .igem_2019_team_column_wrapper a {
 
color: #00a19b;
 
font-weight: bold;
 
text-decoration: underline;
 
text-decoration-color:#00a19b;
 
transition: all 0.4s ease;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
}
 
 
/* hover for the links */
 
.igem_2019_team_content .igem_2019_team_column_wrapper a:hover {
 
color: #085156;
 
text-decoration:none;
 
}
 
 
  
 
/* Table tag*/
 
/* Table tag*/
Line 299: Line 247:
 
text-align: center;
 
text-align: center;
 
}
 
}
 
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link a  {
 
background-color: #00a19bad !important;
 
color: #000 !important;
 
font-weight: bold;
 
margin: auto;
 
text-decoration: none !important;
 
padding: 10px 15px !important;
 
}
 
 
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link a:hover {
 
background-color: #ffb819 !important; 
 
}
 
 
 
 
  
Line 354: Line 288:
 
}
 
}
  
 +
.mybold{
 +
font-weight: bold;
 +
font-size: 1.2rem;
 +
}
  
 +
.myred{
 +
color:#a81907;
 +
}
  
 
+
#banner {
/*mobile*/
+
-webkit-background-size: 100px;
/**************************************************************************************************************************************************************************************************/
+
-moz-background-size: 100px;
 
+
-o-background-size: 100px;
 
+
background-size: 100px;
/* 1800px  */
+
/************************************************/
+
@media only screen and (max-width: 1800px) {
+
.igem_2019_team_content { width: 85%;}
+
.igem_2019_team_menu {display:block;}
+
 
}
 
}
  
/* 1400px  */
+
</style>
/************************************************/
+
@media only screen and (max-width: 1400px) {
+
.igem_2019_team_menu .menu_item { font-size:100%;}
+
.igem_2019_team_menu .submenu .submenu_item { font-size:90%;}
+
.igem_2019_team_menu {display:block;}
+
}
+
  
 +
<head>
  
/* 1100px  */
+
<meta name="viewport" content="width=device-width, initial-scale=1"> 
/************************************************/
+
@media only screen and (max-width: 1100px) {
+
.igem_2019_team_content {width:100%; margin-left:0px;}
+
+
.igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
+
+
.igem_2019_team_mobile_bar {display:block;}
+
+
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size, .igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size,.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size {width:96%; }
+
  
}
 
  
/* 850px  */
+
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/bootstrap?action=raw&amp;ctype=text/css">
/************************************************/
+
@media only screen and (max-width: 850px) {
+
.igem_2019_team_menu {width:40%;}
+
}
+
  
/*500px  */
 
/************************************************/
 
@media only screen and (max-width: 500px) {
 
.igem_2019_team_menu {min-width:100%;width:100%;}
 
}
 
  
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/navbar?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/style?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/budicon?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/pace?action=raw&amp;ctype=text/css">
  
/**************************************************************************************************************************************************************************************************/
+
<!-- Favicon and touch icons -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>-->
 +
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  
 +
<script src="https://2019.igem.org/Template:Ruperto_Carola/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
  
 +
        <script type="text/javascript" src="https://2019.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
 +
        <script type="text/javascript" src="https://2015.igem.org/Team:Heidelberg/js/bibtexParse?action=raw&amp;ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2015.igem.org/Team:Heidelberg/js/zitator?action=raw&amp;ctype=text/javascript"></script>
 +
        <script type="text/javascript">
 +
var bibfile = "https://static.igem.org/mediawiki/2019/6/6c/T--Ruperto_Carola--2019_references.txt";
 +
$(function (){new Zitator(".rupertoContent",bibfile).zitiere();});
 +
        </script>
  
 +
        <script src="https://2019.igem.org/Template:Ruperto_Carola/js/anime?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2019.igem.org/Template:Ruperto_Carola/js/main?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2019.igem.org/Template:Ruperto_Carola/js/pace?action=raw&amp;ctype=text/javascript"></script>
  
  
</style>
+
<!-- Script for particles background
 +
<script type="text/javascript">
 +
$(document).ready(function() {
  
 +
particlesJS.load('particles', 'https://2019.igem.org/Template:Ruperto_Carola/js/particlesJson?action=raw&amp;ctype=application/json', function() {
 +
  console.log('callback - particles.js config loaded');
 +
});
  
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
});
<!--- THIS IS WHERE THE HTML BEGINS --->
+
</script>
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
  
<head>  
+
-->
 +
<script>
 +
//hljs.initHighlightingOnLoad();
  
<!-- This tells the browser that your page is responsive -->
+
$( document ).ready( function() {
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  $('link[rel="shortcut icon"]').attr('href','https://static.igem.org/mediawiki/2019/9/95/T--Ruperto_Carola--favicon.png');
 
+
});
<link rel="stylesheet" href="https://2019.igem.org/Template:Ruperto_Carola/css/bootstrap?action=raw&amp;ctype=text/css">
+
 
+
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Ruperto_Carola/css/navbar?action=raw&ctype=text/css">
+
 
+
<script src="https://2019.igem.org/Template:Ruperto_Carola/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
  
 +
</script>
  
 
</head>
 
</head>
  
 +
<!-- TEST
 +
<div class="container-fluid" id="header-pic" style="background-image: url('https://cdn.discordapp.com/attachments/317018175168577536/614461257323380739/Vorerst.png')"></div>
 +
Ende TEST -->
  
 +
</html>
  
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Menu --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
</html>
 
 
{{Ruperto_Carola/navbar}}
 
{{Ruperto_Carola/navbar}}
 +
 
<html>
 
<html>
 
+
   
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<div id="rupertoContent">
<!--- Content of the page --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
<div class="igem_2019_team_content">
+
<div class="igem_2019_team_column_wrapper">
+
<div class="clear extra_space"></div>
+
<div class="clear extra_space"></div>
+
 
</html>
 
</html>

Latest revision as of 10:58, 12 December 2019