Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
 
(213 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">
+
<style type=text/css>
-
<!--
+
.firstHeading {
-
  .firstHeading {display: none;}
+
display:none;
-
  body {height:100%; margin:0; padding:0; background-color:#003C7D;}
+
-
  #globalWrapper {left:8%; width:84%; background-color:#F47F24;}
+
-
  #content {background-color:#ffffff;
+
-
            border-left-color:#F47F24;
+
-
            border-right-color:#F47F24;}
+
-
  #footer-box {background-color:#F47F24;
+
-
                border-color:#F47F24;}
+
-
/*Coding for menu bar from DynamicDrive (www.dynamicdrive.com)*/
+
-
.ddsmoothmenu{
+
-
font: bold 12px Verdana;
+
-
background: #F47F24; /*background of menu bar (default state)*/
+
-
width: 100%;
+
}
}
-
.ddsmoothmenu ul{
+
body {
-
z-index:100;
+
position:relative;
-
margin: 0;
+
background:url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf;
-
padding: 0;
+
-
list-style-type: none;
+
}
}
-
/*Top level list items*/
+
#content {
-
.ddsmoothmenu ul li{
+
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 {
 +
position:relative;
 +
float:left;
 +
}
 +
 
 +
#menu ul {
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
float:left;
 +
}
 +
 
 +
#menu a.gray, #menu a.orange {
 +
text-align:center;
 +
vertical-align:top;
 +
text-transform:uppercase;
 +
display:block;
 +
margin:0;
 +
}
 +
 
 +
#menu a.orange {
 +
width:100px;
 +
color:#003C7D;
 +
font-weight:bold;
 +
font-size:10px;
 +
background:url(https://static.igem.org/mediawiki/2009/4/49/UI09orangebutton.png);
 +
text-decoration:none;
 +
}
 +
 
 +
#menu a.gray {
 +
width:125px;
 +
color:#000;
 +
font-weight:normal;
 +
font-size:11px;
 +
border-width:1px;
 +
border-style:solid;
 +
border-color:#ccc #888 #555 #bbb;
 +
text-decoration:none;
 +
background:#ccc;
 +
}
 +
 
 +
#menu a.orange:hover {
 +
color:#fff;
 +
background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
 +
}
 +
 
 +
#menu a.gray:hover {
 +
color:#fff;
 +
background: #003C7D;
 +
}
 +
 
 +
#menu li {
 +
position:relative;
 +
}
 +
 
 +
/**************** vertical menu coding (from DynamicDrive) *****************/
 +
.vmenu{
 +
margin: 5px;
 +
padding: 0;
 +
width: 135px; /*width of menu*/
position: relative;
position: relative;
-
display: inline;
 
float: left;
float: left;
}
}
-
/*Top level menu link items style*/
+
.vmenu a.menuitem, .vmenu div.submenu ul li a {
-
.ddsmoothmenu 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;
-
background: #F47F24; /*background of menu items (default state)*/
+
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
-
color: #003C7D;
+
-
padding: 8px 10px;
+
-
border-right: 1px solid #778;
+
-
color: #003C7D;
+
-
text-decoration: none;
+
}
}
-
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+
 
-
display: inline-block;
+
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
 +
color: white;
}
}
-
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
+
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
-
color: #003C7D;
+
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
}
}
-
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+
.vmenu a.menuitem:hover{
-
background: #003C7D;  
+
color:#fff;
-
color: white;
+
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
}
}
-
.ddsmoothmenu ul li a:hover{
+
.vmenu div.submenu ul{ /*UL of each sub menu*/
-
background: #003C7D; /*background of menu items during onmouseover (hover state)*/
+
list-style: none;
-
color: white;
+
margin: 0;
 +
padding: 0;
}
}
-
+
 
-
/*1st sub level menu*/
+
.vmenu div.submenu ul li a{
-
.ddsmoothmenu ul li ul{
+
display: block;
-
position: absolute;
+
color:#fff;
-
left: 0;
+
font-weight:bold;
-
display: none; /*collapse all sub menus to begin with*/
+
font-size:12px;
-
visibility: hidden;
+
background:url(https://static.igem.org/mediawiki/2009/1/18/UI09Sidethird.png);
 +
text-decoration:none;
}
}
-
/*Sub level menu list items (undo style from Top level List Items)*/
+
.vmenu div.submenu ul li a:hover{
-
.ddsmoothmenu ul li ul li{
+
color:#fff;
-
display: list-item;
+
background:#003C7D;
-
float: none;
+
}
}
-
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
+
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
-
.ddsmoothmenu ul li ul li ul{
+
#nav {
-
top: 0;
+
width: 770px;
 +
height: 160px;
 +
margin: 5px;
 +
padding: 0px;
}
}
-
/* Sub level menu links style */
+
#nav a {
-
.ddsmoothmenu ul li ul li a{
+
display: inline-block;
-
font: normal 13px Verdana;
+
list-style:none;
-
width: 160px; /*width of sub menus*/
+
width: 175px;
-
padding: 5px;
+
height: 150px;
-
margin: 0;
+
margin: 5px 37px;
-
border-top-width: 0;
+
border: none;
-
border-bottom: 1px solid gray;
+
color: #f00;
 +
font-size: 16px;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
text-align: center;
}
}
-
/* Holly Hack for IE \*/
+
#nav a.intro {
-
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
+
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);
 +
}
-
/* ######### CSS classes applied to down and right arrow images  ######### */
+
#nav a.research {
 +
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
 +
}
-
.downarrowclass{
+
#nav a.research:hover {
-
position: absolute;
+
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
-
top: 12px;
+
-
right: 7px;
+
}
}
-
.rightarrowclass{
+
#nav a.modeling {
-
position: absolute;
+
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
-
top: 6px;
+
-
right: 5px;
+
}
}
-
/* ######### CSS for shadow added to sub menus  ######### */
+
#nav a.modeling:hover {
 +
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
 +
}
-
.ddshadow{
+
#nav a.protocols {
-
position: absolute;
+
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
-
left: 0;
+
-
top: 0;
+
-
width: 0;
+
-
height: 0;
+
-
background: silver;
+
}
}
-
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
+
#nav a.protocols:hover {
-
opacity: 0.8;
+
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>
</html>
</html>

Latest revision as of 03:55, 22 October 2009

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