Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)
Line 25: Line 25:
}
}
 +
#expand
 +
<style type="text/css">
 +
<!--
 +
.expand-down {
 +
  font-family:Arial, Helvetica, sans-serif;
 +
  line-height:normal;
 +
  margin-top:20px;
 +
  background-image: url(https://2012.igem.org/File:Groningen2012_AD_20120802_SmallCog.png)
 +
  height:150px;
 +
  width:800px;
 +
  margin-left:200px;
 +
  no-repeat;
 +
  margin-bottom:30px;
 +
}
 +
.expand-down * {
 +
  margin: 10;
 +
  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:100px;
 +
  height:100px;
 +
}
 +
.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;
 +
}
 +
-->
 +
</style>

Revision as of 21:59, 8 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*/

  1. top-section

{ 

   height: 208px;
   width: 550px;
   border: none;

}

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


  1. p-logo

{ 

   background-image:url(Groningen2012_ID_20120808_Menu_Home.png);
   background-repeat:no-repeat;

}

  1. expand

<style type="text/css"> </style>


.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"