Difference between revisions of "Sandbox"

From OpenWetWare
Jump to: navigation, search
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 08: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>