"

From 2013.igem.org

Revision as of 15:48, 22 August 2013 (view source) JuliaS1992 (Talk | contribs) m ← Older edit		Revision as of 16:20, 22 August 2013 (view source) JuliaS1992 (Talk | contribs) m Newer edit →
Line 48:		Line 48:
	#top-matter {		#top-matter {
	width:100%;		width:100%;
-	overflow:hidden;
-	position: relative;
	z-index:777;		z-index:777;
	}		}
Line 78:		Line 76:
	#main-content {		#main-content {
	margin-left:12em;		margin-left:12em;
		+	min-height:500px;
	padding:1px;		padding:1px;
	height:100%;		height:100%;
Line 123:		Line 122:
	/*****************************/		/*****************************/
	#main-menu {		#main-menu {
-	height:15.5em;	+	height:200px;
	position:absolute;		position:absolute;
-	top:-7em;	+	top:-100px;
-	width:120%;	+	width:100%;
-	left: -10%;	+
	z-index:999;		z-index:999;
	background-color:#292929;		background-color:#292929;
	border-bottom-left-radius:100%;		border-bottom-left-radius:100%;
	border-bottom-right-radius:100%;		border-bottom-right-radius:100%;
		+	margin: 0;
		+	padding: 0;
		+	border:0;
	}		}
-	#menu-title {	+	#menu-title{
	top:100px;		top:100px;
-	color:white;	+	color:#b9cde5;
	position:relative;		position:relative;
	border-bottom:none;		border-bottom:none;
	}		}
-	.menu-title-green { color:#c3d69b; }
-	.menu-title-blue{ color:#b9cde5; }
-
	.menu-item {		.menu-item {
	display:inline-block;		display:inline-block;
Line 181:		Line 179:
	width:100%;		width:100%;
	z-index:888;		z-index:888;
-	padding-top:8em;	+	height:120px;
-	padding-bottom:0.5em;	+	padding-top:1%;
		+	padding-bottom:1%;
	text-align:left;		text-align:left;
	}		}
	#title-line * {		#title-line * {
-	display:inline-block;	+	display:block;
		+	position:absolute;
		+	top:50px;
	}		}
	#title-line a {		#title-line a {
-	height:5em;	+	width:4em;
	}		}
	#team-logo{		#team-logo{
-	margin-left:3.5em;	+	margin-left:5em;
	}		}
	#team-logo img {		#team-logo img {
-	height:100%;	+	width:100%;
	}		}
	#PS {		#PS {
-	margin-left:3.5em;	+	margin-left:12em;
-	}	+
-	#PS h1 {	+
-	padding:0em;	+
-	border-style:none;	+
-	color: #254061;	+
	}		}
	#flubber {		#flubber {
	width:2em;		width:2em;
		+	margin-left:70%;
	}		}
	#flubber img {		#flubber img {
Line 212:		Line 209:
	}		}
	#igem-2013 {		#igem-2013 {
-	float:right;	+	width:3em;
-	margin-right:3em;	+	margin-left:80%;
	}		}
	#igem-2013 img {		#igem-2013 img {
-	height:100%;	+	width:100%;
	}		}
	#top-separator {		#top-separator {

---

Revision as of 16:20, 22 August 2013

/* Hiding predefined html elements */ /***********************************/

1. contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {

display:none; padding:0px; margin:0px; }

/* Resize general layout */ /*************************/ body { background-color:#606060; text-align:center; }

1. content {

display:inline-block; position:relative; min-width:800px; width:100%; max-width:3000px; margin:0px; padding:0px; text-align:center; z-index:888; }

1. top-section, #footer-box {

min-width:800px; width:100%; max-width:3000px; padding:0px; margin:0px; display:inline-block; text-align:left; }

1. top-section {

position:fixed; height:5px; border:none; z-index:999; }

1. footer-box * {

margin:5px; }

1. bodyContent {

margin:0px; z-index:877; }

1. top-matter {

width:100%; z-index:777; } .center-vert { display:inline-block; width:100%; color:#000000; background-color:white; } .content-hori { vertical-align:top; display:block; text-align:left; }

1. navigation-bar {

position:absolute; width:12em; color: white; }

1. navigation-bar a{

color: white; }

1. main {

background-color:#292929; min-height:500px; }

1. main-content {

margin-left:12em; min-height:500px; padding:1px; height:100%; background-color:white; border-left-style:solid; border-left-width:0.5%; border-left-color:#606060; }

/* Override general formatting */ /*******************************/

• { font-family:sans-serif;}

p { margin:0px;} a:link { color:black; text-decoration:none; } a:visited { color:black; text-decoration:none; } a:focus { color:black; text-decoration:underline; } a:hover { font-weight:bold; color:#FFD83D; text-decoration:underline; } a:active { font-weight:bold; color:red; text-decoration:underline; }

/* Change user editing menu appearance */ /***************************************/

1. menubar {

top:-5px; }

1. menubar, #menubar:hover, .left-menu, .left-menu:hover, .right-menu, .right-menu:hover, .right-menu li a, .right-menu a:hover, #top-section, #top-section:hover {

background-color:transparent; } .left-menu li a { color:transparent; } .left-menu ul li:last-child, .right-menu li a { color:#AAAAAA; color:#AAAAAA !important; }

1. top-section:hover .left-menu li a{

color:#AAAAAA; }

1. menubar li a:hover {

color:#FFD83D; color:#FFD83D !important; }

/* Define top navigation bar */ /*****************************/

1. main-menu {

height:200px; position:absolute; top:-100px; width:100%; z-index:999; background-color:#292929; border-bottom-left-radius:100%; border-bottom-right-radius:100%; margin: 0; padding: 0; border:0; }

1. menu-title{

top:100px; color:#b9cde5; position:relative; border-bottom:none; } .menu-item { display:inline-block; vertical-align:top; z-index:999; position:relative; width:10%; background-color:transparent; top:100px; } .menu-item a { display:block; border:none; width:100%; color:#b9cde5; } .menu-item ul { width:100%; display:none; background-color:#292929; list-style:none; border:none; margin:0pt; color: #b9cde5; } .menu-item ul a { color: #b9cde5; } .menu-item ul li { border-bottom: 1pt solid; } .menu-item a:hover + ul, .menu-item ul:hover { display:block; }

/* Define title line containing logos */ /**************************************/

1. title-line {

width:100%; z-index:888; height:120px; padding-top:1%; padding-bottom:1%; text-align:left; }

1. title-line * {

display:block; position:absolute; top:50px; }

1. title-line a {

width:4em; }

1. team-logo{

margin-left:5em; }

1. team-logo img {

width:100%; }

1. PS {

margin-left:12em; }

1. flubber {

width:2em; margin-left:70%; }

1. flubber img {

width:100%; }

1. igem-2013 {

width:3em; margin-left:80%; }

1. igem-2013 img {

width:100%; }

1. top-separator {

background-color:#FFCC00; height:20px; text-align:left; }

1. top-separator * {

margin-left:12em; }

/* Style left navigation bar */ /*****************************/

1. navigation-bar ul, #navigation-bar li {

margin-top:0px; margin-bottom:0px; margin-right:0px; padding:0px; line-height:20px; }

1. navi-highlight {

/* change color in javascript*/ }

/* Go to top and guided tour navigation */ /*********************************************/

1. goto-top {

position:fixed; z-index:999; bottom:5%; margin-left:70%; }

1. tour-navi {

position:fixed; z-index:999; bottom:5%; margin-left:60%; width:100px; height:50px; display:none; }

1. tour-navi ul {

/* background-image:url(../png/Guided_Navigation.svg); */ background-repeat:no-repeat; background-position:top center; width:100%; height:100%; list-style:none; }

1. tour-navi ul li {

float:left; }

1. tour-navi ul .tour-text {

position:absolute; width:70px; top:40px; left:15px; display:none; }

1. tour-navi #tour-rev, #tour-navi #tour-pause, #tour-navi #tour-fwd {

   height: 80%;
   width: 33%;

}

1. tour-navi ul li a {

display:block; text-decoration:none; width:100%; height:100%; }

1. tour-navi #tour-fwd:hover + li, #tour-navi #tour-pause:hover + li, #tour-navi #tour-rev:hover + li {

display:block; }