Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 21: Line 21:
     margin-top: 0px;
     margin-top: 0px;
 +
z-index:1;
}
}
.expand-down * {
.expand-down * {
   margin: 0px;
   margin: 0px;
   padding: 0;
   padding: 0;
 +
z-index:1;
}
}
.expand-down ul {
.expand-down ul {
   padding-top:60px;
   padding-top:60px;
-
  margin-left:10px;
+
z-index:1;
 +
 
}
}
.expand-down ul li {
.expand-down ul li {
   list-style-type:none;
   list-style-type:none;
 +
z-index:1;
}
}
.expand-down ul li a {
.expand-down ul li a {
text-decoration:none;
text-decoration:none;
 +
z-index:1;
}
}
.expand-down ul li a img {
.expand-down ul li a img {
Line 42: Line 47:
   height:80px;
   height:80px;
   border:none;
   border:none;
 +
z-index:1;
}
}
.expand-down ul li a span {
.expand-down ul li a span {
   display:none;
   display:none;
 +
z-index:1;
}
}
.expand-down ul li:hover a span {
.expand-down ul li:hover a span {
Line 51: Line 58:
   text-align:center;
   text-align:center;
   color:#fff;
   color:#fff;
 +
z-index:1;
}
}
.expand-down ul li:hover a img {
.expand-down ul li:hover a img {
   width:80px;
   width:80px;
   height:82px;
   height:82px;
 +
z-index:1;
}
}
.expand-down ul li:hover + li a img {
.expand-down ul li:hover + li a img {
   width:80px;
   width:80px;
   height:82px;
   height:82px;
 +
z-index:1;
}
}
.expand-down ul li:hover + li + li a img {
.expand-down ul li:hover + li + li a img {
   width:80px;
   width:80px;
   height:82px;
   height:82px;
 +
z-index:1;
}
}

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

|}