Team:Groningen/style.css

From 2012.igem.org

(Difference between revisions)

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

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;

}

image{

 margin:80px 82px;

}

windmillarms

{

   background-image:url();
   height: 120px;
   width: 104px;
   border: none; 
   z-index: 2;

}

/*Body*/ body {

   background-attachment:fixed;
   background-image:url();
   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*/ 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;}

|}

@@ Line 15: / Line 15: @@
 .expand-down
 {
-    background-position: center center;
      font-family: Arial,Helvetica,sans-serif;
      line-height: normal;
      margin-bottom: 30px;
-    margin-left: 50px;
-     margin-top: 10px;
+     margin-top: 0px;
-    width: 900px;
+z-index:1;
-    z-index:1;
-<body>
-<img id="cogbig" img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="90" height="90"/>
-</body>
 }
 .expand-down * {
-   margin: 5;
+   margin: 0px;
    padding: 0;
+z-index:1;
 }
 .expand-down ul {
    padding-top:60px;
-  margin-left:10px;
+z-index:1;
 }
 .expand-down ul li {
-  float:left;
    list-style-type:none;
+z-index:1;
 }
 .expand-down ul li a {
 	text-decoration:none;
+z-index:1;
 }
 .expand-down ul li a img {
@@ Line 46: / Line 47: @@
    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 {
@@ Line 55: / Line 58: @@
    text-align:center;
    color:#fff;
+z-index:1;
 }
 .expand-down ul li:hover a img {
-   width:90px;
+   width:80px;
-   height:90px;
+   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:55px;
+   width:80px;
-   height:55px;
+   height:82px;
+z-index:1;
 }
 #image{
-   margin:90px 90px;
+   margin:80px 82px;
 }
-#cogbig{
-                        padding: 10px;
-                        margin: 20px auto;
-                        opacity:0.5;
-                        filter:alpha(opacity=50);
-                        z-index:-1;
-                }
-.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
 {