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

Revision as of 09:37, 18 October 2016 (view source) Zigapusnik (Talk | contribs) ← Older edit		Revision as of 09:44, 18 October 2016 (view source) Zigapusnik (Talk | contribs) Newer edit →
Line 1:		Line 1:
−	function reloader() {	+	li , p, td, th, tr{
−	try {	+	color: rgba(0, 0, 0, 0.8);
−	//console.log('start');	+	}
−	/*$('.ui.sticky.global').sticky({	+	body {
−	context: '#context',	+	overflow: auto;
−	offset: 16	+	}
−	});	+	/* from docs.css */
−	$('.ui.sticky.image').sticky({	+	#example .main.container .introduction p,
−	context: '#context',	+	#example .main.container .example p,
−	offset: 27	+	#example .main.container p {
−	});	+	color: rgba(0, 0, 0, 0.8);
−	$('.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;
−	var elemBottom = elemTop + $(elem).height();
−	if (elemTop >= docViewTop) {	+	#example .main.container .examples h2,
−	return true;	+	#example .main.container h2,
−	}	+	#example .main.container .tab > h2 {
−	else if (elemBottom >= docViewBottom) {	+	position: relative;
−	return true;	+	margin: 5rem 0 3rem;
−	}	+	}
−	return false; // || elemTop >= docViewTop) ;	+
−	}	+
−	function clearStyleOfSideMenu() {	+	#example .main.container .examples > .rail + h2,
−	//console.log("calling a function");	+	#example .main.container > .rail + h2,
−	var id = null;	+	#example .main.container > .tab > .rail + h2,
−	$("span.section").each(function () {	+	#example .main.container0 .examples h2:first-child,
−	var id = this.id;	+	#example .main.container h2:first-child,
−	//console.log(id);	+	#example .main.container > .tab > h2:first-child {
−	var selector = 'a[href*="#'.concat(id).concat('"]');	+	margin-top: 0;
−	$(selector).css("color", "");	+	}
−	});	+
−	$("span.section").each(function() {	+	#example > .pusher > .full.height {
−	var ident = this.id;	+	display: -webkit-box;
−	console.log(ident);	+	display: -webkit-flex;
−	console.log(this);	+	display: -ms-flexbox;
−	if(ident != "") {	+	display: flex;
−	var parent = (this.parentNode).parentNode;	+	-webkit-flex-direction: row;
−	if(isScrolledIntoView(parent)) {	+	-ms-flex-direction: row;
−	var selector = 'a[href*="#'.concat(ident).concat('"]');	+	flex-direction: row;
−	$(selector).css("color", "#DB2828");	+	}
−	console.log(selector);	+
−	return false;	+
−	}	+
−	}	+
−	});	+
−	/*var color = true;	+	#example .full.height > .banana {
−	$(".section").each(function () {	+	position: relative;
−	//clear each parent	+	z-index: 1;
−	var id = this.id;	+	background-color: #1b1c1d;
−	var selector = 'a[href*="#'.concat(id).concat('"]');	+	width: 20%;
−	if (isScrolledIntoView($(this).parent().parent())) {	+	height:100%;
−	// nastavi barvo trenutni sekcij	+	-webkit-box-flex: 0;
−	if(color) {	+	-webkit-flex: 0 0 auto;
		+	-ms-flex: 0 0 auto;
		+	flex: 0 0 auto;
		+	}
−	console.log("section is found");	+	#example .article {
−	color = false;	+	-webkit-box-flex: 1;
−	return false; //break from function	+	-webkit-flex: 1 1 auto;
−	}	+	-ms-flex: 1 1 auto;
−	}	+	flex: 1 1 auto;
−	});*/	+	min-width: 0;
−	}	+	margin-left:20%;
		+	width:80%;
		+	align:center;
		+	}
		+
		+	#example .main.container {
		+	padding: 110px 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;*/
		+	position: relative;
		+	margin-left: auto; margin-right: auto;
		+	}
−	$(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;
−	console.log(refName);	+	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 - 150);	+
−	})	+
−	} 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 - 150);	+
−	})	+
−	}	+
−	});	+
	}		}
−	$(document).ready(enumerate);
−	$(document).ready(setDefaultMenu);
−	$(document).ready(function(){
−	$('.ui.accordion').accordion();
−	});
−	function resize(img) {	+	#bodyContent {
−	if (!img.className.includes("big")) {	+	margin-left: 0;
−	img.className = "ui big centered image";	+	padding-left: 0;
−	img.parentElement.parentElement.setAttribute("align-property", img.parentElement.parentElement.align);	+
−	img.parentElement.parentElement.setAttribute("align", "center");	+
−	img.parentElement.parentElement.setAttribute("data-property", img.parentElement.parentElement.style.cssText);	+
−	img.parentElement.parentElement.style = "clear: both";	+
−	}	+
−	else {	+
−	img.parentElement.parentElement.setAttribute("align", "");	+
−	img.className = "ui image";	+
−	img.parentElement.parentElement.style.cssText = img.parentElement.parentElement.getAttribute("data-property");	+
−	img.parentElement.parentElement.align = img.parentElement.parentElement.getAttribute("align-property");	+
−	}	+
−	//scroll to image, (if two images are floated and the right one is resised, then the image gets pushed down)	+
−	//var top = img.offsetTop;	+
−	//console.log($(img).offset().top);	+
−	//console.log($("menucomb").height());	+
−	$(window).scrollTop($(img).offset().top -  $(window).height()/2 + $(img).height()/2);	+
	}		}
−	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: 20%;
−	submenuText.innerHTML = defaultItem.innerHTML;	+	position:fixed;
		+	height: 100%;
		+	background-color: transparent;
		+	padding-top: 8px;
		+	padding-left:16px;
		+	background-color: #333333;
		+	color:white;
	}		}
−	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";	+
−	}	+
	}		}
−	function injectHeader() {	+	#menucomb {
−	//console.log("Injecting header");	+	right:0px;
−	var menu = "<div class='submenu' id='projectSubmenu'> \	+	position:fixed;
−	<div class='menu'> \	+	width:80%;
−	<a href='https://2016.igem.org/Team:Slovenia/Description' \	+	background-color: #FCFCFC;
−	class='item'>Description</a> \	+	padding-top: 12px !important;
−	<a href='https://2016.igem.org/Team:Slovenia/Design' \	+	padding-bottom: 12px;
−	class='item'>Design</a> \	+	margin-top: 0 !important;
−	<a href='https://2016.igem.org/Team:Slovenia/Experiments' \	+	min-width: 700px !important;
−	class='item'>Experiments</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Results' \	+
−	class='item'>Results</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class = 'submenu' id='homeSubmenu'> \	+
−	<div class='menu'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia' class='item'><img border='0' alt='USflag' src='//2016.igem.org/wiki/images/5/5d/T--Slovenia--USflag.png'></a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/HomeSlo' class='item'><img border='0' alt='USflag' src='//2016.igem.org/wiki/images/7/7b/T--Slovenia--SLOflag.png'></a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='partsSubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 15%'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Parts' \	+
−	class='item'>All Parts</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Basic_Part' \	+
−	class='item'>New Basic Part</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Composite_Part' \	+
−	class='item'>Favorite parts</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' class='item'>Log book</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Notebook/Protocols' class='item'>Protocols</a> \	+
−	</div>\	+
−	</div> \	+
−	<div class='submenu' id='societySubmenu'> \	+
−	<div class='menu' style = 'position: absolute; right: 0'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/HP/Gold' class='item'>Human Practices</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Integrated_Practices' class='item'>Integrated Practices</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Engagement' \	+
−	class='item'>Education and Public Engagement</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'>Challenges</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Idea/Solution' class='item'>Solutions</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: 30%'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Demonstrate' class='item'>Protease inducible secretion</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Proof' class='item'>Touch painting</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Implementation/Impact' class='item'>Impact</a> \	+
−	</div> \	+
−	</div> \	+
−	<div class='submenu' id='proteaseSignallingSubmenu'> \	+
−	<div class='menu'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/Overview' class='item'>Overview</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/Reporters' class='item'>Reporters</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/Orthogonality' class='item'>Orthogonality</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/Split_proteases' class='item'>Split proteases</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/Light_dependent_mediator' class='item'>Light-dependent mediator</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/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/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/Software' class='item'>CaPTURE software</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/ModelLogic' class='item'>Modeling logic gates</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/CoiledCoilInteraction' class='item'>Coiled coil interaction model</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'> \	+
−	<a href='https://2016.igem.org/Team:Slovenia' class='ui simple item menuItem' id='home'> \	+
−	Home \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Idea/Challenge' class='ui simple item menuItem' id='idea'> \	+
−	Idea \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Mechanosensing/Overview' class='ui simple item menuItem' id='mechanosensing'> \	+
−	Mechano- <br>sensing \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Protease_signaling/Overview' class='ui simple item menuItem' id='proteaseSignalling'> \	+
−	Protease<br /> signaling\	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Hardware' class='ui simple item menuItem' id='dryLab'> \	+
−	Dry lab \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Demonstrate' class='ui simple item menuItem' id='implementation'> \	+
−	Implementation \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Parts' class='ui simple item menuItem' id='parts' > \	+
−	Parts \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Notebook' class='ui simple item menuItem' id='notebook' > \	+
−	Notebook \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/HP/Gold' class='ui simple item menuItem' id='society'> \	+
−	Society \	+
−	</a> \	+
−	<a href='https://2016.igem.org/Team:Slovenia/Team/Students' class='ui simple item menuItem' id='team'> \	+
−	Team \	+
−	</a> \	+
−	</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 () {	+	.ui.vertical.sticky.text.menu {
−	//console.log("play detected");	+	font-size: 1rem;
−	var parent = $(this);	+	background-color: transparent;
−	var parAlt = parent.attr('data-alt');	+	padding-top: 60px !important;
−	var parSrc = parent.attr('src');	+	}
−	parent.attr("src", parAlt).attr("data-alt", parSrc);	+	.ui.vertical.sticky.text.menu > a {
−	});	+	color:white !important;
−	function relativeCoords() {	+	}
−	console.log("what what");	+
−	var img = document.getElementById("projectScheme");	+
−	var c1 = [74, 132, 136, 217, 241, 225, 319, 175, 365, 89, 298, 42, 152, 62];	+
−	var c2 =  [387, 125, 393, 283, 423, 316, 518, 190, 486, 120];	+
−	var c3 = [528, 77, 497, 134, 537, 173, 672, 185, 739, 145, 733, 94, 694, 71];	+
−	var c4 = [393, 283, 423, 316, 454, 300, 474, 260, 537, 273, 494, 305, 678, 285, 697, 243, 788, 239, 788, 330, 383, 374, 343, 319];	+
−	for(i = 0; i < c1.length; i++) {	+	/* end of menus */
−	c1[i] = (c1[i]/(800.0)*img.clientWidth);	+
−	}	+
−	document.getElementById("area1").coords = c1.toString();	+
−	for(i = 0; i < c2.length; i++) {	+	span.section  {
−	c2[i] = (c2[i]/(800.0)*img.clientWidth);	+	margin-top: -130px;        /* Size of fixed header */
−	}	+	padding-bottom: 130px;
−	document.getElementById("area2").coords = c2.toString();	+	display: block;
		+	}
−	for(i = 0; i < c3.length; i++) {	+	/* tabelite neka bidat na sredina */
−	c3[i] = (c3[i]/(800.0)*img.clientWidth);	+	.ui.table {
−	}	+	margin: auto;
−	document.getElementById("area3").coords = c3.toString();	+	width: 100%;
		+	}
−	for(i = 0; i < c4.length; i++) {	+	/*црна боја на менито */
−	c4[i] = (c4[i]/(800.0)*img.clientWidth);	+	.home:link, .home:visited, .home:active, .home:hover {
−	}	+	color: black;
−	document.getElementById("area4").coords = c4.toString();	+	}
		+
		+	/* glavniot naslov neka ima edna crvena boja */
		+	#context h1 {
		+	color: #c10c00;
		+	}
		+
		+	/* ostanatite naslovi neka bidat vo druga crvena */
		+	#context h2 {
		+	color: #c10c00;
		+	}
		+
		+	/* 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;
		+	}
		+
		+	figure img {
		+	display: block;
		+	width: 100%;
		+	}
		+
		+	figcaption {
		+	display: table-caption;
		+	caption-side: bottom;
		+	background: #fff;
		+	font-size:11px;
		+	line-height:1.6em;
		+	/* padding: 0 1px 1px; */
		+	}​
		+
		+	.ui.justified.container, p, .ui.segment {
		+	-webkit-hyphens: none !important;
		+	-ms-hyphens: none !important;
		+	hyphens: none !important;
		+	}
		+
		+	h3, h4 {
		+	font-size:1.28rem;
		+	padding-bottom: 8px;
		+	}
		+
		+	#context h3 {
		+	color: #c10c00;
		+	}
		+
		+	h5 {
		+	font-size:1.071rem
	}		}

---

Revision as of 09:44, 18 October 2016

li , p, td, th, tr{ color: rgba(0, 0, 0, 0.8); } body { overflow: auto; } /* from docs.css */

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

   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: 20%;

height:100%;

   -webkit-box-flex: 0;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;

}

1. example .article {

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

margin-left:20%; width:80%; align:center; }

1. example .main.container {

   padding: 110px 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;*/

position: relative; margin-left: auto; margin-right: auto; }

/* 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: 20%;

position:fixed; height: 100%;

   background-color: transparent;
   padding-top: 8px;

padding-left:16px; background-color: #333333; color:white; }

/* menus */

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

   display: none;

}

1. menucomb {

right:0px; position:fixed; width:80%;

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

min-width: 700px !important; }

.ui.vertical.sticky.text.menu {

   font-size: 1rem;
   background-color: transparent;
   padding-top: 60px !important;

} .ui.vertical.sticky.text.menu > a { color:white !important; }

/* end of menus */

span.section {

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

}

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

   margin: auto;
   width: 100%;

}

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

   color: black;

}

/* glavniot naslov neka ima edna crvena boja */

1. context h1 {

   color: #c10c00;

}

/* ostanatite naslovi neka bidat vo druga crvena */

1. context h2 {

   color: #c10c00;

}

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

font-size:11px; line-height:1.6em;

   /* padding: 0 1px 1px; */

}​

.ui.justified.container, p, .ui.segment {

 -webkit-hyphens: none !important;
 -ms-hyphens: none !important;
 hyphens: none !important;

}

h3, h4 {

   font-size:1.28rem;
   padding-bottom: 8px;

}

1. context h3 {

   color: #c10c00;

}

h5 {

   font-size:1.071rem

}