Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)
Line 68: Line 68:
   margin:90px 90px;
   margin:90px 90px;
}
}
 +
 +
#navigation {
 +
margin: 0;
 +
padding: 0 0em;
 +
height: 2em;
 +
list-style: none;
 +
}
 +
 +
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 0.3em;
 +
padding: 0 0em;
 +
}
 +
 +
#navigation > li > a {
 +
float: left;
 +
height: 100%;
 +
color: #00;
 +
text-decoration: none;
 +
line-height: 3;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
}
 +
 +
#navigation > li > a:hover {
 +
color: Black;
 +
text-decoration: underline;
 +
}
 +
 +
#navigation > li.sub {
 +
position: relative;
 +
}
 +
 +
#navigation > li.sub ul {
 +
width: 12em;
 +
margin: 0;
 +
padding: 0.1em 0;
 +
list-style: none;
 +
background: #000;
 +
position: absolute;
 +
top: -1000em;
 +
}
 +
 +
#navigation > li.sub ul li {
 +
width: 90%;
 +
 +
}
 +
 +
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.4em;
 +
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 +
#navigation > li.sub ul li a:hover {
 +
background: #c60;
 +
text-decoration: underline;
 +
}
 +
 +
#navigation > li.sub:hover ul {
 +
top: 2em;
 +
}
 +
.bigcog
.bigcog
{
{

Revision as of 15:04, 10 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;

} .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:60px;
 height:60px;

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

 width:55px;
 height:55px;

}

  1. image{ 
 margin:90px 90px;

}

  1. navigation {

margin: 0; padding: 0 0em; height: 2em; list-style: none; }

  1. navigation > li {

float: left; height: 100%; margin-right: 0.3em; padding: 0 0em; }

  1. navigation > li > a {

float: left; height: 100%; color: #00; text-decoration: none; line-height: 3; font-weight: bold; text-transform: uppercase; }

  1. navigation > li > a:hover {

color: Black; text-decoration: underline; }

  1. navigation > li.sub {

position: relative; }

  1. navigation > li.sub ul {

width: 12em; margin: 0; padding: 0.1em 0; list-style: none; background: #000; position: absolute; top: -1000em; }

  1. navigation > li.sub ul li {

width: 90%;

}

  1. navigation > li.sub ul li a {

height: 100%; display: block; padding: 0.4em; color: #fff; font-weight: bold; text-decoration: none; }

  1. navigation > li.sub ul li a:hover {

background: #c60; text-decoration: underline; }

  1. navigation > li.sub:hover ul {

top: 2em; }

.bigcog { 

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

} .smallcog { 

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

}

  1. windmillarms

{ 

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

}

/*Body*/ body { 

   background-attachment:fixed;
   background-image:url(Groningen2012_AD_20120802_Background.png);
   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;}

|}

Retrieved from "http://2012.igem.org/Team:Groningen/style.css"