Template:Biomod/2014/Kansai: Difference between revisions
No edit summary |
No edit summary |
||
Line 49: | Line 49: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
padding: 0; | padding: 0; | ||
/* | |||
border-left: 1px solid #00aeef; | border-left: 1px solid #00aeef; | ||
border-right: 1px solid #00aeef; | border-right: 1px solid #00aeef; | ||
*/ | |||
width: 984px; | width: 984px; | ||
} | } | ||
Line 167: | Line 169: | ||
ul.menu { | ul.menu { | ||
/* | |||
height: 30px; | height: 30px; | ||
*/ | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; |
Revision as of 08:22, 15 October 2013
<html> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> function setParentColor(curNode) { curNode.find("a:first").attr("id", "colorFixHover"); }
function resetParentColor(curNode) { curNode.find("a:first").attr("id", ""); }
function fix(curNode) { curNode.css('color', "#003e5c"); } </script> <style> body { font-family: 'Open Sans', sans-serif; overflow-y: scroll; padding: 0px; margin: 0px; background-color: #003e5c; }
- column-one {
display: none; }
.container { margin-top: 0px }
.OWWNBcpCurrentDateFilled { display: none; }
- content {
margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center; border-style: none none none none; }
- column-content {
float: left; margin: 0 0 0 0; padding: 0; /* border-left: 1px solid #00aeef; border-right: 1px solid #00aeef; */ width: 984px; }
.firstHeading { display: none; }
/* Sets the actual page width */
- globalWrapper {
width: 984px; margin: 0px auto 0px auto; padding: 0px; }
- content {
}
- bodyContent {
width: 100%; /* align: center; */ margin: 0px; padding: 0px 0px 0px 0px; background-color: #f0f4f4; }
- footer {
position: center; background-color: #222; border-top: 0px solid #d13f31; border-bottom: 0px solid red; border-left: 1px solid #00aeef; border-right: 1px solid #00aeef; color: #006e9c; margin: 0px; width: 100%; }
- footer A,#footer A:HOVER,#footer A:VISITED {
color: #006e9c; }
/* @media screen { body { background: #ffffff url() repeat; } }
- /
- bodyContent,#column-content,#content {
background: #f0f4f4; }
- header,#nano {
width: 100%; margin-bottom: 0px; padding: 0px 0px 0px 0px; background-color: #f0f4f4; }
- nano {
line-height: 3em; height: 200px; font-size: 64pt; color: #f0f4f4; float: left; }
- menu {
display: block; width: 100%; float: left; padding: 0px; background-color: #003e5c; border-bottom: 0px solid #00aeef; margin-bottom: 0px; padding: 0px; }
- editHeader {
margin-top: -18px; float: right; z-index: 11; float: right; }
- editHeader A {
color: #f0f4f4; }
ul.menu a { display: block; padding: 6px 15px 4px 15px; text-decoration: none; color: #f0f4f4; margin: 0px; text-align: center; font-size: large; }
ul.menu a:HOVER { color: #003e5c; }
- colorFixHover {
color: #003e5c; }
ul.menu li:HOVER { background-color: #f0f4f4; }
ul.menu { /* height: 30px; */ margin: 0; padding: 0; list-style: none; float: center; }
ul.menu li { margin: 0px; padding: 0px; float: left; position: relative; }
ul.menu li:hover ul { display: block; position: absolute; z-index: 100; }
ul.submenu { display: none; list-style: none; padding-left:0px; background-color: #003e5c; width: 100%; }
ul.submenu li { float: none; margin: 0px; border-top: 1px solid #222222; }
ul.submenu li:FIRST-CHILD { border: none; }
ul.submenu li a { text-align: left; margin: 0px; padding: 0 0 0 0px; padding-bottom: 2px; padding-left: 15px; padding-right: 5px; text-decoration: none; font-size: large }
ul.submenu li a:hover { color: #003e5c; background-color: #f0f4f4; }
- contentSub {
float: left; z-index: 500; width: 100%; background-color : #003e5c; margin: 0px; margin-top: -6px; background-color: #003e5c; }
- contentSub span.subpages {
padding-top: 4px; padding-left: 4px; }
- contentSub.A {
padding: 2px; color: #003e5c; }
.thumb {
}
.mytable {
}
.toc { float: left; color: black; }
.cf:before,.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; } </style> </head> <body> <div id="nano"><img alt="" src="http://openwetware.org/images/f/f4/Biomod-wiki_banner_984px.jpg"></div> <div id="menu"> <ul class="menu"> <li class="testing"><a href="/wiki/Biomod/2013/Aarhus/Nano_Creators/Testing">Testing</a></li> <li class="dropdown"><a href="#DropDown">Dropdown</a> <ul class="submenu" onmouseover="setParentColor($(this).parent());" onmouseout="resetParentColor($(this).parent());"> <li class="drop1"><a href="#DropDown1">Drop1</a></li> <li class="drop2"><a href="#DropDown2">what happens if something is extreemly long</a></li> <li class="drop3"><a href="#DropDown3">Drop3</a></li> <li class="drop4"><a href="#DropDown4">Drop4</a></li> </ul></li> </ul> </div> <div id="editHeader"> <a href="http://openwetware.org/index.php?title=Template:Biomod/2013/Aarhus/Nano_Creators/Header&action=edit">edit template</a> </div>
<div class="cf"></div>
</body> </html>