Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">
+
<style type=text/css>
-
 
+
.firstHeading {
-
.firstHeading {display: none;}
+
display:none;
 +
}
#content {
#content {
-
  background: url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf;
+
background:url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf;
-
  border: 0px;
+
border:0;
}
}
body {
body {
-
position: relative; background: url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf;
+
position:relative;
 +
background:url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf;
}
}
-
#uicontent {width: 780px;
+
#uicontent {
-
              margin: 5px;  
+
width:780px;
-
              position: relative;
+
margin:5px;
-
              float: left;
+
position:relative;
-
              border: solid 1px;
+
float:left;
-
              padding: 10px;
+
border:solid 1px;
-
              background: #dddddd;}
+
padding:10px;
 +
background:#ddd;
 +
}
-
#footer-box {background-color:#6e8bbf;
+
#footer-box {
-
                border-color:#6e8bbf;}
+
background-color:#6e8bbf;
 +
border-color:#6e8bbf;
 +
}
-
  div#top-section, div#content {border-width: 1px; border-color: #ffffff}
+
div#top-section,div#content {
 +
border-width:1px;
 +
border-color:#fff;
 +
}
 +
 
 +
h2 {
 +
color:#F47F24;
 +
font-weight:bold;
 +
}
 +
 
 +
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;
 +
}
-
  h2 {color:#F47F24; font-weight:bold;} 
 
-
  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*/
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
/**************** horizontal menu coding *****************/
/**************** horizontal menu coding *****************/
#menu {
#menu {
-
float: left;
+
float:left;
}
}
#menu ul {
#menu ul {
-
width: 135px;
+
width:135px;
-
list-style: none;
+
list-style:none;
-
margin: 0;
+
margin:0;
-
padding: 0;
+
padding:0;
-
float: left;
+
float:left;
}
}
-
#menu a.gray, #menu a.orange {
+
#menu a.gray,#menu a.orange {
-
text-align: center;
+
text-align:center;
-
text-transform: uppercase;
+
text-transform:uppercase;
-
display: block;
+
display:block;
-
margin: 0;
+
margin:0;
-
padding: 2px 3px;
+
padding:2px 3px;
}
}
#menu a.orange {
#menu a.orange {
-
color: #003C7D;
+
color:#003C7D;
-
font-weight: bold;
+
font-weight:bold;
-
font-size: 14px;
+
font-size:14px;
-
background: url(https://static.igem.org/mediawiki/2009/4/49/UI09orangebutton.png);
+
background:url(https://static.igem.org/mediawiki/2009/4/49/UI09orangebutton.png);
-
text-decoration: none;
+
text-decoration:none;
}
}
#menu a.gray {
#menu a.gray {
-
color: #000;
+
color:#000;
-
font-weight: normal;
+
font-weight:normal;
-
font-size: 12px;
+
font-size:12px;
-
border-width: 1px;
+
border-width:1px;
-
border-style: solid;
+
border-style:solid;
-
border-color: #ccc #888 #555 #bbb;
+
border-color:#ccc #888 #555 #bbb;
-
text-decoration: none;
+
text-decoration:none;
-
background: #cccccc;
+
background:#ccc;
}
}
#menu a:hover {
#menu a:hover {
-
color: #fff;
+
color:#fff;
-
background: url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
+
background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
}
}
-
#menu li {position: relative;}
+
#menu li {
 +
position:relative;
 +
}
#menu ul ul {
#menu ul ul {
-
position: absolute;
+
position:absolute;
-
z-index: 500;
+
z-index:500;
}
}
#menu ul ul ul {
#menu ul ul ul {
-
position: absolute;
+
position:absolute;
-
top: 0;
+
top:0;
-
left: 100%;
+
left:100%;
}
}
-
div#menu ul ul,
+
div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul {
-
div#menu ul li:hover ul ul,
+
display:none;
-
div#menu ul ul li:hover ul ul
+
}
-
{display: none;}
+
-
div#menu ul li:hover ul,
+
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul {
-
div#menu ul ul li:hover ul,
+
display:block;
-
div#menu ul ul ul li:hover ul
+
}
-
{display: block;}
+
/**************** vertical menu coding *****************/
/**************** vertical menu coding *****************/
-
 
#vmenu {
#vmenu {
-
width: 135px;
+
width:135px;
-
margin: 5px;
+
margin:5px;
-
position: relative;
+
position:relative;
-
float: left;
+
float:left;
}
}
#vmenu ul {
#vmenu ul {
-
list-style: none;
+
list-style:none;
-
margin: 0;
+
margin:0;
-
padding: 0;
+
padding:0;
}
}
-
#vmenu a.main, a.second, a.third {
+
#vmenu a.main,a.second,a.third {
-
text-align: center;
+
text-align:center;
-
display: block;
+
display:block;
-
border-width: 1px;
+
border-width:1px;
-
border-style: solid;
+
border-style:solid;
-
border-color: #ccc #888 #555 #bbb;
+
border-color:#ccc #888 #555 #bbb;
-
margin: 0;
+
margin:0;
-
padding: 0;
+
padding:0;
}
}
#vmenu a.main {
#vmenu a.main {
-
text-transform: uppercase;
+
text-transform:uppercase;
-
color: #fff;
+
color:#fff;
-
font-weight: bold;
+
font-weight:bold;
-
font-size: 14px;
+
font-size:14px;
-
background: #003C7D;
+
background:#003C7D;
-
text-decoration: none;
+
text-decoration:none;
}
}
#vmenu a.second {
#vmenu a.second {
-
text-transform: uppercase;
+
text-transform:uppercase;
-
color: #000;
+
color:#000;
-
font-weight: normal;
+
font-weight:normal;
-
font-size: 12px;
+
font-size:12px;
-
background: #cccccc;
+
background:#ccc;
-
text-decoration: none;
+
text-decoration:none;
}
}
#vmenu a.third {
#vmenu a.third {
-
color: #000;
+
color:#000;
-
font-weight: normal;
+
font-weight:normal;
-
font-size: 12px;
+
font-size:12px;
-
background: #efefef;
+
background:#efefef;
-
text-decoration: none;
+
text-decoration:none;
}
}
#vmenu a.main:hover {
#vmenu a.main:hover {
-
color: #003C7D;
+
color:#003C7D;
-
background: #F47F24;
+
background:#F47F24;
}
}
-
#vmenu a.second:hover, #vmenu a.third:hover {
+
#vmenu a.second:hover,#vmenu a.third:hover {
-
color: #fff;
+
color:#fff;
-
background: #003C7D;
+
background:#003C7D;
}
}
#vmenu li {
#vmenu li {
-
position: relative;
+
position:relative;
}
}
</style>
</style>
<!--[if IE]>
<!--[if IE]>
-
<style type="text/css" media="screen">
+
<style type=text/css media=screen>
-
#menu ul li {float: left; width: 100%;}
+
#menu ul li {
-
#vmenu ul li {float: left; width: 100%;}
+
float:left;
 +
width:100%;
 +
}
 +
 
 +
#vmenu ul li {
 +
float:left;
 +
width:100%;
 +
}
 +
 
</style>
</style>
<![endif]-->
<![endif]-->
<!--[if lt IE 7]>
<!--[if lt IE 7]>
-
<style type="text/css" media="screen">
+
<style type=text/css media=screen>
body {
body {
-
behavior: url(csshover.htc);
+
behavior:url(csshover.htc);
-
font-size: 100%;
+
font-size:100%;
}
}
-
#menu ul li a {height: 1%;}  
+
#menu ul li a {
 +
height:1%;
 +
}
-
#menu a.orange, #menu a.gray {
+
#menu a.orange,#menu a.gray {
-
font: bold 0.7em/1.4em;
+
font:bold .7em/1.4em;
}
}
body {
body {
-
font-size: 100%;
+
font-size:100%;
-
}  
+
}
-
#vmenu ul li {float: left; width: 100%;}
+
 
-
#vmenu ul li a {height: 1%;}  
+
#vmenu ul li {
 +
float:left;
 +
width:100%;
 +
}
 +
 
 +
#vmenu ul li a {
 +
height:1%;
 +
}
}
}

Revision as of 19:12, 17 July 2009

Retrieved from "http://2009.igem.org/Template:UIUC09Temp"