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

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 134: Line 134:
}
}


#footer {
#myfooter {
width: 1080px;
width: 1080px;
height: 250px;
height: 250px;
Line 195: Line 195:
</div>
</div>
</div>
</div>
<div id="footer">
<div id="myfooter">
</div>
</div>
<a href="http://openwetware.org/index.php?title=Biomod/2012/UTokyo/UT-Hongo/Test2&action=edit">edit this page</a>
<a href="http://openwetware.org/index.php?title=Biomod/2012/UTokyo/UT-Hongo/Test2&action=edit">edit this page</a>
</body>
</body>
</html>
</html>

Revision as of 22:19, 11 October 2012

<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:1104px; 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 12px 12px 12px; width: 1080px;background-color: #ffff; border: 0;}
  4. bodyContent{ width: 1080px; align: center; background-color: #ffffff;}
  5. column-content{width: 1080px;background-color: #ffff;}
  6. footer{position: center; width: 960px}

@media screen {

   body { background: #ffffff 0 0 no-repeat;  /* changed default background */ }

}

</style>

<style>

  1. header {
 width: 1080px;
 height: 338px;
 background: url(http://openwetware.org/images/a/a5/Biomod_utokyo_uthongo_2012_Header.png) no-repeat;
 background-size: 100% auto;
 margin-bottom: 30px;
 padding: 0px 0px 30px 0px;
 border-bottom: 1px solid #DEDEDE;

}

  1. summary {

border-bottom: 1px solid #dedede; }

  1. menu {
 display: block;
 width: 80px;
 padding: 5px;

}

  1. menu ul {

/* display: none;

 position: absolute; */

/* height: 45px; */

 margin:0;
 padding:0;
 list-style:none;
 float: center;

}

  1. menu li {

/* display:inline;*/

 margin:0;
 padding:0px;
 float: left;
 position: relative;

}

  1. menu a{
 display: block; 

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

 border: 1px solid #000;
 background-color: #fff;
 padding: 8px;
 text-decoration: none;
 color: #333;
 width: 120px; 
 margin: 1px;
 text-align: center;
 font-size: large;

}

  1. menu a:hover{

/* background-color:#888; */

 background-color: #000;
 color:#fff;

}

.block-container { overflow: hidden; margin-bottom: 30px; padding: 0px 0px 30px 0px; /* border-bottom: 1px solid #DEDEDE; */ }

h2.block-container { padding: 0px 0px 10px 0px; color: #303030; }

.column1 { float: left; width: 230px; margin-right: 35px; padding: 5px; background: #F0F0F0; }

.column2 { float: left; width: 230px; margin-right: 35px; padding: 5px; background: #F0F0F0; }

.column3 { float: left; width: 230px; margin-right: 35px; padding: 5px; background: #F0F0F0; }

.column4 { float: right; width: 230px; padding: 5px; background: #F0F0F0; }

.block h2 { font-size: medium; border-bottom: none; }

.block p { font-size: x-small; }

  1. myfooter {

width: 1080px; height: 250px; background: #333; } </style>

</head> <body> <div id="header"> </div> <div id="summery"> <div id="menu"> <ul>

 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Abstract</a></li>
 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motivation</a></li>
 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li>
 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Result</a></li>
 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></li>
 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork">Future Work</a></li>
 <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></li>

</ul> </div> <div id="youtube"> <iframe width="853" height="480" src="http://www.youtube.com/embed/KaU-tjKYBlQ?list=PL21ED40E1E25C278C&amp;hl=ja_JP" frameborder="0" allowfullscreen></iframe> </div> </div> <div id="row1" class="block-container"> <div class="column1"> <p><a href="#"><img src="images/pics01.jpg" width="250" height="215" alt="" /></a></p> <h2>Mauris vulputate dolor</h2> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> </div> <div class="column2"> <p><a href="#"><img src="images/pics02.jpg" width="250" height="215" alt="" /></a></p> <h2>Mauris vulputate dolor</h2> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> </div> <div class="column3"> <p><a href="#"><img src="images/pics03.jpg" width="250" height="215" alt="" /></a></p> <h2>Mauris vulputate dolor</h2> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> </div> <div class="column4"> <p><a href="#"><img src="images/pics03.jpg" width="250" height="215" alt="" /></a></p> <h2>Mauris vulputate dolor</h2> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> </div> </div> <div id="row2" class="block-container"> <div class="column1"> <p><a href="#"><img src="images/pics01.jpg" width="250" height="215" alt="" /></a></p> <h2>Mauris vulputate dolor</h2> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> </div> <div class="column2"> <p><a href="#"><img src="images/pics02.jpg" width="250" height="215" alt="" /></a></p> <h2>Mauris vulputate dolor</h2> <p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p> </div> </div> <div id="myfooter"> </div> <a href="http://openwetware.org/index.php?title=Biomod/2012/UTokyo/UT-Hongo/Test2&action=edit">edit this page</a> </body> </html>