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

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 23: Line 23:


<style>
<style>
#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;
}


#summary {
#summary {
Line 37: Line 47:
/*  display: none;
/*  display: none;
   position: absolute; */
   position: absolute; */
/*  height: 45px; */
/*  height: 45px; */
   margin:0;
   margin:0;
   padding:0;
   padding:0;
Line 55: Line 65:
   display: block;  
   display: block;  
/*  border: 1px solid #474655; */
/*  border: 1px solid #474655; */
  border: 1px solid #000;
   background-color: #fff;
   background-color: #fff;
   padding: 8px;
   padding: 8px;
Line 66: Line 77:


#menu a:hover{
#menu a:hover{
   background-color:#888;  
/*  background-color:#888;  */
   background-color: #000;
   color:#fff;
   color:#fff;
}
}
Line 120: Line 132:
.block p {
.block p {
font-size: x-small;
font-size: x-small;
}
#footer {
width: 1080px;
height: 250px;
background: #333;
}
}
</style>
</style>
Line 125: Line 143:
</head>
</head>
<body>
<body>
<img style="width:1080px"src="http://openwetware.org/images/a/a5/Biomod_utokyo_uthongo_2012_Header.png">
<div id="header">
</div>
<div id="summery">
<div id="summery">
<div id="menu">
<div id="menu">
Line 176: Line 195:
</div>
</div>
</div>
</div>
<div id="footer">
</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:18, 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. footer {

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="footer"> </div> <a href="http://openwetware.org/index.php?title=Biomod/2012/UTokyo/UT-Hongo/Test2&action=edit">edit this page</a> </body> </html>