Sandbox
<html> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style> body { font-family: 'Open Sans', sans-serif; background-color: #f0f4f4; overflow-y: scroll; }
- column-one {
display: none; width: 0px; }
.container { /* background-color: #fffff; */ margin-top: 0px }
.OWWNBcpCurrentDateFilled { display: none; }
- content {
width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center; }
- column-content {
width: 0px; float: left; margin: 0 0 0 0; padding: 0; border-left: 1px solid #00aeef; border-right: 1px solid #00aeef; }
.firstHeading { display: none; width: 0px; }
- globalWrapper {
width: 984px; /* background-color: #ffffff; */ margin-left: auto; margin-right: auto }
- column-one {
display: none; width: 0px; /* background-color: #ffffff; */ }
- content {
margin: 0 0 0 0; align: center; padding: 12px; width: 960px; /* background-color: #fff; */ border: 0; }
- bodyContent {
width: 960px; align: center; /* background-color: #fff; */ }
- column-content {
width: 984px; /* background-color: #fff; */ }
- footer {
display: none; position: center; width: 960px }
/* @media screen { body { background: #ffffff url() repeat; } }
- /
</style>
<style> /*
- {
text-shadow: 0px 1px 1px #222; }
- /
- bodyContent,#column-content,#content {
/* background: #fff; */ /*url() repeat; */
}
- bodyContent,#column-content,#content {
/* background: #fff; */
}
- column-content {
border-left: 1px solid #888; border-right: 1px solid #888; }
- header {
width: 100%; height: 150px; /* background: url() no-repeat; */ background-size: 100% auto; margin-bottom: 0px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid #DEDEDE; */ }
- menu {
display: block; width: 100%; padding: 0px; /* background-color: #003e5c; */ border: 2px solid #009ee0; margin-bottom: 15px; }
ul.menu li a { display: block; /* border: 1px solid #474655; */ padding: 6px 10px; text-decoration: none; /* color: #333; */ color: #fff; /* width: 121px; */ margin: 0px; text-align: center; font-size: large; }
ul.menu li a:hover { color: #009ee0; }
ul.menu { /*display: none; */ /* position: absolute; */ height: 40px; margin: 0; padding: 0; list-style: none; float: center; }
ul.menu li { /* display:inline; */ margin: 0; padding: 6px; float: left; position: relative; }
ul.menu li:hover ul { display: block; position: absolute; z-index: 100; }
ul.submenu { display: none; list-style: none; background-color: #003e5c; /* border: 2px solid #009ee0; */ border-left: 2px solid #009ee0; border-bottom: 2px solid #009ee0; border-right: 2px solid #009ee0; }
ul.submenu li { float: none; margin: 0px; }
ul.submenu li a { text-align: left; margin: 0px; /* width: 120px; */ padding: 0 0 0 12px; color: white; text-decoration: none; font-size: large }
ul.submenu li a:hover { color: #009ee0; /* text-decoration: underline; */ }
.thumb { border-image: /* url() */ repeat; }
.mytable { border-image: /* url() */ repeat; } </style> </head> <body> <div id="header"></div>
<div id="menu"> <ul class="menu"> <li class="motives"><a href="/wiki/Biomod/2013/Aarhus/Nano_Creators:Lorem_ipsum">Lorem Ipsum</a></li> <!-- <li class="design"><a href="/wiki/Biomod/2013/Aarhus/Function">Lorem Ipsum</a></li> --> <li class="result"><a href="/wiki/Biomod/2013/Aarhus/Assembly">Lorem Ipsum & Lorem Ipsum</a> <ul class="submenu"> <li><a href="/wiki/Biomod/2013/Aarhus/Assembly#Assembly_of_the_DNA_Shell">Lorem Ipsum</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Assembly#Capturing_ability">Lorem Ipsum</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Assembly#Immobilizing_on_microfluidic_device">Lorem Ipsum</a></li> <li><a href="/wiki/Biomod/2013/Aarhus/Assembly#Supporting_Enzyme">Lorem Ipsum</a></li> </ul></li> <li class="method"><a href="/wiki/Biomod/2013/Aarhus/Method">Lorem Ipsum</a></li> <li class="futurework"><a href="/wiki/Biomod/2013/Aarhus/FutureWork">Lorem Ipsum</a></li> <li class="team"><a href="/wiki/Biomod/2013/Aarhus/Team">Lorem Ipsum</a></li> <li class="acknowledgement"><a href="/wiki/Biomod/2013/Aarhus/Acknowledgement">Lorem Ipsum</a></li> </ul> </div>
<div> asdfasdfsdf asd asd asd asd asd asd asd asd asd asd asd <br> asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br> asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br> asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br> asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br> asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br> </div>
</body> </html>