Team:Groningen/styletest.css

From 2012.igem.org

(Difference between revisions)
m
m
 
(8 intermediate revisions not shown)
Line 1: Line 1:
 +
/*
 +
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*/
 +
#top-section
 +
{
 +
    height: 208px;
 +
    width: 550px;
 +
    border: none;
 +
}
 +
 +
/*test the menubar ID_8-8-2012-16:08*/
 +
 +
 +
#p-logo
 +
{
 +
    background-image:url(https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png);
 +
    background-repeat:no-repeat;
 +
    background-position:82px 82px;
 +
 +
}
 +
 +
 +
 +
 +
.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
body
{
{
     background-attachment:fixed;
     background-attachment:fixed;
-
     background-image:url(https://static.igem.org/mediawiki/2012/8/8e/ID_20120807_Groningen2012Background.jpg);
+
     background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
     text-align: justify;
     text-align: justify;
 +
    border: none;
 +
}
 +
#content
 +
{
 +
    position: relative;
 +
    top:-5px;
 +
    width: 1024px;
 +
    padding: 0px 0px 0px 0px;
 +
    background-color:transparent;
 +
    border: none;
}
}
-
 
#bodyContent
#bodyContent
{
{
-
 
+
     width: 1024px;
-
     width: 80%;
+
     position: relative;
     position: relative;
     padding: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background-color:transparent;
     background-color:transparent;
-
     background-image:url(https://static.igem.org/mediawiki/2012/b/b6/ID_20120807_Groningen2012transparantback.png);
+
     border: none;
-
    opacity:0.6;
+
-
    filter:alpha(opacity=60); /* For IE8 and earlier */
+
}
}
 +
 +
/*Suppress iGEM defaults*/
 +
a[title="Main Page"]{display: none;}
 +
.firstHeading{display: none;}
 +
#menubar{display: none;}
 +
#search-controls{display: none;}
 +
#contentSub{display: none;}
 +
#catlinks{display: none;}
 +
#footer-box{display: none;}
 +
 +
|}

Latest revision as of 17:03, 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;
   background-position:82px 82px;

}



.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/styletest.css"