Team:UT-Tokyo/Testing

From 2011.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:UT-Tokyo/Templates/BeforeContent|fullpagename=Team:UT-Tokyo/Testing|subpagename=Testing}}
-
<link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,700' rel='stylesheet' type='text/css'>
+
-
<style type="text/css">
+
= hoge =
-
body {
+
-
  background-color: #575757;
+
-
}
+
-
#content {
+
-
  background-color: #383838;
+
-
  width: 900px;
+
-
  color: #cccccc;
+
-
  font: 14px/30px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+
-
  box-shadow: 0px 0px 30px #000;
+
-
  padding: 0;
+
-
}
+
-
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6, #bodyContent p, #bodyContent table {
+
-
  margin: 0 0 0 10px; padding: 0; border-style: none;
+
-
}
+
-
#bodyContent h1 {
+
-
  color: #ffffff;
+
-
  font: 700 36px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
-
}
+
-
#bodyContent h2 {
+
-
  color: #96e036;
+
-
  font: 700 24px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
-
  margin-top: 26px;
+
-
  margin-bottom: 10px;
+
-
}
+
-
#bodyContent p {
+
-
  margin-bottom: 10px;
+
-
}
+
-
#footer-box {
+
-
  width: 900px;
+
-
}
+
-
#catlinks {
+
-
  display: none;
+
-
}
+
-
#top-section, .firstHeading {
+
-
  display: none;
+
-
}
+
-
#header {
+
fugafuga
-
  height: 80px;
+
-
  width: 900px;
+
-
}
+
-
#navi #menu {
+
hoaha
-
  position: absolute;
+
-
  top:80px;
+
-
  left:0;
+
-
  right:0;
+
-
  margin: auto;
+
-
  width:900px; /* Make sure your images are the same size */
+
-
  height:160px; /* Make sure your images are the same size */
+
-
  z-index: 999;
+
-
}
+
-
#navi #menu ul li {
+
 
-
  font: 400 18px "Maven Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
 
-
  color: #fff;
+
{{:Team:UT-Tokyo/Templates/AfterContent}}
-
  list-style: none;
+
-
  display: block;
+
-
  width: 200px;
+
-
  height: 20px;
+
-
  background-color: rgba(20,20,20,0.6);
+
-
}
+
-
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
-
  position: relative;
+
-
}
+
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
-
padding:0;
+
-
margin:0;
+
-
z-index:6;
+
-
display:none;
+
-
}
+
-
/* The slices and boxes in the Slider */
+
-
.nivo-slice {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
height:100%;
+
-
}
+
-
.nivo-box {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
}
+
-
</style>
+
-
<script src="http://igem-ut.net/2011/jquery.nivo.slider_mod.js" type="text/javascript"></script>
+
-
<script type="text/javascript">
+
-
$(function () {
+
-
  $('#slider').nivoSlider({
+
-
    directionNav: false,
+
-
    controlNav: false,
+
-
    manualAdvance: true,
+
-
    animSpeed: 300,
+
-
  });
+
-
  $('#navi #menu ul li').each(function(idx) {
+
-
    $(this).mouseenter(function() {
+
-
      $('#slider').nivoToggle(idx, function() {
+
-
        $(this).css('background-color', 'rgba(0,0,0,1)');
+
-
      });
+
-
    });
+
-
  });
+
-
  $('#navi').mouseleave(function() {
+
-
    $('#slider').nivoToggle(0);
+
-
  });
+
-
});
+
-
</script>
+
-
<div id="header">
+
-
  <h1>Project</h1>
+
-
  <img id="logo" src="logo.png" />
+
-
</div>
+
-
<div id="navi">
+
-
  <div class="slider-wrapper theme-default">
+
-
    <div id="slider" class="nivoSlider">
+
-
      <img src="http://igem-ut.net/2011/img1.png" alt="fuga" />
+
-
      <img src="http://igem-ut.net/2011/img2.png" alt="fuga" />
+
-
      <img src="http://igem-ut.net/2011/img3.png" alt="fuga" />
+
-
      <img src="http://igem-ut.net/2011/img4.jpg" alt="fuga" />
+
-
      <img src="http://igem-ut.net/2011/img5.jpg" alt="fuga" />
+
-
      <img src="http://igem-ut.net/2011/img6.jpg" alt="fuga" />
+
-
      <img src="http://igem-ut.net/2011/img7.jpg" alt="fuga" />
+
-
    </div>
+
-
    <div id="menu">
+
-
    <ul>
+
-
      <li>Top</li>
+
-
      <li>Team</li>
+
-
      <li>Project</li>
+
-
      <li>Acknowledgment</li>
+
-
      <li>Safety</li>
+
-
      <li>Parts submitted</li>
+
-
      <li>Data</li>
+
-
    </ul>
+
-
    </div>
+
-
</div>
+
-
</div>
+
-
<div id="pageContent">
+
-
<h2>Duis Aliquet Egestas Purus</h2>
+
-
<p>Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut.</p>
+
-
<p>Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper.</p>
+
-
<h2>Donec Congue Lacinia</h2>
+
-
<p>Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas.</p>
+
-
</div>
+
-
</html>
+

Latest revision as of 18:43, 24 August 2011

hoge

fugafuga

hoaha