Sandbox: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
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 {
.container{background-color: #ffffff; margin-top:0px}
display: none;
.OWWNBcpCurrentDateFilled {display: none;}
width: 0px;
#content { width: 0px; margin: 0 auto auto 0;  padding: 0em 0em 0em 0em; align: center;}
/* background-color: #ffffff; */
#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}
#content {
#column-one {display:none; width:0px;background-color: #ffffff;}
margin: 0 0 0 0;
#content{ margin: 0 0 0 0; align: center; padding: 12px; width: 960px;background-color: #ffff; border: 0;}
align: center;
#bodyContent{ width: 960px; align: center; background-color: #ffffff;}
padding: 12px;
#column-content{width: 984px;background-color: #ffff;}
width: 960px;
#footer{display: none; position: center; width: 960px}
/* background-color: #fff; */
@media screen {
border: 0;
    body { background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }
}
 
#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 2px #aaa;
text-shadow: 0px 1px 1px #222;
}
*/
#bodyContent,#column-content,#content {
/* background: #fff; */
/*url()
repeat; */
}
}


#bodyContent, #column-content, #content {
#bodyContent,#column-content,#content {
background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
/* background: #fff; */
}
}


#column-content {
#column-content {
border-left: 1px solid #888;
border-left: 1px solid #888;
border-right: 1px solid #888;
border-right: 1px solid #888;
}
}


#header {
#header {
  width: 960px;
width: 100%;
  height: 304px;
height: 150px;
  background: url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat;
/*
  background-size: 100% auto;
background:
  margin-bottom: 0px;
url()
  padding: 0px 0px 0px 0px;
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;
display: block;
  width: 956px;
width: 100%;
  padding: 0px;
padding: 0px;
  background-color: black;
/* background-color: #003e5c; */
  border: 2px solid #888;
border: 2px solid #009ee0;
  margin-bottom: 15px;
margin-bottom: 15px;
}
}


ul.menu li a {
ul.menu li a {
  display: block;  
display: block;
/*  border: 1px solid #474655; */
/*  border: 1px solid #474655; */
  padding: 8px 10px;
padding: 6px 10px;
  text-decoration: none;
text-decoration: none;
/*  color: #333; */
/*  color: #333; */
  color: #fff;
color: #fff;
/*  width: 121px;  */
/*  width: 121px;  */
  margin: 0px;
margin: 0px;
  text-align: center;
text-align: center;
  font-size: large;
font-size: large;
}
}


ul.menu li a:hover{
ul.menu li a:hover {
  color: cyan;
color: #009ee0;
}
}


ul.menu {
ul.menu {
/* display: none;
/*display: none; */
  position: absolute; */
/* position: absolute; */
  height: 40px;
height: 40px;
  margin:0;
margin: 0;
  padding:0;
padding: 0;
  list-style:none;
list-style: none;
  float: center;
float: center;
}
}


ul.menu li {
ul.menu li {
/* display:inline;*/
/* display:inline; */
  margin:0;
margin: 0;
  padding:6px;
padding: 6px;
  float: left;
float: left;
  position: relative;
position: relative;
}
}


ul.menu li:hover ul {
ul.menu li:hover ul {
  display: block;
display: block;
  position: absolute;
position: absolute;
  z-index: 100;
z-index: 100;
}
}


ul.submenu {
ul.submenu {
  display: none;
display: none;
  list-style: none;
list-style: none;
  background-color: #f0f0f0;
background-color: #003e5c;
  border: 1px solid #ccc;
/* 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;
float: none;
  margin: 0px;
margin: 0px;
}
}


ul.submenu li a {
ul.submenu li a {
  text-align: left;
text-align: left;
  margin: 0px;
margin: 0px;
  width: 340px;
/* width: 120px; */
  padding: 0 0 0 12px;
padding: 0 0 0 12px;
  color: black;
color: white;
  text-decoration: none;
text-decoration: none;
  font-size: large
font-size: large
}
}


ul.submenu li a:hover {
ul.submenu li a:hover {
  color: black;
color: #009ee0;
  text-decoration: underline;
/* text-decoration: underline; */
}
}


.thumb {
.thumb {
  border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
border-image: /* url() */ repeat;
}
}


.mytable {
.mytable {
  border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
border-image: /* url() */ repeat;
}
}
</style>
</style>
</head>
</head>
<body>
<body>
<div id="header"></div>


  <div style="text-align: right">
<div id="menu">
    <p><a href="http://openwetware.org/index.php?title=Template:Biomod/2012/UTokyo/UT-Hongo&action=edit">edit this header</a></p>
<ul class="menu">
  </div>
<li class="motives"><a
 
href="/wiki/Biomod/2013/Aarhus/Nano_Creators:Lorem_ipsum">Lorem
  <div style="height: 60px; margin-bottom: 18px;">
Ipsum</a></li>
    <div style="float: left; width: 250px; padding: 3px; background-color: white;">
<!-- <li class="design"><a href="/wiki/Biomod/2013/Aarhus/Function">Lorem Ipsum</a></li> -->
      <a href="http://biomod.net/"><img src="http://openwetware.org/images/8/82/Biomod2012-logo.png" width="250px" height="50px"></img></a>
<li class="result"><a href="/wiki/Biomod/2013/Aarhus/Assembly">Lorem
    </div>
Ipsum & Lorem Ipsum</a>
    <div style="float: right; width: 240px; padding: 3px; background-color: white;">
<ul class="submenu">
      <a href="http://www.u-tokyo.ac.jp/en/" target="_blank"><img src="http://www.u-tokyo.ac.jp/en/images/banner/UT-logo.gif" width="234" height="60" border="0" alt="The University of Tokyo"></img></a>
<li><a
    </div>
href="/wiki/Biomod/2013/Aarhus/Assembly#Assembly_of_the_DNA_Shell">Lorem
  </div>
Ipsum</a></li>
 
<li><a
    <div id="header">
href="/wiki/Biomod/2013/Aarhus/Assembly#Capturing_ability">Lorem
    </div>
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 id="menu">
<div>
      <ul class="menu">
asdfasdfsdf asd asd asd asd asd asd asd asd asd asd asd <br> asd
<li class="toppage"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li>
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br>
<li class="motives"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></li>
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br>
<!-- <li class="design"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li> -->
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br>
<li class="result"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Design & Results</a>
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br>
  <ul class="submenu">
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd <br>
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Assembly_of_the_DNA_Shell">Assembly of the DNA Shell</a></li>
</div>
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Capturing_ability">Capturing Ability</a></li>
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Immobilizing_on_microfluidic_device">Immobilizing on microfluidic device</a></li>
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Supporting_Enzyme">Supporting Enzyme</a></li>
  </ul>
</li>
<li class="method"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></li>
<li class="futurework"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork">Progress & Beyond</a></li>
<li class="team"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></li>
<li class="acknowledgement"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Acknowledgement">Acknowledgement</a></li>
      </ul>
    </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; }

  1. 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; }

  1. globalWrapper {

width: 984px; /* background-color: #ffffff; */ margin-left: auto; margin-right: auto }

  1. column-one {

display: none; width: 0px; /* background-color: #ffffff; */ }

  1. content {

margin: 0 0 0 0; align: center; padding: 12px; width: 960px; /* background-color: #fff; */ border: 0; }

  1. bodyContent {

width: 960px; align: center; /* background-color: #fff; */ }

  1. 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; }

  • /
  1. bodyContent,#column-content,#content {

/* background: #fff; */ /*url() repeat; */

}

  1. bodyContent,#column-content,#content {

/* background: #fff; */

}

  1. column-content {

border-left: 1px solid #888; border-right: 1px solid #888; }

  1. 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; */ }

  1. 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>