|
|
(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>
| + | |