|
|
| Line 1: |
Line 1: |
| - | {{Code}} | + | {{CSS}} |
| | {{Menu}} | | {{Menu}} |
| | | | |
| | <div style="background-color:#EFF8FB;color:black;border:0px solid black;width:950px;height:940px;;"> | | <div style="background-color:#EFF8FB;color:black;border:0px solid black;width:950px;height:940px;;"> |
| - | <div class="menu">
| |
| - | <ul id="menu_items">
| |
| - | <li class="menu_item" > [[Team:Edinburgh|Home]] </li>
| |
| - | <li class="menu_item" > [[Team:Edinburgh/Team|Team]]
| |
| - | <ul class="submenu">
| |
| - | <li class="menu_subitem"> [https://igem.org/Team.cgi?year=2013&team_name=Edinburgh Official Team Profile] </li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class="menu_item" > [[Team:Edinburgh/Project|Project]]
| |
| - | <ul class="submenu">
| |
| - | <li class="menu_subitem"> [[Main_page|Description]] </li>
| |
| - | <li class="menu_subitem"> [[Team:Edinburgh/Parts|Submitted Parts]] </li>
| |
| - | <li class="menu_subitem"> [[Team:Edinburgh/Notebook|Notebook]] </li>
| |
| - | <li class="menu_subitem"> [[Team:Edinburgh/Safety|Safety]] </li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class="menu_item" > [[Team:Edinburgh/Modeling|Modeling]] </li>
| |
| - | <li class="menu_item" > [[Main Page|Human aspects]] </li>
| |
| - | <li class="menu_item" > [[Main Page|Genabler]] </li>
| |
| - | <li class="menu_item" > [[Team:Edinburgh/Attributions|Attributions]] </li>
| |
| | | | |
| - | </ul>
| |
| | | | |
| | </div> | | </div> |
| Line 43: |
Line 22: |
| | | | |
| | </div> | | </div> |
| - |
| |
| - | <HTML>
| |
| - |
| |
| - | <head>
| |
| - | <style>
| |
| - | .menu {
| |
| - | background-color: #E0F8E0;
| |
| - | }
| |
| - |
| |
| - | .menu ul li{
| |
| - | list-style:none;
| |
| - | color:#1b2c8a;
| |
| - | display:inline;
| |
| - | margin-right: 10px;
| |
| - | font-size: 13px;
| |
| - | line-height: 250%;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - |
| |
| - | ul.submenu {
| |
| - | display: none;
| |
| - | background-color: #4488ff;
| |
| - | position: absolute;
| |
| - | z-index: 1000;
| |
| - | width: 150px;
| |
| - | top: 13px;
| |
| - | left: -30px;
| |
| - | }
| |
| - |
| |
| - | li.menu_subitem a {
| |
| - | margin-left: 5px;
| |
| - | color: #fff;
| |
| - | display: block;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - |
| |
| - | li.menu_item {
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | $(function() {
| |
| - | var menu = document.getElementById("menu_items");
| |
| - | var menu_items = menu.childNodes;
| |
| - | for (var i=0; i< menu_items.length; i++) {
| |
| - | if (menu_items[i].tagName == "LI") {
| |
| - | menu_items[i].onmouseover = (function() {
| |
| - | var item = menu_items[i];
| |
| - | return function() {
| |
| - | var children = item.childNodes;
| |
| - | for (var j=0; j< children.length; j++) {
| |
| - | if (children[j].tagName == "UL") {
| |
| - | children[j].style.display="block";
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | }
| |
| - | })();
| |
| - |
| |
| - | menu_items[i].onmouseout = (function() {
| |
| - | var item = menu_items[i];
| |
| - | return function() {
| |
| - | var children = item.childNodes;
| |
| - | for (var j=0; j< children.length; j++) {
| |
| - | if (children[j].tagName == "UL") {
| |
| - | children[j].style.display= "none";
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | }
| |
| - | })();
| |
| - | }
| |
| - | }
| |
| - | });
| |
| - | var links = document.getElementsByTagName( 'a' );
| |
| - |
| |
| - | for( var index = 0; index < links.length; index++ ) {
| |
| - | links[index].removeAttribute( 'title' );
| |
| - | };
| |
| - | </script>
| |
| - |
| |
| - | </head>
| |
| - | </html>
| |
More information and stylish changes coming soon ;)
"
