Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)
m
m
Line 9: Line 9:
/*Header*/
/*Header*/
-
#top-section
+
#menuimages
{
{
-
     height: 208px;
+
    background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Menu.png);
 +
     height: 104px;
     width: 550px;
     width: 550px;
 +
    top: 25%;
     border: none;  
     border: none;  
 +
    z-index: 1;
}
}
-
#p-logo
+
.bigcog
{
{
-
    height: 104px;
+
     background-image:url(https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png);
-
    width: 550px;
+
    height: 100px;
-
     background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Menu.png);
+
    width: 100px;
 +
    opacity: 40%;
     top: 25%;
     top: 25%;
     border: none;  
     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;
}
}
-
 
/*Body*/
/*Body*/
Line 55: Line 69:
a[title="Main Page"]{display: none;}
a[title="Main Page"]{display: none;}
.firstHeading{display: none;}
.firstHeading{display: none;}
 +
#top-section{display: none;}
#menubar{display: none;}
#menubar{display: none;}
#search-controls{display: none;}
#search-controls{display: none;}

Revision as of 01:26, 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. menuimages

{

   background-image:url(Groningen2012_AD_20120802_Menu.png);
   height: 104px;
   width: 550px;
   top: 25%;
   border: none; 
   z-index: 1;

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

}

/*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. top-section{display: none;}
  2. menubar{display: none;}
  3. search-controls{display: none;}
  4. contentSub{display: none;}
  5. catlinks{display: none;}
  6. footer-box{display: none;}