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:
<html xmlns="http://www.w3.org/1999/html">
<html>
<head>
<head>
<style>
<!-- HIDE WIKI STUFF -->


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


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


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


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


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


        .firstHeading {
#header {
            display: none;
  width: 960px;
            width: 0px;
  height: 304px;
        }
  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; */
}


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


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


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


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


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


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


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


</head>
ul.submenu li {
<body class="metrouicss" style="zoom: 1;">
  float: none;
  margin: 0px;
}
 
ul.submenu li a {
  text-align: left;
  margin: 0px;
  width: 340px;
  padding: 0 0 0 12px;
  color: black;
  text-decoration: none;
  font-size: large
}


<div class="page">
ul.submenu li a:hover {
<div class="nav-bar">
  color: black;
    <div class="nav-bar-inner padding10">
  text-decoration: underline;
        <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>
.thumb {
</div>
  border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
</div>
}


<div class="page" id="page-index">
.mytable {
    <div class="page-region">
   border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
        <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">
</style>
                <div class="row">
</head>
                    <div class="span4 bg-color-blue">
<body>
                        <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">
  <div style="text-align: right">
                        <img src="./js/grid.png" class="place-right" style="margin: 10px;">
    <p><a href="http://openwetware.org/index.php?title=Template:Biomod/2012/UTokyo/UT-Hongo&action=edit">edit this header</a></p>
                        <h2 class="fg-color-white">&nbsp;DNA Walker</h2>
  </div>
                    </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 class="span4 bg-color-yellow">
    <div id="header">
                        <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 class="page">
     <div id="menu">
        <div class="nav-bar">
      <ul class="menu">
            <div class="nav-bar-inner padding10">
<li class="toppage"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li>
                <span class="element">
<li class="motives"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></li>
                    2013, Biomod © by <a class="fg-color-white" href="mailto:sergey@pimenov.com.ua">Team Komaba</a>
<!-- <li class="design"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li> -->
                </span>
<li class="result"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Design & Results</a>
            </div>
  <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>
    <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>
</body></html>
</html>

Revision as of 03:26, 31 August 2013

<html> <head> <style> <!-- HIDE WIKI STUFF -->

  1. column-one { display:none; width:0px;}

.container{background-color: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}

  1. content { width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center;}
  2. 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}
  2. column-one {display:none; width:0px;background-color: #ffffff;}
  3. content{ margin: 0 0 0 0; align: center; padding: 12px; width: 960px;background-color: #ffff; border: 0;}
  4. bodyContent{ width: 960px; align: center; background-color: #ffffff;}
  5. column-content{width: 984px;background-color: #ffff;}
  6. 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>

  • {

text-shadow: 0px 1px 2px #aaa; }

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

background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }

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

}

  1. header {
 width: 960px;
 height: 304px;
 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; */ }

  1. menu {
 display: block;
 width: 956px;
 padding: 0px;
 background-color: black;
 border: 2px solid #888;
 margin-bottom: 15px;

}

ul.menu li a {

 display: block; 

/* border: 1px solid #474655; */

 padding: 8px 10px;
 text-decoration: none;

/* color: #333; */

 color: #fff;

/* width: 121px; */

 margin: 0px;
 text-align: center;
 font-size: large;

}

ul.menu li a:hover{

 color: cyan;

}

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: #f0f0f0;
 border: 1px solid #ccc;

}

ul.submenu li {

 float: none;
 margin: 0px;

}

ul.submenu li a {

 text-align: left;
 margin: 0px;
 width: 340px;
 padding: 0 0 0 12px;
 color: black;
 text-decoration: none;
 font-size: large

}

ul.submenu li a:hover {

 color: black;
 text-decoration: underline;

}

.thumb {

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

}

.mytable {

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

}

</style> </head> <body>

 <div style="text-align: right">
   <p><a href="http://openwetware.org/index.php?title=Template:Biomod/2012/UTokyo/UT-Hongo&action=edit">edit this header</a></p>
 </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>
   <div id="menu">
     <ul class="menu">

<li class="toppage"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li> <li class="motives"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></li> <!-- <li class="design"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li> --> <li class="result"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Design & Results</a> <ul class="submenu"> <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Assembly_of_the_DNA_Shell">Assembly of the DNA Shell</a></li> <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> </html>