"

From 2012.igem.org

Revision as of 09:58, 13 August 2012 (view source) Ismael (Talk | contribs) ← Older edit		Revision as of 10:06, 13 August 2012 (view source) Ismael (Talk | contribs) Newer edit →
Line 69:		Line 69:
	margin:90px 90px;		margin:90px 90px;
	}		}
-		+	<style>
	#cogbig{		#cogbig{
-	padding: 10px;	+	padding: 0px;
	margin: 0px auto;		margin: 0px auto;
	opacity:0.5;		opacity:0.5;
Line 79:		Line 79:
	}		}
		+	</style>
	.bigcog		.bigcog
	{		{

---

Revision as of 10:06, 13 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 {

   background-position: center center;
   font-family: Arial,Helvetica,sans-serif;
   line-height: normal;
   margin-bottom: 30px;
   margin-left: 50px;
   margin-top: 10px;
   width: 900px;
   z-index:1;

} .expand-down * {

 margin: 5;
 padding: 0;

} .expand-down ul {

 padding-top:60px;
 margin-left:10px;

} .expand-down ul li {

 float:left;
 list-style-type:none;

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

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

} .expand-down ul li a span {

 display:none;

} .expand-down ul li:hover a span {

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

} .expand-down ul li:hover a img {

 width:90px;
 height:90px;

} .expand-down ul li:hover + li a img {

 width:80px;
 height:82px;

} .expand-down ul li:hover + li + li a img {

 width:55px;
 height:55px;

}

1. image{

 margin:90px 90px;

} <style>

1. cogbig{

                       padding: 0px;
                       margin: 0px auto;
                       opacity:0.5;
                       filter:alpha(opacity=50);
                       z-index:-1;

               }

</style> .bigcog {

   background-image:url();
   height: 100px;
   width: 100px;
   opacity: 40%;
   top: 25%;
   border: none; 
   z-index: 0;

} .smallcog {

   background-image:url();
   height: 37px;
   width: 36px;
   opacity: 40%;
   top: 37.5%;
   border: none; 
   z-index: 0;

}

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;}

|}