Sandbox

From OpenWetWare

(Difference between revisions)
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;}
+
#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;}
+
-
#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: #ffff; border: 0;}
+
-
#bodyContent{ width: 960px; align: center; background-color: #ffffff;}
+
-
#column-content{width: 984px;background-color: #ffff;}
+
-
#footer{display: none; position: center; width: 960px}
+
-
@media screen {
+
-
    body { background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }
+
}
}
 +
.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>
<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 12:30, 30 September 2013

asdfasdfsdf asd asd asd asd asd asd asd asd asd asd asd
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd
asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd

Personal tools