Biomod/2013/OSU/media

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 11: Line 11:
     }
     }
-
#slider {
+
.slider {
     position:relative;
     position:relative;
     width:600px;
     width:600px;
Line 19: Line 19:
}
}
-
     #slider-prev {
+
     .slider-prev {
         position:absolute;   
         position:absolute;   
       width:30px;
       width:30px;
Line 29: Line 29:
         opacity: .25;
         opacity: .25;
     }
     }
-
     #slider-next {
+
     .slider-next {
         position:absolute;   
         position:absolute;   
         right:0px;
         right:0px;
Line 40: Line 40:
     }
     }
-
     #slider-prev:hover {
+
     .slider-prev:hover {
         filter: alpha(opacity=55);
         filter: alpha(opacity=55);
         opacity: .55;
         opacity: .55;
     }
     }
-
     #slider-next:hover {
+
     .slider-next:hover {
         filter: alpha(opacity=55);
         filter: alpha(opacity=55);
         opacity: .55;
         opacity: .55;
     }
     }
-
     #slider-prev a{
+
     .slider-prev a{
         position:absolute;
         position:absolute;
         top: 50%;
         top: 50%;
Line 57: Line 57:
        
        
     }
     }
-
     #slider-next a{
+
     .slider-next a{
       position:relative;
       position:relative;
       top: 50%;
       top: 50%;
Line 65: Line 65:
     }
     }
-
     #slider img {
+
     .slider img {
         position:absolute;
         position:absolute;
     }
     }
Line 100: Line 100:
<h1>Video Blogs</h1>
<h1>Video Blogs</h1>
-
<center>
+
<div class="slider-container" width="600" height="400" style="margin-top:10px">
-
<iframe style="margin-top:10px" width="560" height="315" src="//www.youtube.com/embed/tGonkdAFvUs" frameborder="0" allowfullscreen></iframe>
+
    <div class="slider" width="600" height="400">
-
</center>
+
        <iframe style="margin-top:10px" width="560" height="315" src="//www.youtube.com/embed/tGonkdAFvUs" frameborder="0" allowfullscreen></iframe>
 +
        <div onClick="previousvid();" class="slider-prev">
 +
            <a><<</a>
 +
        </div>
 +
        <div onClick="nextvid();" class="slider-next">
 +
            <a>>></a>
 +
        </div>
 +
          </div>
 +
    </div>
<p>View the rest of our Video Blog posts on out <a href="http://www.youtube.com/user/OhioMOD2013">Youtube Channel</a>!</p>
<p>View the rest of our Video Blog posts on out <a href="http://www.youtube.com/user/OhioMOD2013">Youtube Channel</a>!</p>
Line 108: Line 116:
<h1>Photos (under construction)</h1>
<h1>Photos (under construction)</h1>
-
<div id="slider-container" width="600" height="400" style="margin-top:10px">
+
<div class="slider-container" width="600" height="400" style="margin-top:10px">
-
     <div id="slider" width="600" height="400">
+
     <div class="slider" width="600" height="400">
-
         <img id="slider-img" src="http://openwetware.org/images/8/8b/OSUwetlab1.jpg" width="600" height="400" onClick="check();"/>
+
         <img id="slider-img" src="http://openwetware.org/images/5/5b/OSU_Deformed_shape1.png" width="600" height="400" />
-
         <div onClick="previous();" id="slider-prev">  
+
         <div onClick="previous();" class="slider-prev">  
             <a><<</a>
             <a><<</a>
         </div>
         </div>
-
         <div onClick="next();" id="slider-next">  
+
         <div onClick="next();" class="slider-next">  
             <a>>></a>
             <a>>></a>
         </div>
         </div>

Revision as of 10:52, 29 August 2013


<< Back to Team Pages

Edit

Video Blogs

<<
>>

View the rest of our Video Blog posts on out Youtube Channel!

Photos (under construction)

<<
>>


Views
Personal tools