Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)
Line 8: Line 8:
*/
*/
-
<style type="text/css">
+
 
-
h1.pos_left
+
-
{
+
-
position:relative;
+
-
left:50px;
+
-
}
+
-
h2.pos_left
+
-
{
+
-
position:relative;
+
-
left:150px;
+
-
}
+
-
</style>
+
-
</head>
+
/*Header*/
/*Header*/
Line 41: Line 29:
-
<body>
+
 
-
<h1 class="pos_left">
+
#p-logo
#p-logo
{
{
Line 51: Line 38:
     border: none;  
     border: none;  
}
}
-
</h1>
+
 
-
<h2 class="pos_left>
+
{
{
     background-image:url(https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png);
     background-image:url(https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png);
Line 60: Line 46:
     border: none;  
     border: none;  
}
}
-
</h2>
+
 
-
</body>
+
-
</html>
+

Revision as of 14:35, 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; 

}

  1. p-logo

{

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

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



  1. p-logo

{

   background-image:url(Groningen2012_ID_20120808_Menu_Home.png);
   height: 82px;
   width: 80px;
   top: 25%;
   border: none; 

}

{

   background-image:url(Groningen2012_ID_20120808_Menu_Team.png);
   height: 82px;
   width: 80px;
   top: 25%;
   border: none; 

}



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

|}