"

From 2013.igem.org

Revision as of 08:22, 2 August 2013 (view source) Ggirelli (Talk | contribs) ← Older edit		Revision as of 09:20, 2 August 2013 (view source) Ggirelli (Talk | contribs) Newer edit →
Line 1:		Line 1:
-	@import url(http://fonts.googleapis.com/css?family=PT+Sans);	+	#tn-header-wrap,#tn-footer-wrap,#tn-content-wrap {
-		+	display: block;
-	/*Hides WIKI default template*/	+	width: 800px;
-	html,body {	+	text-align: center;
-	padding: 0;	+
-	margin: 0;	+
-	overflow: auto;	+
-	background: none;	+
	}		}
-	#contentSub,#search-controls,.firstHeading,#footer-box,#catlinks,#p-logo,#mw-panel,#mw-head,#footer,#mw-page-base,#mw-head-base {	+	#tn-header-wrap,#tn-footer-wrap {
-	display: none;	+	width: 100%;
		+	height: 220px;
	}		}
-	#content {	+	#tn-footer-wrap {
-	display: none;	+	background-color: #c0c0b6;
	}		}
-	#tn-main-wrap-wrap {	+	#tn-content-wrap {
-	position: fixed;	+	width: 100%;
-	top: 0;	+	height: 100%;
-	left: 0;	+	padding: 25px 0;
-	right: 0;	+	vertical-align: top;
-	bottom: 0;	+
-	padding: 0;	+
-	margin: 0;	+
-	z-index: 2;	+
-	overflow: auto;	+
	}		}
-	#tn-main-wrap {	+	.tn-sidebar,#tn-content {
		+	vertical-align: top;
		+	display: inline-block;
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
-	width: 100%;
-	min-width: 1280px;
-	font-size: 16px;
-	background-color: none;
	}		}
-	#top-section {	+	.tn-sidebar {
-	position: fixed;	+	width: 15%;
-	top: 0px;	+
-	left: 0px;	+
-	right: 0px;	+
-	bottom: 0px;	+
-	height: 100%;	+
-	width: 100%;	+
-	margin: 0;	+
-	padding: 0;	+
-	border: none;	+
-	background: white;	+
-	z-index: 1;	+
-	display: none;	+
	}		}
-	/*To hide button for debug mode*/	+	#tn-content {
-	.tn-hidden {	+	width: 68%;
-	display: none;	+	text-align: center;
	}		}
-	/*Top menus (left/right)*/	+	/*Filters*/
-	#menubar {	+	#tn-filter-faces, #tn-filter-tags-wrap {
-	background: none !important;	+	width: 175px;
		+	padding: 0.3em;
		+	margin: 0 auto;
		+	background-color: rgb(3, 140, 126);
		+	border: 10px solid rgb(191, 27, 57);
	}		}
-	#menubar ul li {	+	#tn-filter-faces .faces img {
-	color: white !important;	+	display: inline-table;
		+	border: 1px solid black;
		+	margin: 1px 0px;
		+	border-radius: 5px;
		+	width: 75px;
	}		}
-	#menubar:hover {	+	#tn-filter-faces span.tn-title,#tn-filter-tags-wrap span.tn-title {
	display: block;		display: block;
-	position: absolute;	+	font-family: x-small, sans-serif;
-	color: white;	+	font-weight: bold;
		+	color: rgb(240, 242, 223);
		+	margin-bottom: 0.5em;
		+	font-variant: small-caps;
	}		}
-	#menubar:hover ul li {	+	#tn-filter-tags-wrap {
-	color: white;	+	margin: 1em;
	}		}
-	.right-menu li a, .left-menu li a {	+	/*Calendar*/
-	background: none;	+	#tn-calendar-table th,#tn-calendar-table td {
-	color: white !important;	+	width: 30px;
-	text-decoration: none;	+	height: 30px;
-	font-variant: small-caps;	+	font-size: 0.8em;
-	opacity: 0.5;	+	border: 1px solid black;
	}		}
-	.right-menu li a:hover, .left-menu li a:hover {	+	#tn-calendar-table td:hover {
		+	background-color: black;
	color: white;		color: white;
-	opacity: 1.0;
-	text-decoration: underline;
	}		}
-	.left-menu > ul > li[style='color:white;cursor:default'] {	+	/*Addpost button*/
-	display: none !important;	+	a.tn-addpost:link,a.tn-addpost:visited {
-	}	+	display: block;
-		+	padding: 0.3em 0;
-	/*BOX CSS*/	+	margin: auto 0;
-	.tn-box {	+	width: 500px;
-	display: inline-block;	+	height: 30px;
-	text-align: justify;	+	vertical-align: middle;
-	border: 5px double;	+	border-radius: 5px;
-	padding: 0 1em;	+	background: #038c7e;
-	margin: 0.5em auto;	+	color: #f0f2df;
-	font-size: 0.9em;	+	text-decoration: none;
-	font-family: 'PT Sans', sans-serif;	+	font-size: 1.5em;
-	}	+	font-weight: bold;
-		+	font-family: "Trebuchet MS", Helvetica, sans-serif;
-	.tn-box.box-w-1 {	+
-	width: 10%;	+
-	}	+
-		+
-	.tn-box.box-w-2 {	+
-	width: 20%;	+
-	}	+
-		+
-	.tn-box.box-w-3 {	+
-	width: 30%;	+
-	}	+
-		+
-	.tn-box.box-w-4 {	+
-	width: 40%;	+
-	}	+
-		+
-	.tn-box.box-w-5 {	+
-	width: 50%;	+
-	}	+
-		+
-	.tn-box.box-w-6 {	+
-	width: 60%;	+
-	}	+
-		+
-	.tn-box.box-w-7 {	+
-	width: 70%;	+
-	}	+
-		+
-	.tn-box.box-w-8 {	+
-	width: 80%;	+
-	}	+
-		+
-	.tn-box.box-w-9 {	+
-	width: 90%;	+
-	}	+
-		+
-	.tn-box.box-c-1 {	+
-	border-color: #bf1b39;	+
	}		}
-	.tn-box.box-c-2 {	+	a.tn-addpost:hover {
-	border-color: #038c7e;	+	background: #007366;
		+	color: #ffffff;
	}		}

---

Revision as of 09:20, 2 August 2013

1. tn-header-wrap,#tn-footer-wrap,#tn-content-wrap {

display: block; width: 800px; text-align: center; }

1. tn-header-wrap,#tn-footer-wrap {

width: 100%; height: 220px; }

1. tn-footer-wrap {

background-color: #c0c0b6; }

1. tn-content-wrap {

width: 100%; height: 100%; padding: 25px 0; vertical-align: top; }

.tn-sidebar,#tn-content { vertical-align: top; display: inline-block; margin: 0; padding: 0; }

.tn-sidebar { width: 15%; }

1. tn-content {

width: 68%; text-align: center; }

/*Filters*/

1. tn-filter-faces, #tn-filter-tags-wrap {

width: 175px; padding: 0.3em; margin: 0 auto; background-color: rgb(3, 140, 126); border: 10px solid rgb(191, 27, 57); }

1. tn-filter-faces .faces img {

display: inline-table; border: 1px solid black; margin: 1px 0px; border-radius: 5px; width: 75px; }

1. tn-filter-faces span.tn-title,#tn-filter-tags-wrap span.tn-title {

display: block; font-family: x-small, sans-serif; font-weight: bold; color: rgb(240, 242, 223); margin-bottom: 0.5em; font-variant: small-caps; }

1. tn-filter-tags-wrap {

margin: 1em; }

/*Calendar*/

1. tn-calendar-table th,#tn-calendar-table td {

width: 30px; height: 30px; font-size: 0.8em; border: 1px solid black; }

1. tn-calendar-table td:hover {

background-color: black; color: white; }

/*Addpost button*/ a.tn-addpost:link,a.tn-addpost:visited { display: block; padding: 0.3em 0; margin: auto 0; width: 500px; height: 30px; vertical-align: middle; border-radius: 5px; background: #038c7e; color: #f0f2df; text-decoration: none; font-size: 1.5em; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans-serif; }

a.tn-addpost:hover { background: #007366; color: #ffffff; }