Biomod/2013/Todai/Team: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 12: Line 12:
   line-height: 1.6;  
   line-height: 1.6;  
   display: block;
   display: block;
  }
.students{
  position:relative;
  left:20px;
  }
.students-list{
  font-size: 150%;
  line-height: 1.5;
  display:block;
  }
.students-contents li{
  font-size: 130%;
  line-height:1.5;
   }
   }


Line 19: Line 35:
<body>
<body>


<!--◆◆Team◆◆-->
<!--Team-->
     <h1 class="big-title"><a name="Team">&nbsp;Team</a></h1>
     <h1 class="big-title"><a name="Team">&nbsp;Team</a></h1>
     <div id="Explist">
     <div id="Explist">
     <ul>
     <ul>
       <li><div class="mokuji"><a href="#Members">&nbsp;Members</a></div>
       <li><div class="mokuji"><a href="#Members">Members</a></div>
       <li><div class="mokuji"><a href="#Gallery">&nbsp;Gallery</a></div>
       <li><div class="mokuji"><a href="#Gallery">Gallery</a></div>
     </ul>
     </ul>
     </div>
     </div>
     <br>
     <br>


<!--◆◆Members◆◆-->
<!--Members-->


   <article>
   <article>
Line 35: Line 51:
     <br>
     <br>


<p class="paragraph">
<!--Group photo-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
  </p>
    <div class="students-list" style="position:relative;left:20px;">Group Photo!</div>
   </article>
      <figure>
        <center>
        <img src="http://openwetware.org/images/5/50/GroupPhoto1-Todai.JPG" width=461px height=346px >
        </center>
      </figure>
      <br>
 
<!--Students-->
 
  <div class="students">
    <div class="students-list">Students</div>
      <ul class="students-contents">
          <li>Fumihiro Horie</li>
          <li>Kenta Koyama</li>
          <li>Kyosei Urafuji</li>
          <li>Misato Iimura</li>
          <li>Ryo Yatagai</li>
          <li>Shiori Sasaki</li>
          <li>Shuhei Egashira</li>
          <li>Toshiumi Tatsuki</li>
          <li>Yuka Onuma</li>
          <li style="font-size:50%; line-height:1.5;margin-top:10px;">Nobuyuki Hattori</li>
      </ul>
   </div>
   <br>
   <br>
<!--Teaching assistants-->
  <div class="students">
    <div class="students-list">Teaching Assistants</div>
      <ul class="students-contents">
          <li>Kosuke Uekusa</li>
          <li>Takeya Masubuchi</li>
      </ul>
  </div>
   <br>
   <br>
<!--◆◆Gallery◆◆-->
 
<!--Mentor-->
  <div class="students">
    <div class="students-list">Mentor</div>
      <ul class="students-contents">
          <li>Takuya Ueda</li>
          <li>Hisashi Tadakuma</li>
      </ul>
  </div>
  <br>
 
<!--Gallery-->


   <article>
   <article>
     <h1 class="title"><a name="Gallery">&nbsp;Gallery</a></h1>
     <h1 class="title"><a name="Gallery">&nbsp;Gallery</a></h1>
     <br>
     <br>
    <p class="paragraph">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  </article>
  <br>
  <br>
    
    
    
    
</body>
</body>
</html>
</html>

Revision as of 17:29, 30 August 2013

<html> <head> <meta name="viewport" content="width=1200">

<style> <!--

body{

 font-family:Verdana;
 Myriad Pro;
 Arial;
 background-color: #fffc77;
 overflow-y:scroll;
 overflow-x:hidden;
 }

article{

 background-color: #ffffff
 }

.Logo {

 position: relative;
 left: -39px;
 }

.zairyou-heading {

 font-size: 120%;
 position: relative;
 left:30px;
 line-height: 2.2;
 }

.zairyou-heading-sub {

 font-size: 110%;
 position: relative;
 left:30px;
 line-height: 2.2;
 }

.zairyou-list {

 font-size: 100%;
 position: relative;
 left: 40px;
 }

p.paragraph{

 font-size :110%;
 line-height:1.5;
 margin:0 20px;
 text-indent: 1em;
 }

p.noindent-paragraph {

 font-size :110%;
 line-height:1.5;
 margin:0 20px;
 }

p.item {

 font-size :110%;
 line-height:1.5;
 margin:0px 20px;
 text-indent: 2em;
 }

h1.title a{

 font-size :90%;
 font-style:italic;
 display: block;
 text-decoration: none;
 color: #000000;

 font-weight:bolder;

 border-left: solid 5px #e00000 
 }

h1.big-title a{

 font-size :110%;
 display: block;
 text-decoration: none;
 color: #000000;

 font-weight:300;

 }

h1.heading a{

 font-size :95%;
 display: block;
 text-decoration: none;
 color: #000000;

 font-weight:100;

 border-left: solid 7px #ffa500
 }

h2.small-title a{

 font-size :100%;
 display:block;
 text-decoration: none;

 font-weight:bolder;

 color: #e00000;
 }

.sidebar {

 font-size: 110%;
 width: 110px;
 background-color: #ffffff;
 padding: 7px;
 position: fixed;
 top: 167px;
 left: auto;
 z-index: 20;
 margin: 0 0 0 -175px;
 border:solid 1.5px orange;
 }

.sidebar ul {

 position:relative;
 top:-3px;
 left:-3px;
 }

.sidebar ul li ul {

 list-style: none;
 position: relative;
 left: -15px
 }

.sidebar ul li ul li a{

 font-size: 85%;
 }

a:link {color:#000000;} a:visited {color:#000000;} a:hover {color:#e00000;} a:active {color:#e00000;}

.Return-Logo a{

 position: fixed;
 bottom: 10px;
 left: auto;
 margin: 0 0 0 789px;
 z-index: 20;
 display:block;
 width:60px;
 height:0px;
 padding-top:60px;
 background:url(http://openwetware.org/images/b/b1/Return-top-0828new.png);
 overflow:hidden;
 }

.Return-Logo a:hover {

 background-position: left bottom;
 }

.reference-title a{

 color:#000000;
 font-size:110%;
 font-weight:bolder;
 text-decoration:none;
 }

.reference-author {

 font-size:110%;
 position:relative;
 left:30px;
 }

.reference-journal {

 font-size:110%;
 font-style:italic;
 position:relative;
 left:30px;
 }

.ref-sup a{

 vertical-align:super;
 color:#e00000;
 text-decoration:none;
 }
  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:800px; 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;padding: 12px 12px 12px 12px; width:775px;border: 0;}
  4. bodyContent{ width: 730px; align: center; background-color: #ffffff;position:relative;left:20px;}
  5. column-content{width: 800px;background-color: #ffffff;}
  6. footer{position: center; width: 800px}

-->

</style> </head>

<body>

   <div id="top">	
     <figure>
       <div  class="Logo">
         <img src="http://openwetware.org/images/9/9c/Logo-OCKver.png" width=730px height=128px>
       </div>
     </figure>
   </div>
   <br>

<div class="sidebar">

 <ul>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai">Home</a>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai/Project">Project</a>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai/Design">Design</a>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai/Result">Result</a>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai/Experiment">Experiment</a>
       <ul style="list-style-type: none;">

<li>

          <a href="http://openwetware.org/wiki/Biomod/2013/Todai/Experiment#Contents">
          Contents</a></li>
          <li>
          <a href="http://openwetware.org/wiki/Biomod/2013/Todai/Experiment#PilotStudy">
          Pilot Study</a></li>
          <li>
          <a href="http://openwetware.org/wiki/Biomod/2013/Todai/Experiment#Protocols">
          Protocols</a></li>
       </ul>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai/Team">Team</a>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2013/Todai/Sponsors">Sponsors</a>
    </li>
 </ul>

</div>


<div class="Return-Logo">

 <a href="#TOP">
   <figure>
     <img src="http://openwetware.org/images/b/b1/Return-top-0828new.png" width:60px height:60px>
   </figure>
 </a>

</div>

</body> </html>

<html> <head> <style>

  1. Explist ul {
 }

.mokuji {

 font-size: 150%;
 line-height: 1.6; 
 display: block;
 }

.students{

 position:relative;
 left:20px;
 }

.students-list{

 font-size: 150%;
 line-height: 1.5;
 display:block;
 }

.students-contents li{

 font-size: 130%;
 line-height:1.5;
 }

</style> </head>

<body>

<!--Team-->

   <h1 class="big-title"><a name="Team">&nbsp;Team</a></h1>
   <div id="Explist">
   <ul>
      <li><div class="mokuji"><a href="#Members">Members</a></div>
      <li><div class="mokuji"><a href="#Gallery">Gallery</a></div>
   </ul>
   </div>
   <br>

<!--Members-->

  <article>
    <h1 class="title"><a name="Members">&nbsp;Members</a></h1>
    <br>

<!--Group photo-->

    <div class="students-list" style="position:relative;left:20px;">Group Photo!</div>
      <figure>
       <center>
        <img src="http://openwetware.org/images/5/50/GroupPhoto1-Todai.JPG" width=461px height=346px >
       </center>
      </figure>
      <br>

<!--Students-->

  <div class="students">
    <div class="students-list">Students</div>
      <ul class="students-contents">
         <li>Fumihiro Horie</li>
         <li>Kenta Koyama</li>
         <li>Kyosei Urafuji</li>
         <li>Misato Iimura</li>
         <li>Ryo Yatagai</li>
         <li>Shiori Sasaki</li>
         <li>Shuhei Egashira</li>
         <li>Toshiumi Tatsuki</li>
         <li>Yuka Onuma</li>
         <li style="font-size:50%; line-height:1.5;margin-top:10px;">Nobuyuki Hattori</li>
      </ul>
  </div>
  <br>

<!--Teaching assistants-->

  <div class="students">
    <div class="students-list">Teaching Assistants</div>
      <ul class="students-contents">
         <li>Kosuke Uekusa</li>
         <li>Takeya Masubuchi</li>
      </ul>
  </div>
  <br>

<!--Mentor-->

  <div class="students">
    <div class="students-list">Mentor</div>
      <ul class="students-contents">
         <li>Takuya Ueda</li>
         <li>Hisashi Tadakuma</li>
      </ul>
  </div>
  <br>

<!--Gallery-->

  <article>
    <h1 class="title"><a name="Gallery">&nbsp;Gallery</a></h1>
    <br>
 
 

</body> </html>