Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)
Line 77: Line 77:
}
}
-
.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
 
-
{
 
-
    background-image:url(https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png);
 
-
    height: 37px;
 
-
    width: 36px;
 
-
    opacity: 40%;
 
-
    top: 37.5%;
 
-
    border: none;
 
-
    z-index: 0;
 
-
}
 
-
#windmillarms
 
-
{
 
-
    background-image:url(https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png);
 
-
    height: 120px;
 
-
    width: 104px;
 
-
    border: none;
 
-
    z-index: 2;
 
-
}
 
-
/*Body*/
 
-
body
 
-
{
 
-
    background-attachment:fixed;
 
-
    background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
 
-
    text-align: justify;
 
-
    border: none;
 
-
}
 
-
#content
 
-
{
 
-
    position: relative;
 
-
    top:-5px;
 
-
    width: 1024px;
 
-
    padding: 0px 0px 0px 0px;
 
-
    background-color:transparent;
 
-
    border: none;
 
-
}
 
-
#bodyContent
 
-
{
 
-
    width: 1024px;
 
-
    position: relative;
 
-
    padding: 0px 0px 0px 0px;
 
-
    background-color:transparent;
 
-
    border: none;
 
-
}
 
/*Suppress iGEM defaults*/
/*Suppress iGEM defaults*/

Revision as of 01:02, 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*/

  1. top-section

{

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

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

  1. expand

.expand-down {

 font-family:Arial, Helvetica, sans-serif;
 line-height:normal;
 margin-top:10px;
 background-image: url(Groningen2012_AD_20120802_BigCog.png) 
 height:150px;
 width:800px;
 margin-left:200px;
 no-repeat;
 margin-bottom:30px;

background-position: center; } .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;

}

  1. image{
 margin:100px 100px;

}


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

|}