|
|
Line 468: |
Line 468: |
| <style type="text/css"> | | <style type="text/css"> |
| #content {z-index:4;} | | #content {z-index:4;} |
- | #ddwrapper * {z-index:8 !important;}
| |
- |
| |
- | div#ddwrapper {
| |
- | margin:0;
| |
- | padding:0;
| |
- | height:28px;
| |
- | width:965px; /* change to adjust imperfections in width */
| |
- | }
| |
- | div#ddnav {
| |
- | margin:0 auto; /* needed to center the dropdown */
| |
- | padding:0;
| |
- | top:5px;
| |
- | /* width: 965px */
| |
- | visibility:hidden; /* dropdown is hidden until properly initalised by javascript */
| |
- | }
| |
- | div#ddtoggle {
| |
- | margin:0;
| |
- | position:fixed;
| |
- | right:2px;
| |
- | top:15px;
| |
- | height:10px;
| |
- | width:10px;
| |
- | z-index:100;
| |
- | }
| |
- |
| |
- | #ddnav ul {
| |
- | display:table-row; /* works only for firefox, later adjusted by javascript for IE */
| |
- | margin:0 auto;
| |
- | padding:0;
| |
- | }
| |
- | #ddnav ul li {
| |
- | display:table-cell; /* works only for firefox, later adjusted by javascript for IE */
| |
- | list-style:none;
| |
- | margin:0;
| |
- | padding:0 !important;
| |
- | border-right:1px solid #FFF; /* creates illusion of spacing between tabs */
| |
- | }
| |
- | #ddnav ul li:last-child{border-right:none;}
| |
- | #ddnav a{
| |
- | display:block;
| |
- | margin:0;
| |
- | padding:4px 9px; /* play with dimensions for size of tabs */
| |
- | background-color:#39275B; /* background color for tabs */
| |
- | color:#FFF !important; /* font color for text in tabs */
| |
- | text-align:center; /* aligning for text in tabs */
| |
- | text-decoration:none !important;
| |
- | font:bold 10pt Trebuchet MS; /* font properties for text in tabs */
| |
- | outline:0;
| |
- | }
| |
- | #ddnav ul li a:hover {background-color:#99CCFF;}/* background color for tabs on mouseover */
| |
- | #ddnav li a:active {outline:none;} /* remove standard dotted border for links when clicked (IE) */
| |
- | #ddnav li a:focus {-moz-outline-style:none;} /* remove standard dotted border for links when clicked (FF) */
| |
- | #ddnav div {
| |
- | display:none;
| |
- | position:absolute;
| |
- | width:9em;
| |
- | background-color:#000; /* bug solution, do not change ! */
| |
- | border:1px solid #5970B2; /* border color for dropdown menus */
| |
- | opacity:0.9; /* transparancy of the dropdown menus (FF) */
| |
- | filter:alpha(opacity=90); /* transparancy of the dropdown menus (IE) */
| |
- | }
| |
- | #ddnav div a {
| |
- | display:block;
| |
- | padding:5px 10px; /* play with dimensions of block element in dropdown menus */
| |
- | position:relative;
| |
- | font:normal 8pt arial; /* font properties for text in dropdown menus */
| |
- | text-align:left; /* aligning of text in dropdown menus */
| |
- | cursor:pointer;
| |
- | }
| |
- | #ddnav div a:hover, #ddnav span a:hover {color:#000 !important;} /* text color on mouseover */
| |
- | #ddnav span div {
| |
- | position:relative;
| |
- | border:none;
| |
- | border-bottom:2px groove #5970B2; /* separator for submenus, groove does not work in FF */
| |
- | opacity:1.0; /* avoid stacking transparancy for submenus (FF) */
| |
- | filter:alpha(opacity=100); /* avoid stacking transparancy for submenus (IE) */
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* may want to upload the following pictures to a new location */
| |
| .expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;} | | .expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;} |
| .collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;} | | .collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;} |
- |
| |
| .docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;} | | .docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;} |
| .undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;} | | .undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;} |