"

From 2014.igem.org

Revision as of 15:26, 23 July 2014 (view source) SysuDaYu (Talk | contribs) ← Older edit		Latest revision as of 04:54, 16 October 2014 (view source) Lskim (Talk | contribs)
(42 intermediate revisions not shown)
Line 16:		Line 16:
	border-left:none; border-right: none;		border-left:none; border-right: none;
	padding:1px 0px 0px 0px!important;		padding:1px 0px 0px 0px!important;
-		+	background-color: #2b1340;
	}		}
Line 24:		Line 24:
	#menubar {		#menubar {
-	font-size:15px;	+	position:absolute;
-	width:510px;	+	top: -6px;
		+	line-height: 1em;
		+	font-family: sans-serif;
		+	font-size: 95%;
		+	white-space: nowrap;
		+	z-index: 200;
	}		}
	.right-menu {		.right-menu {
-	width:410px;	+	width: 200px;
-	right:95px;	+	text-align: right;
-	background-color: transparent;	+	color: transparent;
		+	text-transform: lowercase;
	}		}
	.right-menu:hover {		.right-menu:hover {
		+	color: white;
	background-color: #555;		background-color: #555;
	}		}
	.right-menu li a{		.right-menu li a{
		+	color:transparent;
	background-color: transparent;		background-color: transparent;
-	color:white;
	text-decoration:none;		text-decoration:none;
	}		}
Line 46:		Line 53:
	.right-menu li a:hover{		.right-menu li a:hover{
	text-decoration:none;		text-decoration:none;
		+	color:white;
	}		}
	.left-menu {		.left-menu {
-	width:510px;	+	width: 400px;
-	top:-1px;	+	left: 0px;
-	font-size:15px;	+	text-align: left;
-	z-index:10001;	+	color: transparent;
		+	text-transform: lowercase;
		+	}
		+
		+	.left-menu a {
		+	left: 0px; text-align: left; color: transparent; text-transform: lowercase;
		+	}
		+	.left-menu:hover {
		+	color: white; background-color: rgb(85, 85, 85);
	}		}
	.left-menu li a{		.left-menu li a{
		+	color: transparent;
	text-decoration:none;		text-decoration:none;
	}		}
		+
		+	.left-menu li {
		+	color: transparent;
		+	}
		+
	.left-menu li a:hover{		.left-menu li a:hover{
	text-decoration:none;		text-decoration:none;
Line 66:		Line 88:
	/* header.css */		/* header.css */
	*{		*{
-	padding:0px;	+	padding:0px;
-	margin: 0px;	+	margin: 0px;
	}		}
-
-
	/*header images */		/*header images */
Line 76:		Line 96:
	#igem-logo img{		#igem-logo img{
	height: 50px;		height: 50px;
-	/* float: right; */	+	/*float: right; */
	position: absolute;		position: absolute;
-	right: 5px;	+	right: 24px;
-	top: 15px;	+	top: 1px;
	}		}
	#team-header-text{		#team-header-text{
Line 95:		Line 115:
	/*navigation*/		/*navigation*/
	#navigation{		#navigation{
-	/* float: right; */
-	height: 80px;
-
	z-index: 100;		z-index: 100;
Line 103:		Line 120:
	top: 0px;		top: 0px;
	width:100%;		width:100%;
-	}
-	.navbar {	+	margin:10px;
-	margin-bottom: 0px;	+
-	overflow: visible;	+
	}		}
	.nav{		.nav{
	display: inline;		display: inline;
-		+	background-color: #eee;
-	/* height: 40px; */	+
-	/* background-color:#A8DBD2;     */	+
-	background-color: #ffffff;	+
-	color:	+
-		+
	}		}
-	.navbar-inverse .nav > li > a{	+	.nav li{
-	font-size: 14px;	+	float: left;
-	}	+	margin-right:25px;
-	/* #nav-li{ */	+
-	/* height: 40px; */	+
-	/* } */	+
-		+
-		+
-		+
-	.navbar-inverse .nav > li.active > a{	+
-	/* background-color: #FFE14B; */	+
-	background-color: #34495e;	+
-	height: 40px;	+
-	}	+
-	.navbar-inverse .nav > li.active > a{	+
-	/* background-color: #FFE14B;  */	+
-	background-color: #34495e;	+
-	border-radius: 5px;	+
-	}	+
-		+
-	.navbar-inverse .navbar-inner {	+
-	background: #ffffff;	+
-	}	+
-		+
-	/*sub navs*/	+
-	.navbar .nav > li > ul {	+
-	width: 100%;	+
-	}	+
-		+
-	#sub-link1{	+
-	/* width:90px; */	+
-	width:100%;	+
-	/* background-color:#A8DBD2;  */	+
-	background-color:#34495e;	+
-	}	+
-	.navbar .nav > li > ul:before {	+
-	border-width: 0px;	+
-	}	+
-		+
-	.navbar .nav {	+
-	width: 90%;	+
-	vertical-align: middle;	+
-	float: none;	+
-	margin: auto;	+
-	text-align: center;	+
-	}	+
-		+
-	.navbar .nav > li {	+
-	margin: auto;	+
-	width: 13.5%;	+
-	text-align: center;	+
-	display: inline-block;	+
-	float: none;	+
-		+
-	}	+
-	.navbar .nav > .nav-li {	+
-	/* width: 10%; */	+
-	}	+
-		+
-	.navbar .nav > li:first-child > a {	+
-	border-radius: 5px;	+
-	}	+
-		+
-	#sub-link2{	+
-	/* width:100px; */	+
-	width:100%;	+
-	/* background-color:#A8DBD2;  */	+
-	background-color:#34495e;	+
-	}	+
-	#sub-link3{	+
-	/* width:135px; */	+
-	width:100%;	+
-	/* background-color:#A8DBD2;  */	+
-	background-color:#34495e;	+
-		+
-	}	+
-	#sub-link4{	+
-	/* background-color:#A8DBD2;  */	+
-	background-color:#34495e;	+
-	/* width:70px; */	+
-	width:100%;	+
-	}	+
-		+
-		+
-	a:focus{	+
-	outline-color:#544444;	+
	}		}
Line 235:		Line 162:
	}		}
-	#totop {	+	h1,h2,h3,h4,h5,h6 {
-	width: 107px;	+	border:none;
-	height: 109px;	+	padding-top: none;
-	background: url(https://static.igem.org/mediawiki/2013/a/ad/Sysuplane.png);	+
-	/* background: url(../img/totop0.png); */	+
-	position: fixed;	+
-	bottom: 5%;	+
-	right: 5%;	+
-	z-index: 10;	+
-	cursor: pointer;	+
	}		}
-	#totop.focustop{	+	p {
-	background : url(https://static.igem.org/mediawiki/2013/9/9d/Totopsmall.png);	+	margin: none;
-	}	+
-	#totop.movingtotop {
-	background: url(https://static.igem.org/mediawiki/2013/2/29/Totoping.png);
-	/* background: url(../img/totop1.png); */
-	}
-	#totop span {
-	background: url(https://static.igem.org/mediawiki/2013/2/29/Totoping.png);
-	display: none;
	}		}

---

Latest revision as of 04:54, 16 October 2014

/*clear original style*/

1. p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks

{ display:none; }

1. globalWrapper {

padding-bottom:0; top:0px;}

1. top-section{

height:0px; border:none; width:100%; }

1. content{

width:100%!important; border-left:none; border-right: none; padding:1px 0px 0px 0px!important; background-color: #2b1340; }

1. contentSub {

   position:absolute;

}

1. menubar {

position:absolute; top: -6px; line-height: 1em; font-family: sans-serif; font-size: 95%; white-space: nowrap; z-index: 200; }

.right-menu { width: 200px; text-align: right; color: transparent; text-transform: lowercase; }

.right-menu:hover { color: white; background-color: #555; }

.right-menu li a{ color:transparent; background-color: transparent; text-decoration:none; }

.right-menu li a:hover{ text-decoration:none; color:white; }

.left-menu { width: 400px; left: 0px; text-align: left; color: transparent; text-transform: lowercase; }

.left-menu a { left: 0px; text-align: left; color: transparent; text-transform: lowercase; } .left-menu:hover { color: white; background-color: rgb(85, 85, 85); }

.left-menu li a{ color: transparent; text-decoration:none; }

.left-menu li { color: transparent; }

.left-menu li a:hover{ text-decoration:none; }

ul,li{ list-style:none; margin-bottom:0 !important;}

/* header.css */

• {

   padding:0px;
   margin: 0px;

}

/*header images */

1. igem-logo img{

height: 50px; /*float: right; */ position: absolute; right: 24px; top: 1px; }

1. team-header-text{

position: relative; left: 130px; top: -67px; }

1. boss-header-image{

position: relative; left: 285px; top: -85px; }

/*navigation*/

1. navigation{

z-index: 100;

position: absolute; top: 0px;

       width:100%;

       margin:10px;

}

.nav{ display: inline; background-color: #eee; }

.nav li{

      float: left;
      margin-right:25px;
 

}

.wrapper { width: 100%; /*padding: 50px 0;*/

       font-size: 17px;
       margin-top: 79px;

}

.wrapper.colored-wrapper { background-color: #dff5f2; } .wrapper.colored-wrapper-dff5f2 { background-color: #dff5f2; } .wrapper.colored-wrapper-f5f5f5 { background-color: #f5f5f5; } .wrapper.colored-wrapper-6d6060 { background-color: #6d6060; } .wrapper.colored-wrapper-544444 { background-color: #544444; } .wrapper.colored-wrapper-ddf4ef { background-color: #ddf4ef; }

h1,h2,h3,h4,h5,h6 {

   border:none;
   padding-top: none;

}

p {

   margin: none;

}