"

From 2013.igem.org

Revision as of 23:12, 2 August 2013 (view source) Zachherron (Talk | contribs) ← Older edit		Latest revision as of 19:58, 15 August 2013 (view source) Zachherron (Talk | contribs)
(9 intermediate revisions not shown)
Line 1:		Line 1:
-		+	div#navigation{
-		+	/* Old browsers */
-	div#navigation{	+
-	/* Old browsers */	+
	border-radius: 0px;		border-radius: 0px;
-	padding:90px 0 0 0;	+	padding:90px 0 0 0;
	}		}
Line 11:		Line 9:
	float:left;		float:left;
	position:relative;		position:relative;
-
	}		}
	#navigation ul li a{		#navigation ul li a{
-
	display:block;		display:block;
	padding:7px 12px;		padding:7px 12px;
Line 23:		Line 19:
	white-space:nowrap;		white-space:nowrap;
	border-radius:1px;		border-radius:1px;
		+	}
-	}
	#navigation ul li a:hover{}		#navigation ul li a:hover{}
-	#navigation ul li ul li a{	+	#navigation ul li ul li a{width: 150px;}
-	width: 150px ;	+
-	}	+
	#navigation ul ul li a:hover{		#navigation ul ul li a:hover{
	background:black; /*menu item highlight*/		background:black; /*menu item highlight*/
Line 35:		Line 30:
	background-size:200%;		background-size:200%;
	}		}
		+
	#navigation ul ul{		#navigation ul ul{
-	float: left;	+	float: left;
	position:absolute;		position:absolute;
	height:-99999px;		height:-99999px;
Line 53:		Line 49:
	border-bottom-left-radius:2px;		border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;		border-bottom-right-radius:2px;
-
	}		}
		+
	#navigation ul ul ul {		#navigation ul ul ul {
	margin-left:auto;		margin-left:auto;
	margin-right:auto;		margin-right:auto;
-
-
	opacity: 0;		opacity: 0;
	-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */		-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
Line 67:		Line 61:
	border:1px solid #444;		border:1px solid #444;
	}		}
		+
	#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }		#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
	#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}		#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
-		+	#footer-box {visibility:hidden}
-		+
-	.slideshow img { position:absolute; left:10; top:10; }	+
-		+
-	.slideshow {	+
-	margin: -375px 0px 0px 400px;	+
-	position: absolute;	+
-	width: 520px;	+
-	height: 350px;	+
-	padding: 10px;	+
-	box-shadow: 0 0 10px rgba(0,0,0,0.4);	+
-	}	+
-		+
-		+
-	.side {	+
-	margin: -500px 0px 0px 500px;	+
-	position: absolute;	+
-	width: 520px;	+
-	height: 350px;	+
-	padding: 10px;	+
-		+
-	}	+
-		+
-	#footer-box {	+
-	visibility:hidden	+
-	}	+
	#catlinks {visibility:hidden}		#catlinks {visibility:hidden}
-		+	#top-section {height: 0px;}
-	#top-section {	+	#p-logo {height:0px; overflow:hidden; display:none;}
-	height: 0px; }	+	#search-controls {display:none;}
-	#p-logo {	+
-	height:0px; overflow:hidden; display:none;}	+
-	#search-controls {	+
-	display:none;}	+
	#top-section {		#top-section {
Line 120:		Line 86:
	background-color: transparent;		background-color: transparent;
	color: white;}		color: white;}
		+
	#content {		#content {
	width:100%;		width:100%;
Line 125:		Line 92:
	padding:0;		padding:0;
	}		}
		+
	#content #top, #content #siteSub, #content #contentSub {		#content #top, #content #siteSub, #content #contentSub {
	display:none;		display:none;
Line 130:		Line 98:
	padding:0;		padding:0;
	}		}
		+
	/* Hides default page title beneath banner */		/* Hides default page title beneath banner */
	.firstHeading {		.firstHeading {
Line 138:		Line 107:
	/*------------------------- Layout styles ------------------------*/		/*------------------------- Layout styles ------------------------*/
	body{		body{
-
	margin:0 auto;		margin:0 auto;
	width: 962px;		width: 962px;
Line 144:		Line 112:
	background:#fffdd0;		background:#fffdd0;
	background-attachment: fixed;		background-attachment: fixed;
-	background-size:cover;	+	background-size:cover;
	}		}
		+
	.page{		.page{
	margin: -23px 0 0px 0;		margin: -23px 0 0px 0;
Line 167:		Line 136:
	height:124px;		height:124px;
	padding:0px 0px 0;		padding:0px 0px 0;
		+
	}		}
	.header a#logo{		.header a#logo{
Line 212:		Line 182:
	/*------------------------- General Body ------------------------*/		/*------------------------- General Body ------------------------*/
-	body div {border:black solid 2px; padding:2px;}	+
	/*------------------------- Notebook ------------------------*/		/*------------------------- Notebook ------------------------*/
	.date {font-family: Impact, Arial; font-size: 18px; color: blue;}		.date {font-family: Impact, Arial; font-size: 18px; color: blue;}
-	p {font-size:14px; font-family: Verdana, Arial; color:black;}	+	p {font-size:14px; font-family: Verdana, Arial; color:black; text-align:left;padding:10px;}
		+	#notetitle {font-weight:bold; text-align:center}
		+	#notetable (align:center;}

---

Latest revision as of 19:58, 15 August 2013

div#navigation{

       /* Old browsers */

border-radius: 0px;

       padding:90px 0 0 0;

}

1. navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
2. navigation ul li{

       float:left; 
       position:relative; 

}

1. navigation ul li a{

	display:block;

padding:7px 12px; margin-left:auto;

       margin-right:auto;

font-size:18px; white-space:nowrap; border-radius:1px; }

1. navigation ul li a:hover{}
2. navigation ul li ul li a{width: 150px;}

1. navigation ul ul li a:hover{

       background:black; /*menu item highlight*/

background-repeat:repeat-x;

       color:white; /*text on hover*/

background-size:200%; }

1. navigation ul ul{

       float: left;

position:absolute; height:-99999px; margin-left:auto;

       margin-right:auto;

opacity: 0; /* Hide sub level */ -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; z-index:497; background:#fffdd0; /*menu background*/ padding: 0px; border:1px solid #063257; border-top:1px solid #063257; box-shadow:#111 0 3px 4px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }

1. navigation ul ul ul {

margin-left:auto;

       margin-right:auto; 

opacity: 0; -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */ -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; border-radius:6px; border:1px solid #444; }

1. navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
2. navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}

1. footer-box {visibility:hidden}
2. catlinks {visibility:hidden}
3. top-section {height: 0px;}
4. p-logo {height:0px; overflow:hidden; display:none;}
5. search-controls {display:none;}

1. top-section {

   height:14px;
   width: 100%;
   border: 0;
   background: rgba(51,51,51,1)} 

.left-menu a {

   color: white; }

.left-menu:hover {

   color: white;
   background: transparent; }

.left-menu:hover a {

   color: white; }

.right-menu li a {

   background-color: transparent; 
   color: white;}

1. content {

   width:100%;
   border:none;
   padding:0;

}

1. content #top, #content #siteSub, #content #contentSub {

  display:none;
  margin:0;
  padding:0;

}

/* Hides default page title beneath banner */ .firstHeading {

  height:0px;
  visibility:hidden;

}

/*------------------------- Layout styles ------------------------*/ body{ margin:0 auto;

       width: 962px;
       height: 0 auto;

background:#fffdd0;

       background-attachment: fixed;
       background-size:cover;

}

.page{

       margin: -23px 0 0px 0;
       width:962px;
       height: 0 auto;

background:#ffffff no-repeat center top; }

/*------------------------- Font ------------------------*/ @font-face { p.arial

   font-weight: normal;
   font-style: normal;

}

/*------------------------- Header ------------------------*/ .header{ background:#b20d35 url('https://static.igem.org/mediawiki/2013/8/8a/Invisible_background.png'); width:962px; margin:0 auto ; height:124px; padding:0px 0px 0;

} .header a#logo{ display:block; float:left; outline:none;

       margin:17px 0 0 15px;

} .header a#logo img{ border:0; } .header a#name{

       display:block;
       float:left;
       outline:none;
       margin:17px 0 0 0;

} .header a#name img{

       border:0;

} .header ul{ margin:0 15px 0 0; list-style:none; padding:0px 0 0; float:right; } .header ul li.left{ float:left; margin:0 0 0 36px; } .header ul li.right{ float:right; margin:0 0 0 36px; } .header ul li.selected a,.header ul li a:hover{ color:#fffdd0; } .header ul li a{ font-size:16px; text-decoration:none; color:black;

outline:none; }

/*------------------------- General Body ------------------------*/

/*------------------------- Notebook ------------------------*/ .date {font-family: Impact, Arial; font-size: 18px; color: blue;} p {font-size:14px; font-family: Verdana, Arial; color:black; text-align:left;padding:10px;}

1. notetitle {font-weight:bold; text-align:center}
2. notetable (align:center;}