Difference between revisions of "Team:Slovenia/libraries/custom-js"

Revision as of 20:03, 14 October 2016 (view source) Zigapusnik (Talk | contribs) ← Older edit		Revision as of 21:33, 14 October 2016 (view source) Zigapusnik (Talk | contribs) Newer edit →
Line 1:		Line 1:
−	function reloader() {	+	/* from docs.css */
−	try {	+	#example .main.container .introduction p,
−	console.log('start');	+	#example .main.container .example p,
−	$('.ui.sticky.global').sticky({	+	#example .main.container p {
−	context: '#context',	+	font-size: 16px;
−	offset: 16	+	line-height: 1.5;
−	});	+	color: rgba(0, 0, 0, 0.8);
−	$('.ui.sticky.image').sticky({	+	}
−	context: '#context',	+
−	offset: 21	+
−	});	+
−	$('.ui.sticky.text.menu').sticky({	+
−	context: '#context',	+
−	offset: 200	+
−	});	+
−	$('.ui.sticky.text').sticky({	+
−	context: '#context',	+
−	offset: 200	+
−	});	+
−	$('.image_div > img').visibility({	+
−	type: 'image',	+
−	transition: 'fade in',	+
−	duration: 500	+
−	});	+
−	$('.teamimg').hover(function () {	+
−	var width = $(this).outerWidth() / 2;	+
−	$(this).find('.left').animate({right: width}, {queue: false, duration: 300});	+
−	$(this).find('.right').animate({left: width}, {queue: false, duration: 300});	+
−	}, function () {	+
−	$(this).find('.left').animate({right: 0}, {queue: false, duration: 300});	+
−	$(this).find('.right').animate({left: 0}, {queue: false, duration: 300});	+
−	});	+
−	$(function () {	+
−	// The parameter are the selector for the container(s) of text in which you want replacement	+
−	// and a URL pointing to your bibfile - mind the same origin policy...	+
−	var zitator = new Zitator(".citing", "//2016.igem.org/wiki/images/5/53/T--Slovenia--references.txt");	+
−	zitator.zitiere();	+
−	});	+
−	function isScrolledIntoView(elem) {	+
−	var docViewTop = $(window).scrollTop();	+
−	var docViewBottom = docViewTop + $(window).height() - $("#menucomb").height();	+
−	var elemTop = $(elem).offset().top;	+	#example .main.container .examples h2,
−	var elemBottom = elemTop + $(elem).height();	+	#example .main.container h2,
		+	#example .main.container .tab > h2 {
		+	position: relative;
		+	margin: 5rem 0 3rem;
		+	}
−	if (elemTop >= docViewTop) {	+	#example .main.container .examples > .rail + h2,
−	return true;	+	#example .main.container > .rail + h2,
−	}	+	#example .main.container > .tab > .rail + h2,
−	else if (elemBottom >= docViewBottom) {	+	#example .main.container0 .examples h2:first-child,
−	return true;	+	#example .main.container h2:first-child,
−	}	+	#example .main.container > .tab > h2:first-child {
−	return false; // || elemTop >= docViewTop) ;	+	margin-top: 0;
−	}	+	}
−	function clearStyleOfSideMenu() {	+	#example > .pusher > .full.height {
−	console.log("calling a function");	+	display: -webkit-box;
−	var id = null;	+	display: -webkit-flex;
−	$("span.section").each(function () {	+	display: -ms-flexbox;
−	var id = this.id;	+	display: flex;
−	console.log(id);	+	-webkit-flex-direction: row;
−	var selector = 'a[href*="#'.concat(id).concat('"]');	+	-ms-flex-direction: row;
−	$(selector).css("color", "");	+	flex-direction: row;
−	});	+	}
−		+
−	$("span.section").each(function() {	+
−	var ident = this.id;	+
−	var parent = (this.parentNode).parentNode;	+
−	if(isScrolledIntoView(parent)) {	+
−	var selector = 'a[href*="#'.concat(ident).concat('"]');	+
−	$(selector).css("color", "#DB2828");	+
−	return false;	+
−	}	+
−	});	+
−		+
−	/*var color = true;	+
−	$(".section").each(function () {	+
−	//clear each parent	+
−	var id = this.id;	+
−	var selector = 'a[href*="#'.concat(id).concat('"]');	+
−	if (isScrolledIntoView($(this).parent().parent())) {	+
−	// nastavi barvo trenutni sekcij	+
−	if(color) {	+
−	console.log("section is found");	+	#example .full.height > .banana {
−	color = false;	+	position: relative;
−	return false; //break from function	+	z-index: 1;
−	}	+	background-color: #1b1c1d;
−	}	+	width: 200px;
−	});*/	+	-webkit-box-flex: 0;
−	}	+	-webkit-flex: 0 0 auto;
		+	-ms-flex: 0 0 auto;
		+	flex: 0 0 auto;
		+	padding-left: 50px;
		+	}
		+
		+	#example .article {
		+	-webkit-box-flex: 1;
		+	-webkit-flex: 1 1 auto;
		+	-ms-flex: 1 1 auto;
		+	flex: 1 1 auto;
		+	min-width: 0;
		+	}
		+
		+	#example .main.container {
		+	padding: 100px 0 7em;
		+	}
		+
		+	/* Defaults */
		+	/*#example .masthead > .container,*/
		+	#example .main.container {
		+	/*#example .fixed.menu > .container {*/
		+	margin-left: 3em !important;
		+	margin-right: 3em !important;
		+	width: auto !important;
		+	max-width: 960px !important;
		+	}
		+
		+	/*#example .masthead > .container {*/
		+	/*margin-right: 387px !important;*/
		+	/*}*/
		+	#example .main.container {
		+	/*margin-right: 387px !important;*/
		+	margin-right: 20% !important;
		+	}
−	$(document).ready(function () {	+	/* Remove Fixed Sidebar */
−	clearStyleOfSideMenu();	+	@media only screen and (max-width: 1144px) {
−	$(window).scroll(function () {	+	/* Hide Fixed Sidebar */
−	clearStyleOfSideMenu();	+	#example .full.height > .banana {
−	});	+	display: none;
−	}	+
−	);	+
−	$(".menuItem").mouseenter(	+
−	function () {	+
−	var loc = window.location.href;	+
−	var defaultItem;	+
−	var parent;	+
−	$(".submenu").each(function () {	+
−	var context = this;	+
−	$("a", context).each(function () {	+
−	if (loc.match(/[^#]*/) == $(this).attr("href")) {	+
−	defaultItem = $(context).attr("id");	+
−	parent = $("#".concat(defaultItem.replace("Submenu", "")));	+
−	}	+
−	});	+
−	}	+
−	);	+
−	$(".ui.simple.item.menuItem a").each(function () {	+
−	if (loc.match(/[^#]*/) == $(this).attr("href")) {	+
−	parent = $($(this).parents('.ui.simple.item.menuItem'));	+
−	defaultItem = (parent.attr('id')).concat("Submenu");	+
−	console.log(defaultItem);	+
−	}	+
−	});	+
−	defaultItem = document.getElementById(defaultItem);	+
−	clearElements();	+
−	var submenu = document.getElementById(this.id.concat("Submenu"));	+
−	var submenuText = document.getElementById("SecondarySubmenu");	+
−	if (submenuText.innerHTML != submenu.innerHTML) {	+
−	this.className = "ui simple active item menuItem";	+
−	submenuText.innerHTML = submenu.innerHTML;	+
−	}	+
−	else {	+
−	parent.attr("class", "ui simple active item menuItem");	+
−	submenuText.innerHTML = defaultItem.innerHTML;	+
−	}	+
−	}	+
−	);	+
−	$("#menucomb").mouseleave(function () {	+
−	setDefaultMenu();	+
−	}	+
−	);	+
−	} catch (e) {	+
−	console.log('startReloading');	+
−	$.getScript("https://2016.igem.org/Team:Slovenia/libraries/semantic-min-js?action=raw&ctype=text/javascript", function () {	+
−	console.log('success');	+
−	reloader();	+
−	});	+
−	console.log('endReloading');	+
	}		}
	}		}
−	$(document).ready(injectHeader);
−	$(document).ready(reloader);
−	function enumerateKeys(object) {
−	var numberPairs = {};
−	var objectPairs = {};
−	var number = 0;
−	var matches = document.body.querySelectorAll(object + '[data-ref]');	+	/* Remove Rail */
−	while (number < matches.length) {	+	@media only screen and (max-width: 992px) {
−	var refName = matches[number].dataset.ref;	+	/* Fluid Containers */
−	if (refName in numberPairs) {	+	#example .masthead > .container,
−	console.log(refName, "This label has already been assigned.");	+	#example .main.container,
−	} else {	+	#example .fixed.menu > .container {
−	numberPairs[number + 1] = matches[number];	+	margin-left: 1em !important;
−	objectPairs[refName] = number + 1;	+	margin-right: 1em !important;
−	}	+	max-width: none !important;
−	number++;	+
	}		}
−	return [numberPairs, objectPairs, number];
	}		}
−	function enumerate() {	+	/* end of docs*/
−	var tables = enumerateKeys('table');	+
−	var figures = enumerateKeys('figure');	+
−	var maximum = Math.max(tables[2], figures[2]);	+	/* override default */
		+	#content {
		+	width: 100%;
		+	background-color: transparent;
		+	margin-left: 0;
		+	padding-left: 0;
		+	}
−	for (var number = 1; number <= maximum; number++) {	+	#contentSub, #firstHeading, #column-one, #footer {
−	if (number in tables[0]) {	+	display: none;
−	$(tables[0][number]).children('caption').prepend("Table " + number + ": ")	+	}
−	}	+
−	if (number in figures[0]) {	+
−	$(figures[0][number]).children('figcaption').prepend("Figure " + number + ": ")	+
−	}	+
−	}	+
−	$(this).find('ref').each(function () {	+	#firstHeading, #content {
−	var label = $(this).text();	+	margin-top: 0 !important;
−	$(this).click(function (event) {	+	padding-top: 0 !important;
−	event.preventDefault();	+
−	});	+
−	if (label in tables[1]) {	+
−	var number = tables[1][label];	+
−	$(this).html("<a href=''> Table " + tables[1][label] + " </a>");	+
−	$(this).on('click', function () {	+
−	window.scroll(0, $(tables[0][number]).offset().top - 122);	+
−	})	+
−	} else {	+
−	var number = figures[1][label];	+
−	$(this).html("<a href=''>Figure " + figures[1][label] + "</a>");	+
−	$(this).on('click', function () {	+
−	window.scroll(0, $(figures[0][number]).offset().top - 122);	+
−	})	+
−	}	+
−	});	+
	}		}
−	$(document).ready(enumerate);
−	$(document).ready(setDefaultMenu);
−	function resize(img) {	+	#bodyContent {
−	if (img.className.includes("medium")) {	+	margin-left: 0;
−	img.className = "ui huge image";	+	padding-left: 0;
−	}	+
−	else {	+
−	img.className = "ui medium image";	+
−	}	+
	}		}
−	function setDefaultMenu() {	+	body {
−	console.log("calling set default item");	+	/*padding-top: 14px;*/
−	clearElements();	+	background-color: #FCFCFC;
−	var loc = window.location.href;	+	}
−	var defaultItem;	+
−	var parent;	+
−	$(".submenu").each(function () {	+
−	var context = this;	+
−	$(this).css("color", "#DB2828");	+
−	$(this).css("font-weight", "bold");	+
−	$("a", context).each(function () {	+
−	console.log($(this).attr("href"));	+
−	if (loc.match(/[^#]*/) == $(this).attr("href")) {	+
−	defaultItem = $(context).attr("id");	+
−	parent = $("#".concat(defaultItem.replace("Submenu", "")));	+
−	$(this).css("color", "#DB2828");	+
−	$(this).css("font-weight", "bold");	+
−	}	+
−	});	+
−	}	+	/* transparenten pravokotnik na levi in del za besedilo */
−	);	+	#example:not(.site) > .pusher > .full.height {
−	$(".ui.simple.item.menuItem a").each(function () {	+	background-color: transparent;
−	if (loc.match(/[^#]*/) == $(this).attr("href")) {	+	}
−	parent = $($(this).parents('.ui.simple.item.menuItem'));	+
−	defaultItem = (parent.attr('id')).concat("Submenu");	+
−	}	+
−	});	+
−	var submenuText = document.getElementById("SecondarySubmenu");	+	/* pravokotnik na levi - sirina, ozadje.. */
−	defaultItem = document.getElementById(defaultItem);	+	#example .full.height > .banana {
−	parent.attr("class", "ui simple active item menuItem");	+	width: 25%;
−	submenuText.innerHTML = defaultItem.innerHTML;	+	background-color: transparent;
		+	padding-top: 12px;
	}		}
−	function clearElements() {	+	/* menus */
−	var elements = document.getElementsByClassName("menuItem");	+	#projectSubmenu, #partsSubmenu, #notebookSubmenu, #notebookSubmenu, #societySubmenu, #ideaSubmenu, #homeSubmenu, #dryLabSubmenu, #teamSubmenu, #proteaseSignallingSubmenu, #mechanosensingSubmenu, #implementationSubmenu {
−	for (var i = 0; i < elements.length; i++) {	+	display: none;
−	elements[i].className = "ui simple item menuItem";	+	}
−	}	+
		+	#menucomb {
		+	background-color: #FCFCFC;
		+	padding-top: 12px;
		+	padding-bottom: 12px;
		+	margin-top: 0;
		+	}
		+
		+	.ui.vertical.sticky.menu {
		+	font-size: 1rem;
		+	background-color: transparent;
		+	padding-top: 80px;
		+	margin-left: 10px; /*
		+	margin-right: auto;*/
		+	}
		+
		+	/* end of menus */
		+
		+	h1 > span, h2 > span, h3 > span, h4 > span  {
		+	margin-top: -122px;        /* Size of fixed header */
		+	padding-bottom: 122px;
		+	display: block;
		+	}
		+
		+	/* tabelite neka bidat na sredina */
		+	.ui.table {
		+	margin: auto;
		+	width: 100%;
		+	}
		+
		+	/*црна боја на менито */
		+	.home:link, .home:visited, .home:active, .home:hover {
		+	color: black;
		+	}
		+
		+	/* koga se namaluva ekranot ne sakame da gi skrsime zborovite */
		+	/*h1, h2, h3, h4 {*/
		+	/*!*white-space: nowrap;*!*/
		+	/*padding-top: 120px!important;*/
		+	/*margin-top: 0!important;*/
		+	/*}*/
		+
		+	/* скриј го вертикалното мени доколку е екранот премногу мал и не изгледа убаво */
		+	/*@media (max-width: 1350px) {*/
		+	/*.ui.sticky.container {*/
		+	/*display: none;*/
		+	/*}*/
		+	/*}*/
		+
		+	/*.menu {
		+	white-space: nowrap;
		+	}*/
		+
		+	/* glavniot naslov neka ima edna crvena boja */
		+	#context h1 {
		+	color: #8b2545
		+	}
		+
		+	/* ostanatite naslovi neka bidat vo druga crvena */
		+	#context h2 {
		+	color: #ab0000
		+	}
		+
		+	/* naslovot na bibliografijata neka e vo treta boja */
		+	#ref-title {
		+	color: #860000
		+	}
		+
		+	caption, figcaption {
		+	caption-side: bottom;
		+	text-align: center
		+	}
		+
		+	figure {
		+	display: block;
		+	}
		+
		+	/* bibliography*/
		+	x-ref sup > a, x-ref sup > a:visited, x-ref sup > a:hover, x-ref sup > a:active {
		+	color: grey;
		+	}
		+
		+	.reference > a {
		+	color: black;
		+	}
		+
		+	/* end of bibliography */
		+
		+	/* enumeration of tables and figures */
		+	ref > a, ref > a:visited, ref > a:active, ref > a:hover {
		+	color: black;
		+	}
		+
		+	/* team images */
		+	.teamimg {
		+	overflow: hidden;
		+	}
		+
		+	.hiddentext {
		+	position: absolute;
		+	max-width: 80%;
		+	}
		+
		+	.image_div {
		+	position: relative;
		+	overflow: hidden;
		+	width: 50%;
		+	float: left;
		+	}
		+
		+	.right img {
		+	position: relative;
		+	margin-left: -100%;
		+	}
		+
		+	/* end of team images */
		+
		+	/* logo row */
		+	footer .column > a {
		+	margin: auto;
		+	display: inline-block !important;
		+	}
		+
		+	/* Calendar */
		+	/*#calendarTable {
		+	position:relative;
		+	width: auto;
		+	}*/
		+	#calendarHead:hover {
		+	background-color: white;
		+	color: #DB2828;
		+	cursor: pointer;
		+	cursor: hand;
		+	}
		+	#right, #left, #tdays, #tmonth {
		+	text-align:center;
		+	background-color: #AFAFAF;
		+	color:white;
		+	font-weight: bold;
		+	}
		+	#calendarHead {
		+	text-align:center;
		+	font-weight: bold;
		+	color: white;
		+	background-color: #AFAFAF;
		+	}
		+	.week > td, .weekHighLight > td {
		+	margin: 0 auto;
		+	background-color: white; /* #AFAFAF; */
		+	text-align: right;
		+	vertical-align: top;
		+	}
		+	.weak {
		+	color:  #DB2828;
		+	}
		+	.week:hover > td, #right:hover, #left:hover, .weekHighLight > td {
		+	background-color: #DB2828;
		+	color: white;
		+	cursor: pointer;
		+	cursor: hand;
		+	}
		+
		+	/* Images and resizing stuff */
		+	figure {
		+	background-color: #fff;
		+	padding: 5px;
		+	font-size: .875em;
		+	display: table;
	}		}
−	function injectHeader() {	+	figure img {
−	console.log("Injecting header");	+	display: block;
−	var menu = "<div class='submenu' id='projectSubmenu'> \	+	width: 100%;
−	<div class='menu'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Description' \	+
−	class='item'>Description</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Design' \	+
−	class='item'>Design</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Experiments' \	+
−	class='item'>Experiments</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Results' \	+
−	class='item'>Results</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Demonstrate' \	+
−	class='item'>Demonstration</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Proof' \	+
−	class='item'>Proof of Concept</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='partsSubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 15%'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Basic_Part' \	+
−	class='item'>Basic Part</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Composite_Part' \	+
−	class='item'>Composite part</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Part_Collection' \	+
−	class='item'>Part Collection</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='notebookSubmenu'> \	+
−	<!-- this is notebook submenu --> \	+
−	<div class='menu' style = 'position: absolute; right: 15%'>\	+
−	<a href='https://2016.igem.org/Team:Slovenia/Notebook/Protocols' class='item'>Protocols</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Notebook/LogBook' class='item'>Log book</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Notebook/InitialProposals' class='item'>Initial proposals</a> \	+
−	</div>\	+
−	</div> \	+
−	<div class='submenu' id='societySubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 0'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Engagement' \	+
−	class='item'>Education and Public Engagement</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Integrated_Practices' \	+
−	class='item'>Integrated Practices</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Collaborations' \	+
−	class='item'>Collaboration</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Safety' \	+
−	class='item'>Safety</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='homeSubmenu'> \	+
−	</div> \	+
−	<div class='submenu' id='ideaSubmenu'> \	+
−	<!-- this is idea submenu -->\	+
−	<div class='menu'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Idea/Challenge' class='item'>Challenge</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Idea/Solution' class='item'>Solution</a> \	+
−	</div>\	+
−	</div> \	+
−	<div class='submenu' id='mechanosensingSubmenu'> \	+
−	<div class='menu'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Mechanosensing/Overview' class='item'>Overview</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Mechanosensing/Mechanosensitive_channels' class='item'>Mechanosensitive channels</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Mechanosensing/Gas_vesicles' class='item'>Gas vesicles</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Mechanosensing/CaDependent_mediator' class='item'>Ca-dependent mediator</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='implementationSubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 50%'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Implementation/ProteaseInducible_secretion' class='item'>Protease inducible secretion</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Implementation/Impact' class='item'>Impact</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Implementation/Touch_painting' class='item'>Touch painting</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='proteaseSignallingSubmenu'> \	+
−	<div class='menu'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signalling/Overview' class='item'>Overview</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signalling/Reporters' class='item'>Reporters</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signalling/Orthogonality' class='item'>Orthogonality</a> \	+
−	<a href='https://2016.igem.org/Team:SloveniaProtease_signalling/Split_proteases' class='item'>Split proteases</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signalling/Logic' class='item'>Logic</a> \	+
−	</div> \	+
−	</div> \	+
−	<div  class='submenu' id='dryLabSubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 30%'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Software' class='item'>CaPTURE software</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Hardware' class='item'>Ultrasound controlling device</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Model' class='item'>Modeling of ultrasound</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Model' class='item'>Modeling logic gates</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='teamSubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 0'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Team/Students' class='item'>Students</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Team/Advisors' class='item'>Advisors</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Attributions' class='item'>Attributions</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Sponsors'  class='item'>Sponsors</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='ui sticky global' id='menucomb'> \	+
−	<div class='ui red secondary ten item pointing menu'> \	+
−	<div class='ui simple item menuItem' id='home'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia' class='home'> \	+
−	Home \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='idea'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Idea' class='home'> \	+
−	Idea \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='mechanosensing'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Mechanosensing' class='home'> \	+
−	Mechanosensing \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='proteaseSignalling'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signalling' class='home'> \	+
−	Protease signaling\	+
−	</a> \	+
−	</div> \	+
−	<!-- <div class='ui simple item menuItem' id='project'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Project' class='home'> \	+
−	Project \	+
−	</a> \	+
−	</div> -->\	+
−	<div class='ui simple item menuItem' id='dryLab'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Dry_lab' class='home'> \	+
−	Dry lab \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='implementation'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Implementation' class='home'> \	+
−	Implementation \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='parts' > \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Parts' class='home'> \	+
−	Parts \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='notebook' > \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Notebook' class='home'> \	+
−	Notebook \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='society'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Society' class='home'> \	+
−	Society \	+
−	</a> \	+
−	</div> \	+
−	<div class='ui simple item menuItem' id='team'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Team' class='home'> \	+
−	Team \	+
−	</a> \	+
−	</div> \	+
−	</div> \	+
−	\	+
−	<div class='ui secondary menu' id='SecondarySubmenu'> \	+
−	</div> \	+
−	</div>";	+
−	var contextDiv = document.getElementById("context");	+
−	contextDiv.innerHTML = menu.concat(contextDiv.innerHTML);	+
	}		}
−	$('.playGif').on('click', function () {	+	figcaption {
−	console.log("play detected");	+	display: table-caption;
−	var parent = $(this);	+	caption-side: bottom;
−	var parAlt = parent.attr('data-alt');	+	background: #fff;
−	var parSrc = parent.attr('src');	+	padding: 0 5px 5px;
−	parent.attr("src", parAlt).attr("data-alt", parSrc);	+	}​
−	});	+

---

Revision as of 21:33, 14 October 2016

/* from docs.css */

1. example .main.container .introduction p,
2. example .main.container .example p,
3. example .main.container p {

   font-size: 16px;
   line-height: 1.5;
   color: rgba(0, 0, 0, 0.8);

}

1. example .main.container .examples h2,
2. example .main.container h2,
3. example .main.container .tab > h2 {

   position: relative;
   margin: 5rem 0 3rem;

}

1. example .main.container .examples > .rail + h2,
2. example .main.container > .rail + h2,
3. example .main.container > .tab > .rail + h2,
4. example .main.container0 .examples h2:first-child,
5. example .main.container h2:first-child,
6. example .main.container > .tab > h2:first-child {

   margin-top: 0;

}

1. example > .pusher > .full.height {

   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;

}

1. example .full.height > .banana {

   position: relative;
   z-index: 1;
   background-color: #1b1c1d;
   width: 200px;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   padding-left: 50px;

}

1. example .article {

   -webkit-box-flex: 1;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-width: 0;

}

1. example .main.container {

   padding: 100px 0 7em;

}

/* Defaults */ /*#example .masthead > .container,*/

1. example .main.container {

/*#example .fixed.menu > .container {*/

   margin-left: 3em !important;
   margin-right: 3em !important;
   width: auto !important;
   max-width: 960px !important;

}

/*#example .masthead > .container {*/ /*margin-right: 387px !important;*/ /*}*/

1. example .main.container {

   /*margin-right: 387px !important;*/
   margin-right: 20% !important;

}

/* Remove Fixed Sidebar */ @media only screen and (max-width: 1144px) {

   /* Hide Fixed Sidebar */
   #example .full.height > .banana {
       display: none;
   }

}

/* Remove Rail */ @media only screen and (max-width: 992px) {

   /* Fluid Containers */
   #example .masthead > .container,
   #example .main.container,
   #example .fixed.menu > .container {
       margin-left: 1em !important;
       margin-right: 1em !important;
       max-width: none !important;
   }

}

/* end of docs*/

/* override default */

1. content {

   width: 100%;
   background-color: transparent;
   margin-left: 0;
   padding-left: 0;

}

1. contentSub, #firstHeading, #column-one, #footer {

   display: none;

}

1. firstHeading, #content {

   margin-top: 0 !important;
   padding-top: 0 !important;

}

1. bodyContent {

   margin-left: 0;
   padding-left: 0;

}

body {

   /*padding-top: 14px;*/
   background-color: #FCFCFC;

}

/* transparenten pravokotnik na levi in del za besedilo */

1. example:not(.site) > .pusher > .full.height {

   background-color: transparent;

}

/* pravokotnik na levi - sirina, ozadje.. */

1. example .full.height > .banana {

   width: 25%;
   background-color: transparent;
   padding-top: 12px;

}

/* menus */

1. projectSubmenu, #partsSubmenu, #notebookSubmenu, #notebookSubmenu, #societySubmenu, #ideaSubmenu, #homeSubmenu, #dryLabSubmenu, #teamSubmenu, #proteaseSignallingSubmenu, #mechanosensingSubmenu, #implementationSubmenu {

   display: none;

}

1. menucomb {

   background-color: #FCFCFC;
   padding-top: 12px;
   padding-bottom: 12px;
   margin-top: 0;

}

.ui.vertical.sticky.menu {

   font-size: 1rem;
   background-color: transparent;
   padding-top: 80px;
   margin-left: 10px; /*
   margin-right: auto;*/

}

/* end of menus */

h1 > span, h2 > span, h3 > span, h4 > span {

 margin-top: -122px;        /* Size of fixed header */
 padding-bottom: 122px; 
 display: block; 

}

/* tabelite neka bidat na sredina */ .ui.table {

   margin: auto;
   width: 100%;

}

/*црна боја на менито */ .home:link, .home:visited, .home:active, .home:hover {

   color: black;

}

/* koga se namaluva ekranot ne sakame da gi skrsime zborovite */ /*h1, h2, h3, h4 {*/ /*!*white-space: nowrap;*!*/

   /*padding-top: 120px!important;*/
   /*margin-top: 0!important;*/

/*}*/

/* скриј го вертикалното мени доколку е екранот премногу мал и не изгледа убаво */ /*@media (max-width: 1350px) {*/ /*.ui.sticky.container {*/ /*display: none;*/ /*}*/ /*}*/

/*.menu {

   white-space: nowrap;

}*/

/* glavniot naslov neka ima edna crvena boja */

1. context h1 {

   color: #8b2545

}

/* ostanatite naslovi neka bidat vo druga crvena */

1. context h2 {

   color: #ab0000

}

/* naslovot na bibliografijata neka e vo treta boja */

1. ref-title {

   color: #860000

}

caption, figcaption {

   caption-side: bottom;
   text-align: center

}

figure {

   display: block;

}

/* bibliography*/ x-ref sup > a, x-ref sup > a:visited, x-ref sup > a:hover, x-ref sup > a:active {

   color: grey;

}

.reference > a {

   color: black;

}

/* end of bibliography */

/* enumeration of tables and figures */ ref > a, ref > a:visited, ref > a:active, ref > a:hover {

   color: black;

}

/* team images */ .teamimg {

   overflow: hidden;

}

.hiddentext {

   position: absolute;
   max-width: 80%;

}

.image_div {

   position: relative;
   overflow: hidden;
   width: 50%;
   float: left;

}

.right img {

   position: relative;
   margin-left: -100%;

}

/* end of team images */

/* logo row */ footer .column > a {

   margin: auto;
   display: inline-block !important;

}

/* Calendar */ /*#calendarTable {

       position:relative;
       width: auto;

}*/

1. calendarHead:hover {

   background-color: white;
   color: #DB2828;
   cursor: pointer;
   cursor: hand;

}

1. right, #left, #tdays, #tmonth {

   text-align:center;
   background-color: #AFAFAF;
   color:white;
   font-weight: bold;

}

1. calendarHead {

   text-align:center;
   font-weight: bold;
   color: white;
   background-color: #AFAFAF;

} .week > td, .weekHighLight > td {

   margin: 0 auto;
   background-color: white; /* #AFAFAF; */
   text-align: right;
   vertical-align: top;

} .weak {

   color:  #DB2828;

} .week:hover > td, #right:hover, #left:hover, .weekHighLight > td {

   background-color: #DB2828;
   color: white;
   cursor: pointer;
   cursor: hand;

}

/* Images and resizing stuff */ figure {

  background-color: #fff;
  padding: 5px;
  font-size: .875em;
  display: table;

}

figure img {

   display: block;
   width: 100%;

}

figcaption {

   display: table-caption;
   caption-side: bottom;
   background: #fff;
   padding: 0 5px 5px;

}​