Team:Aberdeen Scotland/css

From 2009.igem.org

(Difference between revisions)
Line 8: Line 8:
/* layout */
/* layout */
-
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
+
* {font-size: 100%; margin: 0; padding: 0;}
body {position: relative; background: url(https://static.igem.org/mediawiki/2009/0/0e/Bg_body_edge.gif) top left repeat-x #A0C8DA;}
body {position: relative; background: url(https://static.igem.org/mediawiki/2009/0/0e/Bg_body_edge.gif) top left repeat-x #A0C8DA;}
-
#pagewrapper {display: block; width: 950px; background: url(https://static.igem.org/mediawiki/2009/3/37/Bg_main_wide.gif) top repeat-y; text-align: left; margin: 0 auto; font: 80% Verdana, Arial, Helvetica, sans-serif;  }
+
#pagewrapper {display: block; width: 950px; background: url(https://static.igem.org/mediawiki/2009/3/37/Bg_main_wide.gif) top repeat-y; text-align: left; margin: 0 auto; font: 100% Verdana, Arial, Helvetica, sans-serif;  }
#titleheader {display:block;background: url(https://static.igem.org/mediawiki/2009/f/f7/Bg_header2.GIF); }
#titleheader {display:block;background: url(https://static.igem.org/mediawiki/2009/f/f7/Bg_header2.GIF); }
#subtitle { 0px 50% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
#subtitle { 0px 50% no-repeat; padding: 7px 0px 12px 21px; color:#fff;}
Line 20: Line 20:
.commentbar {color: #CADFED; margin: 5px 0px 0px 0px;}
.commentbar {color: #CADFED; margin: 5px 0px 0px 0px;}
.commentbar a, a:visited {color: white; text-decoration: none;}
.commentbar a, a:visited {color: white; text-decoration: none;}
-
#mainnavigation {margin: 0px 7px 0px 7px; padding: 20px 20px 9px 20px;}
+
#mainnavigation {margin: 0px 7px 0px 7px; padding: 20px 20px 9px 20px}
#mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px 8px 10px 8px;}
#mainpic {height:350px; border-top: 3px solid gray;border-bottom: 3px solid gray;margin: 0px 8px 10px 8px;}
#pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:260px; background: url(https://static.igem.org/mediawiki/2009/a/a1/Transparent.jpg)}
#pagetitlewrapper {border-top: 3px solid gray; height: 75px; position :relative; padding: 10px 0px 5px 20px; top:260px; background: url(https://static.igem.org/mediawiki/2009/a/a1/Transparent.jpg)}
Line 67: Line 67:
a:link, a:visited {text-decoration: none; color:#003399;}
a:link, a:visited {text-decoration: none; color:#003399;}
a:hover {color: #D76519;}
a:hover {color: #D76519;}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*======================== MENU STYLE =========================*/
/*======================== MENU STYLE =========================*/
Line 77: Line 90:
padding:0;
padding:0;
width:90%;
width:90%;
-
        height: 35px;
+
height:35px;/* 36px masthead height + 18px button height + 1px lower border*/
min-width:560px;
min-width:560px;
-
 
}
}
Line 88: Line 100:
height: 1px;          /* into a second nested div (see 2nd nested div next */
height: 1px;          /* into a second nested div (see 2nd nested div next */
border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
-
 
}
}
Line 95: Line 106:
margin-left:-560px;
margin-left:-560px;
height: 1px;
height: 1px;
-
 
}
}
Line 105: Line 115:
position:relative;        /* establish a menu-relative positioning context */
position:relative;        /* establish a menu-relative positioning context */
float:left;                                    /* play nicely with others */
float:left;                                    /* play nicely with others */
-
        margin:0px;
+
margin:0;
padding:0;
padding:0;
border:0;
border:0;
-
height:35px;                                  /* the menu's overall height */
+
height:30px;                                  /* the menu's overall height */
width:100%;        /* we always want our menu to fill the available space */
width:100%;        /* we always want our menu to fill the available space */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
Line 121: Line 131:
.menu ul {
.menu ul {
padding:0;
padding:0;
-
        vertical-align: bottom;
 
margin:0;
margin:0;
border:0;
border:0;
Line 132: Line 141:
position:relative;    /* create local positioning contexts for each button */
position:relative;    /* create local positioning contexts for each button */
margin:0;
margin:0;
-
padding:0;
 
-
        vertical-align: bottom;
 
-
        list-style-type: none;
 
}
}
.menu ul li table {
.menu ul li table {
-
padding:0;
+
margin:-1px 0;             /* IE5 needs -1px top and bottom table margins */
-
margin:0;              /* re-zero the table margins for everyone but IE5 */
+
m\argin:0;              /* re-zero the table margins for everyone but IE5 */
border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
-
font-size:13px;        /* this sets the base font size for our entire menu */
+
font-size:12px;        /* this sets the base font size for our entire menu */
-
        vertical-align: bottom;
+
-
        list-style-type: none;
+
}
}
Line 149: Line 153:
.drop {
.drop {
display:block;
display:block;
-
padding:2px .5em;       /* this sets the l/r margins for our menu item */
+
padding:0px .5em;       /* this sets the l/r margins for our menu item */
margin:0;
margin:0;
text-align:right;  /* this right alignment goes with the float:left below */
text-align:right;  /* this right alignment goes with the float:left below */
Line 160: Line 164:
}
}
 +
.rightmenu {
 +
position:relative;  /* establish a local positioning context for YAH label */
 +
float:right;                  /* and right-align it at the top of our page */
 +
}
Line 175: Line 183:
float:left;
float:left;
text-decoration:none;
text-decoration:none;
-
height:35px;
+
height:30px;
width:9em;
width:9em;
Line 302: Line 310:
   color:white;
   color:white;
}
}
 +
 +
 +
 +
 +
 +
/* footer */
/* footer */
#wikifooter {clear: both; display: block; width: 950px; background: url(https://static.igem.org/mediawiki/2009/8/8d/Bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #A0C8DA; text-align: center;}
#wikifooter {clear: both; display: block; width: 950px; background: url(https://static.igem.org/mediawiki/2009/8/8d/Bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #A0C8DA; text-align: center;}
Line 308: Line 322:
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;}
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;}
#wikifooter a, #wikifooter a:visited {color: #808080;}
#wikifooter a, #wikifooter a:visited {color: #808080;}
 +
</style>
</style>
</html>
</html>

Revision as of 14:17, 6 August 2009

Retrieved from "http://2009.igem.org/Team:Aberdeen_Scotland/css"