Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
 
(108 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">
+
<style type=text/css>
-
  .firstHeading {display: none;}
+
.firstHeading {
-
  body {height:100%;
+
display:none;
-
        margin:0;
+
}
-
        padding:0;
+
-
        background-color:#003C7D;}
+
-
  #content {background-color:#ffffff;
+
-
            border-left-color:#F47F24;
+
-
            border-right-color:#F47F24;}
+
-
  #uicontent {width: 85.73%;
+
-
              position: relative;
+
-
              float:left;}
+
-
  #footer-box {background-color:#F47F24;
+
-
                border-color:#F47F24;}
+
-
/* Orange Border (deleted global wrapper since this actually works how we wanted it to) */
+
-
  div#top-section, div#content, div#footer-box {border-width: 27px;
+
body {
-
                                                border-color: #F47F24}
+
position:relative;
-
  h2 {color:#F47F24; font-weight:bold;} 
+
background:url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf;
-
  table.calendar td      {vertical-align: top; align: center;}
+
-
  table.month {background-color: #F47F24; border: solid 1px;}
+
-
  table.month .heading td {background-color:#003C7D; color:#F47F24; text-align: center; font-weight:bold; text-size: 140%;}
+
-
  table.month .dow td    { color:#000000; text-align:center; font-size:100%; }
+
-
  table.month td {border: none;
+
-
                  text-align: center;
+
-
                  background-color: #F47F24;
+
-
                  }
+
-
  table.month a:hover {background-color: #CCC; text-decoration: none}
+
-
  .day-active {color:#003C7D; font-weight: bold}
+
-
  .day-empty {color: #000000}
+
-
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
+
-
/**************** horizontal menu coding *****************/
+
-
#menu {
+
-
width: 100%;
+
-
background: #F47F24;
+
-
float: left;
+
}
}
-
#menu ul.one, ul.two {
+
#content {
-
list-style: none;
+
background:url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf;
-
margin: 0;
+
border:0;
-
padding: 0;
+
-
float: left;
+
}
}
-
#menu ul.one {
+
#uicontent {
-
width: 14.27%;
+
width:780px;
 +
position:relative;
 +
float:left;
}
}
-
#menu ul.two {
+
#uicontentbox {
-
width:100%;
+
border:solid 1px;
 +
margin:0px 5px 20px;
 +
padding:10px;
 +
background:#ddd;
 +
}
 +
 
 +
#footer-box {
 +
background-color:#6e8bbf;
 +
border-color:#6e8bbf;
 +
}
 +
 
 +
div#top-section,div#content {
 +
border-width:1px;
 +
border-color:#fff;
 +
}
 +
 
 +
h2 {
 +
color:#F47F24;
 +
font-weight:bold;
 +
}
 +
 
 +
table {
 +
background: #ddd;
 +
}
 +
 
 +
table.calendar td {
 +
vertical-align:top;
 +
align:center;
 +
}
 +
 
 +
table.month {
 +
background-color:#F47F24;
 +
border:solid 1px;
 +
}
 +
 
 +
table.month .heading td {
 +
background-color:#003C7D;
 +
color:#F47F24;
 +
text-align:center;
 +
font-weight:bold;
 +
text-size:140%;
 +
}
 +
 
 +
table.month .dow td {
 +
color:#000;
 +
text-align:center;
 +
font-size:100%;
 +
}
 +
 
 +
table.month td {
 +
border:none;
 +
text-align:center;
 +
background-color:#F47F24;
 +
}
 +
 
 +
table.month a:hover {
 +
background-color:#CCC;
 +
text-decoration:none;
 +
}
 +
 
 +
.day-active {
 +
color:#003C7D;
 +
font-weight:bold;
 +
}
 +
 
 +
.day-empty {
 +
color:#000;
 +
}
 +
 
 +
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
 +
/**************** horizontal menu coding *****************/
 +
#menu {
 +
position:relative;
 +
float:left;
 +
}
 +
 
 +
#menu ul {
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
float:left;
}
}
#menu a.gray, #menu a.orange {
#menu a.gray, #menu a.orange {
-
text-align: center;
+
text-align:center;
-
text-transform: uppercase;
+
vertical-align:top;
-
display: block;
+
text-transform:uppercase;
-
border-width: 1px;
+
display:block;
-
border-style: solid;
+
margin:0;
-
border-color: #ccc #888 #555 #bbb;
+
-
margin: 0;
+
-
padding: 2px 3px;
+
}
}
#menu a.orange {
#menu a.orange {
-
color: #003C7D;
+
width:100px;
-
font-weight: bold;
+
color:#003C7D;
-
font-size: 14px;
+
font-weight:bold;
-
background: #F47F24;
+
font-size:10px;
-
text-decoration: none;
+
background:url(https://static.igem.org/mediawiki/2009/4/49/UI09orangebutton.png);
 +
text-decoration:none;
}
}
#menu a.gray {
#menu a.gray {
-
color: #000;
+
width:125px;
-
font-weight: normal;
+
color:#000;
-
font-size: 12px;
+
font-weight:normal;
-
background: #efefef;
+
font-size:11px;
-
text-decoration: none;
+
border-width:1px;
 +
border-style:solid;
 +
border-color:#ccc #888 #555 #bbb;
 +
text-decoration:none;
 +
background:#ccc;
}
}
-
#menu a:hover {
+
#menu a.orange:hover {
-
color: #fff;
+
color:#fff;
-
background: #003C7D;
+
background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
}
}
-
#menu a.orange:active {
+
#menu a.gray:hover {
-
text-align: center;
+
color:#fff;
-
display: block;
+
-
border-width: 1px;
+
-
border-style: solid;
+
-
border-color: #ccc #888 #555 #bbb;
+
-
margin: 0;
+
-
padding: 2px 3px;
+
-
color: #fff;
+
background: #003C7D;
background: #003C7D;
}
}
-
#menu li {position: relative;}
+
#menu li {
 +
position:relative;
 +
}
-
#menu ul ul {
+
/**************** vertical menu coding (from DynamicDrive) *****************/
-
position: absolute;
+
.vmenu{
-
z-index: 500;
+
margin: 5px;
 +
padding: 0;
 +
width: 135px; /*width of menu*/
 +
position: relative;
 +
float: left;
}
}
-
#menu ul ul ul {
+
.vmenu a.menuitem, .vmenu div.submenu ul li a {
-
position: absolute;
+
height:25px;
-
top: 0;
+
display:block;
-
left: 100%;
+
margin:1px;
 +
padding:0px 5px;
}
}
-
div#menu ul ul,
+
.vmenu a.menuitem{
-
div#menu ul li:hover ul ul,
+
text-transform:uppercase;
-
div#menu ul ul li:hover ul ul
+
color:#fff;
-
{display: none;}
+
font-weight:bold;
 +
font-size:14px;
 +
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
 +
text-decoration:none;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
 +
}
-
div#menu ul li:hover ul,
 
-
div#menu ul ul li:hover ul,
 
-
div#menu ul ul ul li:hover ul
 
-
{display: block;}
 
-
/**************** vertical menu coding *****************/
+
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
 +
color: white;
 +
}
 +
 
 +
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 +
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
 +
}
-
#vmenu {
+
.vmenu a.menuitem:hover{
-
width: 14.27%;
+
color:#fff;
 +
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
}
}
-
#vmenu ul {
+
.vmenu div.submenu ul{ /*UL of each sub menu*/
list-style: none;
list-style: none;
margin: 0;
margin: 0;
Line 132: Line 198:
}
}
-
#vmenu a.main, a.second, a.third {
+
.vmenu div.submenu ul li a{
-
text-align: center;
+
display: block;
display: block;
-
border-width: 1px;
+
color:#fff;
-
border-style: solid;
+
font-weight:bold;
-
border-color: #ccc #888 #555 #bbb;
+
font-size:12px;
-
margin: 0;
+
background:url(https://static.igem.org/mediawiki/2009/1/18/UI09Sidethird.png);
-
padding: 2px 3px;
+
text-decoration:none;
}
}
-
#vmenu a.main {
+
.vmenu div.submenu ul li a:hover{
-
text-transform: uppercase;
+
color:#fff;
-
color: #fff;
+
background:#003C7D;
-
font-weight: bold;
+
-
font-size: 14px;
+
-
background: #003C7D;
+
-
text-decoration: none;
+
}
}
-
#vmenu a.second {
+
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
 +
#nav {
 +
width: 770px;
 +
height: 160px;
 +
margin: 5px;
 +
padding: 0px;
 +
}
 +
 
 +
#nav a {
 +
display: inline-block;
 +
list-style:none;
 +
width: 175px;
 +
height: 150px;
 +
margin: 5px 37px;
 +
border: none;
 +
color: #f00;
 +
font-size: 16px;
 +
font-weight: bold;
text-transform: uppercase;
text-transform: uppercase;
-
color: #000;
+
text-align: center;
-
font-weight: normal;
+
-
font-size: 12px;
+
-
background: #efefef;
+
-
text-decoration: none;
+
}
}
-
#vmenu a.third {
+
#nav a.intro {
-
color: #000;
+
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
-
font-weight: normal;
+
-
font-size: 12px;
+
-
background: #efefef;
+
-
text-decoration: none;
+
}
}
-
#vmenu a.main:hover {
+
#nav a.intro:hover {
-
color: #003C7D;
+
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
-
background: #F47F24;
+
}
}
-
#vmenu a.second:hover, #vmenu a.third:hover {
+
#nav a.research {
-
color: #fff;
+
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
-
background: #003C7D;
+
}
}
-
#vmenu li {
+
#nav a.research:hover {
-
position: relative;
+
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
}
}
-
</style>
+
#nav a.modeling {
-
<!--[if IE]>
+
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
-
<style type="text/css" media="screen">
+
-
#menu ul li {float: left; width: 100%;}
+
-
#vmenu ul li {float: left; width: 100%;}
+
-
</style>
+
-
<![endif]-->
+
-
<!--[if lt IE 7]>
+
-
<style type="text/css" media="screen">
+
-
body {
+
-
behavior: url(csshover.htc);
+
-
font-size: 100%;
+
}
}
-
#menu ul li a {height: 1%;}  
+
#nav a.modeling:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
 +
}
-
#menu a.orange, #menu a.gray {
+
#nav a.protocols {
-
font: bold 0.7em/1.4em;
+
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
}
}
-
body {
+
#nav a.protocols:hover {
-
font-size: 100%;
+
background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png);
-
}  
+
}
-
#vmenu ul li {float: left; width: 100%;}
+
 
-
#vmenu ul li a {height: 1%;}  
+
#nav a.vectors {
 +
background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png);
 +
}
 +
 
 +
#nav a.vectors:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/f/f5/UI09Vectorshover.png);
 +
}
 +
 
 +
#nav a.results {
 +
width: 600px;
 +
height: 35px;
 +
background:#003C7D
 +
}
 +
 
 +
#nav a.results:hover {
 +
background:#6e8bbf;
}
}
</style>
</style>
-
<![endif]-->
 
</html>
</html>

Latest revision as of 03:55, 22 October 2009