Sandbox: Difference between revisions
Xintong Man (talk | contribs) No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
<link href='http://fonts.googleapis.com/css?family=Open+Sans' | |||
rel='stylesheet' type='text/css'> | |||
<style> | <style> | ||
<!-- HIDE WIKI STUFF --> | <!-- | ||
HIDE WIKI STUFF -->body { | |||
font-family: 'Open Sans', sans-serif; | |||
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; | |||
} | |||
.firstHeading { | |||
display: none; | |||
width: 0px; | |||
} | |||
#globalWrapper { | |||
width: 984px; | |||
/* background-color: #ffffff; */ | |||
margin-left: auto; | |||
margin-right: auto | |||
} | |||
#column-one { display:none; width:0px; | #column-one { | ||
display: none; | |||
width: 0px; | |||
#content { | /* background-color: #ffffff; */ | ||
} | |||
#content { | |||
margin: 0 0 0 0; | |||
align: center; | |||
#bodyContent{ width: 960px; align: center; background-color: # | padding: 12px; | ||
#column-content{width: 984px;background-color: # | 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> | ||
<style> | <style> | ||
/* | |||
* { | * { | ||
text-shadow: 0px 1px | text-shadow: 0px 1px 1px #222; | ||
} | |||
*/ | |||
#bodyContent,#column-content,#content { | |||
/* background: #fff; */ | |||
/*url() | |||
repeat; */ | |||
} | } | ||
#bodyContent, #column-content, #content { | #bodyContent,#column-content,#content { | ||
background: # | /* background: #fff; */ | ||
} | } | ||
#column-content { | #column-content { | ||
border-left: 1px solid #888; | |||
border-right: 1px solid #888; | |||
} | } | ||
#header { | #header { | ||
width: 100%; | |||
height: 150px; | |||
/* | |||
background: | |||
url() | |||
no-repeat; */ | |||
/* border-bottom: 1px solid #DEDEDE; */ | background-size: 100% auto; | ||
margin-bottom: 0px; | |||
padding: 0px 0px 0px 0px; | |||
/* border-bottom: 1px solid #DEDEDE; */ | |||
} | } | ||
#menu { | #menu { | ||
display: block; | |||
width: 100%; | |||
padding: 0px; | |||
/* background-color: #003e5c; */ | |||
border: 2px solid #009ee0; | |||
margin-bottom: 15px; | |||
} | } | ||
ul.menu li a { | ul.menu li a { | ||
display: block; | |||
/* border: 1px solid #474655; */ | /* border: 1px solid #474655; */ | ||
padding: 6px 10px; | |||
text-decoration: none; | |||
/* color: #333; */ | /* color: #333; */ | ||
color: #fff; | |||
/* width: 121px; */ | /* width: 121px; */ | ||
margin: 0px; | |||
text-align: center; | |||
font-size: large; | |||
} | } | ||
ul.menu li a:hover{ | ul.menu li a:hover { | ||
color: #009ee0; | |||
} | } | ||
ul.menu { | ul.menu { | ||
/* | /*display: none; */ | ||
/* position: absolute; */ | |||
height: 40px; | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
float: center; | |||
} | } | ||
ul.menu li { | ul.menu li { | ||
/* | /* display:inline; */ | ||
margin: 0; | |||
padding: 6px; | |||
float: left; | |||
position: relative; | |||
} | } | ||
ul.menu li:hover ul { | ul.menu li:hover ul { | ||
display: block; | |||
position: absolute; | |||
z-index: 100; | |||
} | } | ||
ul.submenu { | 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 { | ul.submenu li { | ||
float: none; | |||
margin: 0px; | |||
} | } | ||
ul.submenu li a { | 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 { | ul.submenu li a:hover { | ||
color: #009ee0; | |||
/* text-decoration: underline; */ | |||
} | } | ||
.thumb { | .thumb { | ||
border-image: /* url() */ repeat; | |||
} | } | ||
.mytable { | .mytable { | ||
border-image: /* url() */ repeat; | |||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <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> | </body> | ||
</html> | </html> |
Revision as of 09:30, 30 September 2013
<html> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style> <!-- HIDE WIKI STUFF -->body { font-family: 'Open Sans', sans-serif; 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; }
.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>