"

From 2012.igem.org

Revision as of 14:14, 8 August 2012 (view source) Ismael (Talk | contribs) ← Older edit		Latest revision as of 13:21, 14 August 2012 (view source) Ismael (Talk | contribs)
(95 intermediate revisions not shown)
Line 7:		Line 7:
	*/		*/
-
	/*Header*/		/*Header*/
-	#top-section	+
		+	/*test the menubar ID_8-8-2012-16:08*/
		+
		+	#expand
		+
		+	.expand-down
	{		{
-	height: 208px;	+
-	width: 550px;	+	font-family: Arial,Helvetica,sans-serif;
-	border: none;	+	line-height: normal;
		+	margin-bottom: 30px;
		+
		+	margin-top: 0px;
		+	z-index:1;
	}		}
-	#p-logo	+	.expand-down * {
-	{	+	margin: 0px;
-	background-image:url(https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png);	+	padding: 0;
-	height: 104px;	+	z-index:1;
-	width: 550px;	+
-	top: 25%;	+
-	border: none;	+
	}		}
-	/*test the menubar ID_8-8-2012-16:08*/	+	.expand-down ul {
-	#p-logo	+	padding-top:60px;
-	{	+	z-index:1;
-	background-image:url(https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png);	+
-	height: 186px;	+
-	width: 550px;	+
-	top: 25%;	+
-	border: none;	+
	}		}
		+	.expand-down ul li {
		+	list-style-type:none;
		+	z-index:1;
		+	}
		+	.expand-down ul li a {
		+	text-decoration:none;
		+	z-index:1;
		+	}
		+	.expand-down ul li a img {
		+	width:82px;
		+	height:80px;
		+	border:none;
		+	z-index:1;
		+	}
		+	.expand-down ul li a span {
		+	display:none;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover a span {
		+	display:block;
		+	font-size:14px;
		+	text-align:center;
		+	color:#fff;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover a img {
		+	width:80px;
		+	height:82px;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover + li a img {
		+	width:80px;
		+	height:82px;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover + li + li a img {
		+	width:80px;
		+	height:82px;
		+	z-index:1;
-	.bigcog
-	{
-	background-image:url(https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png);
-	height: 100px;
-	width: 100px;
-	opacity: 40%;
-	top: 25%;
-	border: none;
-	z-index: 0;
	}		}
-	.smallcog	+
-	{	+	#image{
-	background-image:url(https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png);	+	margin:80px 82px;
-	height: 37px;	+
-	width: 36px;	+
-	opacity: 40%;	+
-	top: 37.5%;	+
-	border: none;	+
-	z-index: 0;	+
	}		}
		+
	#windmillarms		#windmillarms
	{		{
Line 88:		Line 115:
	border: none;		border: none;
	}		}
		+
	/*Suppress iGEM defaults*/		/*Suppress iGEM defaults*/

---

Latest revision as of 13:21, 14 August 2012

/* Ismael-

Don't worry, the previous style.css has been moved to Team:Groningen/styletest.css. I wanted to play around with the menu elements for a bit. You're right, the menu image is too narrow. The options need to be spaced further apart. There isn't enough space in between for the little cogs.

-Jon

• /

/*Header*/

/*test the menubar ID_8-8-2012-16:08*/

1. expand

.expand-down {

   font-family: Arial,Helvetica,sans-serif;
   line-height: normal;
   margin-bottom: 30px;

   margin-top: 0px;

z-index:1; } .expand-down * {

 margin: 0px;
 padding: 0;

z-index:1;

} .expand-down ul {

 padding-top:60px;

z-index:1;

} .expand-down ul li {

 list-style-type:none;

z-index:1; } .expand-down ul li a { text-decoration:none; z-index:1; } .expand-down ul li a img {

 width:82px;
 height:80px;
 border:none;

z-index:1; } .expand-down ul li a span {

 display:none;

z-index:1; } .expand-down ul li:hover a span {

 display:block;
 font-size:14px;
 text-align:center;
 color:#fff;

z-index:1; } .expand-down ul li:hover a img {

 width:80px;
 height:82px;

z-index:1; } .expand-down ul li:hover + li a img {

 width:80px;
 height:82px;

z-index:1; } .expand-down ul li:hover + li + li a img {

 width:80px;
 height:82px;

z-index:1;

}

1. image{

 margin:80px 82px;

}

1. windmillarms

{

   background-image:url();
   height: 120px;
   width: 104px;
   border: none; 
   z-index: 2;

}

/*Body*/ body {

   background-attachment:fixed;
   background-image:url();
   text-align: justify;
   border: none;

}

1. content

{

   position: relative;
   top:-5px;
   width: 1024px;
   padding: 0px 0px 0px 0px;
   background-color:transparent;
   border: none;

}

1. bodyContent

{

   width: 1024px;
   position: relative;
   padding: 0px 0px 0px 0px;
   background-color:transparent;
   border: none;

}

/*Suppress iGEM defaults*/ a[title="Main Page"]{display: none;} .firstHeading{display: none;}

1. menubar{display: none;}
2. search-controls{display: none;}
3. contentSub{display: none;}
4. catlinks{display: none;}
5. footer-box{display: none;}

|}