Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
 
(167 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%; margin:0; padding:0; background-color:#003C7D;}
+
display:none;
-
  #content {background-color:#ffffff;
+
}
-
            border-left-color:#F47F24;
+
-
            border-right-color:#F47F24;
+
-
            margin:0;
+
-
            padding:0;}
+
-
  #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: 30px;
+
body {
-
                                                border-color: #F47F24}
+
position:relative;
-
/*Following coding for menubar found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
+
background:url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf;
-
/**************** menu coding *****************/
+
}
 +
 
 +
#content {
 +
background:url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf;
 +
border:0;
 +
}
 +
 
 +
#uicontent {
 +
width:780px;
 +
position:relative;
 +
float:left;
 +
}
 +
 
 +
#uicontentbox {
 +
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 {
#menu {
-
width: 100%;
+
position:relative;
-
background: #F47F24;
+
float:left;
-
float: left;
+
}
}
#menu ul {
#menu ul {
-
list-style: none;
+
list-style:none;
-
margin: 0;
+
margin:0;
-
padding: 0;
+
padding:0;
-
width: 12.65em;
+
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;
+
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: 16px;
+
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:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
 +
}
 +
 
 +
#menu a.gray:hover {
 +
color:#fff;
background: #003C7D;
background: #003C7D;
}
}
-
#menu a.orange:active {
+
#menu li {
-
text-align: center;
+
position:relative;
 +
}
 +
 
 +
/**************** vertical menu coding (from DynamicDrive) *****************/
 +
.vmenu{
 +
margin: 5px;
 +
padding: 0;
 +
width: 135px; /*width of menu*/
 +
position: relative;
 +
float: left;
 +
}
 +
 
 +
.vmenu a.menuitem, .vmenu div.submenu ul li a {
 +
height:25px;
 +
display:block;
 +
margin:1px;
 +
padding:0px 5px;
 +
}
 +
 
 +
.vmenu a.menuitem{
 +
text-transform:uppercase;
 +
color:#fff;
 +
font-weight:bold;
 +
font-size:14px;
 +
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
 +
text-decoration:none;
display: block;
display: block;
-
border-width: 1px;
+
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
-
border-style: solid;
+
-
border-color: #ccc #888 #555 #bbb;
+
-
margin: 0;
+
-
padding: 2px 3px;
+
-
color: #fff;
+
-
background: #003C7D;
+
}
}
-
#menu li {position: relative;}
 
-
#menu ul ul {
+
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
-
position: absolute;
+
color: white;
-
z-index: 500;
+
}
}
-
#menu ul ul ul {
+
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
position: absolute;
-
top: 0;
+
top: 5px;
-
left: 100%;
+
right: 5px;
 +
border: none;
}
}
-
div#menu ul ul,
+
.vmenu a.menuitem:hover{
-
div#menu ul li:hover ul ul,
+
color:#fff;
-
div#menu ul ul li:hover ul ul
+
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
-
{display: none;}
+
}
-
div#menu ul li:hover ul,
+
.vmenu div.submenu ul{ /*UL of each sub menu*/
-
div#menu ul ul li:hover ul,
+
list-style: none;
-
div#menu ul ul ul li:hover ul
+
margin: 0;
-
{display: block;}
+
padding: 0;
 +
}
-
</style>
+
.vmenu div.submenu ul li a{
-
<!--[if IE]>
+
display: block;
-
<style type="text/css" media="screen">
+
color:#fff;
-
#menu ul li {float: left; width: 100%;}
+
font-weight:bold;
-
</style>
+
font-size:12px;
-
<![endif]-->
+
background:url(https://static.igem.org/mediawiki/2009/1/18/UI09Sidethird.png);
-
<!--[if lt IE 7]>
+
text-decoration:none;
-
<style type="text/css" media="screen">
+
-
body {
+
-
behavior: url(csshover.htc);
+
-
font-size: 100%;
+
}
}
-
#menu ul li a {height: 1%;}  
+
.vmenu div.submenu ul li a:hover{
 +
color:#fff;
 +
background:#003C7D;
 +
}
-
#menu a.orange, #menu a.gray {
+
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
-
font: bold 0.7em/1.4em;
+
#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-align: center;
 +
}
 +
 +
#nav a.intro {
 +
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
 +
}
 +
 +
#nav a.intro:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
 +
}
 +
 +
#nav a.research {
 +
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
 +
}
 +
 +
#nav a.research:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
 +
}
 +
 +
#nav a.modeling {
 +
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
 +
}
 +
 +
#nav a.modeling:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
 +
}
 +
 +
#nav a.protocols {
 +
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
 +
}
 +
 +
#nav a.protocols:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png);
 +
}
 +
 +
#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