Template:Biomod/2012/UTokyo/UT-Hongo: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<!-- CAUTION!
<html xmlns="http://www.w3.org/1999/html">
This page is for BIOMOD 2012 UT-HONGO (as in the page name).
Do NOT edit this page unless your are a member of BIOMOD UT-HONGO 2012.
If you want to refer to this page, you can make a page with new name and copy the content of this page.
If you just want to practice the wiki, go to Sandbox page (http://openwetware.org/wiki/Sandbox).
-->
<html>
<head>
<head>
<style>
<!-- HIDE WIKI STUFF -->


#column-one { display:none; width:0px;}
    <link href="http://metroui.org.ua/css/modern.css" rel="stylesheet">
.container{background-color: #ffffff; margin-top:0px}
    <link href="http://metroui.org.ua/css/modern-responsive.css" rel="stylesheet">
.OWWNBcpCurrentDateFilled {display: none;}
    <link href="http://metroui.org.ua/css/site.css" rel="stylesheet" type="text/css">
#content {  width: 0px; margin: 0 auto auto 0;  padding: 0em 0em 0em 0em; align: center;}
     <link href="http://metroui.org.ua/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
#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; }
}


</style>
    <style>
        <!-- HIDE WIKI STUFF -->
        #column-one {
            display: none;
            width: 0px;
        }


<style>
        .container {
            background-color: #ffffff;
            margin-top: 0px;
        }


* {
        .OWWNBcpCurrentDateFilled {
text-shadow: 0px 1px 2px #aaa;
            display: none;
}
        }


#bodyContent, #column-content, #content {
        #content {
background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
            width: 0px;
}
            margin: 0 auto auto 0;
            padding: 0em 0em 0em 0em;
            align: center;
        }


#column-content {
        #column-content {
border-left: 1px solid #888;
            width: 0px;
border-right: 1px solid #888;
            float: left;
}
            margin: 0 0 0 0;
            padding: 0;
        }


#header {
        .firstHeading {
  width: 960px;
            display: none;
  height: 304px;
            width: 0px;
  background: url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat;
        }
  background-size: 100% auto;
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
/*  border-bottom: 1px solid #DEDEDE; */
}


#menu {
        #globalWrapper {
  display: block;
            width: 984px;
  width: 956px;
            background-color: #ffffff;
  padding: 0px;
            margin-left: auto;
  background-color: black;
            margin-right: auto;
  border: 2px solid #888;
        }
  margin-bottom: 15px;
}


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


ul.menu li a:hover{
        #content {
  color: cyan;
            margin: 0 0 0 0;
}
            align: center;
            padding: 12px;
            width: 960px;
            background-color: #ffff;
            border: 0;
        }


ul.menu {
        #bodyContent {
/*  display: none;
            width: 960px;
  position: absolute; */
            align: center;
  height: 40px;
            background-color: #ffffff;
  margin:0;
        }
  padding:0;
  list-style:none;
  float: center;
}


ul.menu li {
        #column-content {
/*  display:inline;*/
            width: 984px;
  margin:0;
            background-color: #ffff;
  padding:6px;
        }
  float: left;
  position: relative;
}


ul.menu li:hover ul {
        #footer {
  display: block;
            display: none;
  position: absolute;
            position: center;
  z-index: 100;
            width: 960px;
}
        }


ul.submenu {
        @media screen {
  display: none;
            body {
  list-style: none;
                background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
  background-color: #f0f0f0;
            }
  border: 1px solid #ccc;
        }
}
    </style>


ul.submenu li {
</head>
  float: none;
<body class="metrouicss" style="zoom: 1;">
  margin: 0px;
}


ul.submenu li a {
<div class="page">
  text-align: left;
<div class="nav-bar">
  margin: 0px;
    <div class="nav-bar-inner padding10">
  width: 340px;
        <span class="pull-menu"></span>
  padding: 0 0 0 12px;
            <a href="http://openwetware.org/wiki/Biomod/2013/Komaba/"><span class="element brand"><img class="place-left" src="./js/logo32.png" style="height: 20px">Team Komaba <small>Biomod 2013</small></span></a>
  color: black;
        <div class="divider"></div>
  text-decoration: none;
        <ul class="menu">
  font-size: large
            <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/">Home</a></li>
}
            <li data-role="dropdown"><a href="#">Project</a>
                <ul class="dropdown-menu">
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Background</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Project Overview</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Vision for the future</a></li>
                </ul>
            </li>
            <li data-role="dropdown"><a href="#">Design</a>
                <ul class="dropdown-menu">
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Cylinder</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">DNA Spider</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Rotating Ring</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Cylinder Motor</a></li>
                </ul>
            </li>
            <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Experiment</a></li>
            <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Supplementation</a></li>
            <li data-role="dropdown"><a href="#">Team</a>
                <ul class="dropdown-menu">
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Team Information</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Members</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Episode</a></li>
                    <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Sponsors</a></li>
                </ul>
            </li>
            <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/">Sitemap</a></li>
        </ul>


ul.submenu li a:hover {
    </div>
  color: black;
</div>
  text-decoration: underline;
</div>
}
 
.thumb {
  border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
}


.mytable {
<div class="page" id="page-index">
   border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
    <div class="page-region">
}
        <div class="page-region-content">
            <div class="grid">
                <div class="row">
                    <div class="span8">
                        <div class="hero-unit">
                            <div id="carousel1" class="carousel" data-role="carousel" data-param-duration="300">
                                <div class="slides">
                                    <div class="slide" id="slide1" style="left: 0px;">
                                        <h2>DNA screw</h2>
                                        <p class="bg-color-blueDark padding20 fg-color-white">TESTTESTTEST</p>
                                        <h3>To start: include <strong>DNA screw</strong> in head of page</h3>
                                        <p class="tertiary-info-text">
                                         TESTTESTTEST    
                                        </p>
                                    </div>
                                    <div class="slide" id="slide2" style="display: block; left: -580px;">
                                        <h2>Team Komaba : University of Tokyo</h2>
                                        <p class="bg-color-pink padding20 fg-color-white">TESTTESTTEST</p>
                                    </div>
                                    <div class="slide" id="slide3" style="display: block; left: -580px;">
                                        <h2>TESTTESTTEST</h2>
                                        <p class="bg-color-orangeDark padding20 fg-color-white">TESTTESTTEST</p>
                                    </div>
                                </div>
                                <span class="control left"><i class="icon-arrow-left-3"></i></span>
                                <span class="control right"><i class="icon-arrow-right-3"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="span4 padding20 text-center place-left bg-color-blueLight" id="sponsorBlock">
                            <h2 class="fg-color-red">Members</h2>
                            <p class="">Fukuhara Yusuke</p><p>Kondo Toyoki</p><p>Miyazaki Yuki</p><p>Osamu Ishimura</p><p>Shoko Yokokawa</p><p>Shuhei Nakajma</p><p>Soejima Tomohiro</p><p>Wang Shaoyu</p>
                            <br>
                        </div>
                    </div>
                </div>
            </div>


</style>
            <div class="grid">
</head>
                <div class="row">
<body>
                    <div class="span4 bg-color-blue">
                        <img src="./js/simple.png" class="place-right" style="margin: 10px;">
                        <h2 class="fg-color-white">&nbsp;Cylinder</h2>
                    </div>


  <div style="text-align: right">
                    <div class="span4 bg-color-green">
    <p><a href="http://openwetware.org/index.php?title=Template:Biomod/2012/UTokyo/UT-Hongo&action=edit">edit this header</a></p>
                        <img src="./js/grid.png" class="place-right" style="margin: 10px;">
  </div>
                        <h2 class="fg-color-white">&nbsp;DNA Walker</h2>
 
                    </div>
  <div style="height: 60px; margin-bottom: 18px;">
    <div style="float: left; width: 250px; padding: 3px; background-color: white;">
      <a href="http://biomod.net/"><img src="http://openwetware.org/images/8/82/Biomod2012-logo.png" width="250px" height="50px"></img></a>
    </div>
    <div style="float: right; width: 240px; padding: 3px; background-color: white;">
      <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>
    </div>
  </div>


    <div id="header">
                    <div class="span4 bg-color-yellow">
                        <img src="./js/responsive.png" class="place-right" style="margin: 10px;">
                        <h2 class="fg-color-white">&nbsp;Rotary Ring</h2>
                    </div>
                </div>
            </div>
        </div>
     </div>
     </div>
</div>


     <div id="menu">
     <div class="page">
      <ul class="menu">
        <div class="nav-bar">
<li class="toppage"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li>
            <div class="nav-bar-inner padding10">
<li class="motives"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></li>
                <span class="element">
<!-- <li class="design"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li> -->
                    2013, Biomod © by <a class="fg-color-white" href="mailto:sergey@pimenov.com.ua">Team Komaba</a>
<li class="result"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Design & Results</a>
                </span>
  <ul class="submenu">
            </div>
    <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>
     </div>


</body>
   
</html>
</body></html>

Revision as of 03:12, 31 August 2013

<html xmlns="http://www.w3.org/1999/html"> <head>

   <link href="http://metroui.org.ua/css/modern.css" rel="stylesheet">
   <link href="http://metroui.org.ua/css/modern-responsive.css" rel="stylesheet">
   <link href="http://metroui.org.ua/css/site.css" rel="stylesheet" type="text/css">
   <link href="http://metroui.org.ua/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
   <style>
       <!-- HIDE WIKI STUFF -->
       #column-one {
           display: none;
           width: 0px;
       }
       .container {
           background-color: #ffffff;
           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: #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;
           }
       }
   </style>

</head> <body class="metrouicss" style="zoom: 1;">

<div class="page"> <div class="nav-bar">

   <div class="nav-bar-inner padding10">
       <span class="pull-menu"></span>
           <a href="http://openwetware.org/wiki/Biomod/2013/Komaba/"><span class="element brand"><img class="place-left" src="./js/logo32.png" style="height: 20px">Team Komaba <small>Biomod 2013</small></span></a>
       <div class="divider"></div>
       <ul class="menu">
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/">Home</a></li>
           <li data-role="dropdown"><a href="#">Project</a>
               <ul class="dropdown-menu">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Background</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Project Overview</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Vision for the future</a></li>
               </ul>
           </li>
           <li data-role="dropdown"><a href="#">Design</a>
               <ul class="dropdown-menu">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Cylinder</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">DNA Spider</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Rotating Ring</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Cylinder Motor</a></li>
               </ul>
           </li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Experiment</a></li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Supplementation</a></li>
           <li data-role="dropdown"><a href="#">Team</a>
               <ul class="dropdown-menu">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Team Information</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Members</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Episode</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Sponsors</a></li>
               </ul>
           </li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/">Sitemap</a></li>
       </ul>
   </div>

</div> </div>

<div class="page" id="page-index">

   <div class="page-region">
       <div class="page-region-content">
           <div class="grid">
               <div class="row">
                   <div class="span8">
                       <div class="hero-unit">
                           <div id="carousel1" class="carousel" data-role="carousel" data-param-duration="300">
                               <div class="slides">
                                   <div class="slide" id="slide1" style="left: 0px;">
                                       <h2>DNA screw</h2>
                                       <p class="bg-color-blueDark padding20 fg-color-white">TESTTESTTEST</p>
                                       <h3>To start: include <strong>DNA screw</strong> in head of page</h3>
                                       <p class="tertiary-info-text">
                                        TESTTESTTEST   
                                       </p>
                                   </div>
                                   <div class="slide" id="slide2" style="display: block; left: -580px;">
                                       <h2>Team Komaba : University of Tokyo</h2>
                                       <p class="bg-color-pink padding20 fg-color-white">TESTTESTTEST</p>
                                   </div>
                                   <div class="slide" id="slide3" style="display: block; left: -580px;">
                                       <h2>TESTTESTTEST</h2>
                                       <p class="bg-color-orangeDark padding20 fg-color-white">TESTTESTTEST</p>
                                   </div>
                               </div>
                               <span class="control left"><i class="icon-arrow-left-3"></i></span>
                               <span class="control right"><i class="icon-arrow-right-3"></i></span>
                           </div>
                       </div>
                   </div>
                   <div class="span4">
                       <div class="span4 padding20 text-center place-left bg-color-blueLight" id="sponsorBlock">
                           <h2 class="fg-color-red">Members</h2>
                           <p class="">Fukuhara Yusuke</p><p>Kondo Toyoki</p><p>Miyazaki Yuki</p><p>Osamu Ishimura</p><p>Shoko Yokokawa</p><p>Shuhei Nakajma</p><p>Soejima Tomohiro</p><p>Wang Shaoyu</p>
                           <br>
                       </div>
                   </div>
               </div>
           </div>
           <div class="grid">
               <div class="row">
                   <div class="span4 bg-color-blue">
                       <img src="./js/simple.png" class="place-right" style="margin: 10px;">
                       <h2 class="fg-color-white">&nbsp;Cylinder</h2>
                   </div>
                   <div class="span4 bg-color-green">
                       <img src="./js/grid.png" class="place-right" style="margin: 10px;">
                       <h2 class="fg-color-white">&nbsp;DNA Walker</h2>
                   </div>
                   <div class="span4 bg-color-yellow">
                       <img src="./js/responsive.png" class="place-right" style="margin: 10px;">
                       <h2 class="fg-color-white">&nbsp;Rotary Ring</h2>
                   </div>
               </div>
           </div>
       </div>
   </div>

</div>

   <div class="page">
       <div class="nav-bar">
           <div class="nav-bar-inner padding10">
               <span class="element">
                   2013, Biomod © by <a class="fg-color-white" href="mailto:sergey@pimenov.com.ua">Team Komaba</a>
               </span>
           </div>
       </div>
   </div>


</body></html>