Team:EPF-Lausanne/Essai

From 2009.igem.org

(Difference between revisions)
 
(109 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{EPF-Lausanne09}}
 +
<div CLASS="epfl09">
-
<head>
+
blip
-
</head>
+
-
<body>
 
-
<STYLE type=text/css id="default" title="default" name="default">
 
-
*::-moz-any-link br,*:-moz-any-link br {
+
</div>
-
/*a workarround for mozilla*/
+
-
display:none;
+
-
}
+
-
div#menu * {
+
-
  cursor: pointer; /*because IE displays the text cursor
+
-
if the link is inactive*/
+
-
}
+
-
.disabled {
+
-
  color: red !important;
+
-
  background: none !important;
+
-
}
+
-
div#menu {
+
-
  background: #F5F5DC;
+
-
  font: 10px Verdana, sans-serif;
+
-
  height: 15px;
+
-
  white-space: nowrap;
+
-
  width: 100%;
+
-
}
+
-
 
+
-
div#menu .a {
+
-
  background: #F5F5DC;
+
-
  border: 1px solid #F5F5DC;
+
-
  color: #000000;
+
-
  text-decoration: none;
+
-
}
+
-
 
+
-
div#menu .a table {
+
-
  display: block;
+
-
  font: 10px Verdana, sans-serif;
+
-
  white-space: nowrap;
+
-
}
+
-
 
+
-
div#menu table, div#menu table a {
+
-
  display: none;
+
-
}
+
-
 
+
-
div#menu .a:hover, div#menu div.menuitem:hover {
+
-
  background: #7DA6EE;
+
-
  border: 1px solid #000080;
+
-
  color: #0000FF;
+
-
  margin-right:-1px; /*resolves a problem with Opera
+
-
not displaying the right border*/
+
-
}
+
-
 
+
-
div#menu .a:hover table, div#menu div.menuitem:hover table{
+
-
  background: #FFFFFF;
+
-
  border: 1px solid #708090;
+
-
  display: block;
+
-
  position: absolute;
+
-
  white-space: nowrap;
+
-
}
+
-
 
+
-
div#menu .a:hover table a, div#menu div.menuitem:hover table a {
+
-
  border-left: 10px solid #708090;
+
-
  border-right: 1px solid white; /*resolves a jump problem*/
+
-
  color: #000000;
+
-
  display: block;
+
-
  padding: 1px 12px;
+
-
  text-decoration: none;
+
-
  white-space: nowrap;
+
-
  z-index: 1000;
+
-
 
+
-
}
+
-
 
+
-
div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
+
-
  background: #7DA6EE;
+
-
  border: 1px solid #000000;
+
-
  border-left: 10px solid #000000;
+
-
  color: #000000;
+
-
  display: block;
+
-
  padding: 0px 12px;
+
-
  text-decoration: none;
+
-
  z-index: 1000;
+
-
}
+
-
 
+
-
td {
+
-
  border-width: 0px;
+
-
  padding: 0px 0px 0px 0px;
+
-
}
+
-
.menuitem {
+
-
  float: left;
+
-
  margin: 1px 1px 1px 1px;
+
-
  padding: 1px 1px 1px 1px;
+
-
}
+
-
 
+
-
.menuitem * {
+
-
  padding: 0px 0px 0px 0px;
+
-
}
+
-
#other {
+
-
  height: auto;visibility: visible;
+
-
}
+
-
#moz{
+
-
  height: 1px;visibility: hidden;
+
-
}
+
-
#moz::-moz-cell-content{
+
-
  height: auto; visibility: visible;
+
-
}
+
-
#other::-moz-cell-content{
+
-
  height: 1px; visibility: hidden;
+
-
}
+
-
#holder {
+
-
  width: 100%;
+
-
}
+
-
 
+
-
</STYLE>
+
-
 
+
-
<TABLE id=holder>
+
-
    <TR>
+
-
        <TD id="other">
+
-
            <DIV id="menu">
+
-
                <DIV class="menuitem">
+
-
                    <a class="a" href='#'>File<BR>
+
-
                    <TABLE>
+
-
                        <TR>
+
-
                            <TD><a href=#2>Open ili op dulgo</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href=#3>Save</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href=#4>Close</A></TD>
+
-
                        </TR>
+
-
                    </TABLE>
+
-
                </DIV>
+
-
                <DIV class="menuitem">
+
-
                    <A class="a" href="#11">Help<BR>
+
-
                    <TABLE>
+
-
                        <TR>
+
-
                            <TD><a class="disabled">..</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href=#13>Index</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href="#14">About</A></TD>
+
-
                        </TR>
+
-
                    </TABLE>
+
-
                </DIV>
+
-
            </DIV>
+
-
        </TD>
+
-
    </TR>
+
-
    <TR>
+
-
        <TD id="moz"> Mozilla specific menu!
+
-
            <DIV id="menu">
+
-
                <DIV class="menuitem">
+
-
                    <a class="a" href='#'>Filezilla</A>
+
-
                    <TABLE>
+
-
                        <TR>
+
-
                            <TD><a href=#2>Open</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href=#3>Save</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href=#4>Close</A></TD>
+
-
                        </TR>
+
-
                    </TABLE>
+
-
                    </a>
+
-
                </DIV>
+
-
                <DIV class="menuitem">
+
-
                    <A class="a" href="#11">Helpzilla</A>
+
-
                    <TABLE>
+
-
                        <TR>
+
-
                            <TD><a class="disabled">..</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href=#13>Index</A></TD>
+
-
                        </TR>
+
-
                        <TR>
+
-
                            <TD><a href="#14">About</A></TD>
+
-
                        </TR>
+
-
                    </TABLE>
+
-
                    </A>
+
-
                </DIV>
+
-
            </DIV>
+
-
        </TD>
+
-
    </TR>
+
-
</TABLE><BR>
+
-
 
+
-
</body>
+
-
</html>
+

Latest revision as of 18:02, 2 July 2009

blip