Template:Team:CBNU-Korea/css slide

From 2012.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
   
+
     <style type="text/css" media="screen">
-
     <style type="text/css" media=screen>
+
         .slides_container
         .slides_container
         {
         {
-
             width: 570px;
+
            margin:0 auto;
-
             height: 270px;
+
             width: 650px;
 +
             height: 200px;
         }
         }
         .slides_container div
         .slides_container div
         {
         {
-
             width: 570px;
+
             width: 650px;
-
             height: 270px;
+
             height: 200px;
             display: block;
             display: block;
         }
         }
Line 21: Line 21:
         #slides
         #slides
         {
         {
-
             position: absolute;
+
             position: relative;
-
             top: 15px;
+
             #top: 15px;
-
             left: 4px;
+
             #left: 4px;
             z-index: 100;
             z-index: 100;
         }
         }
Line 36: Line 36:
         .slides_container
         .slides_container
         {
         {
-
             width: 570px;
+
             width: 650px;
             overflow: hidden;
             overflow: hidden;
             position: relative;
             position: relative;
Line 52: Line 52:
         .slides_container a
         .slides_container a
         {
         {
-
             width: 570px;
+
             width: 650px;
-
             height: 270px;
+
             height: 200px;
             display: block;
             display: block;
         }
         }
Line 61: Line 61:
             display: block;
             display: block;
         }
         }
-
       
+
 
-
          
+
/*
 +
Pagination
 +
*/
 +
 
 +
.pagination {
 +
margin:10px auto 0;
 +
width:100px;
 +
         padding-left: 38px;
 +
}
 +
 
 +
.pagination li {
 +
float:left;
 +
margin:0 1px;
 +
list-style:none;
 +
}
 +
 
 +
.pagination li a {
 +
display:block;
 +
width:12px;
 +
height:0;
 +
padding-top:12px;
 +
background-image:url(https://static.igem.org/mediawiki/2012/a/af/Pagination.png);
 +
background-position:0 0;
 +
float:left;
 +
overflow:hidden;
 +
}
 +
 
 +
.pagination li.current a {
 +
background-position:0 -12px;
 +
}
 +
 
     </style>
     </style>
-
     <script src="http://code.jquery.com/jquery-latest.min.js"></script>
+
     <script src="https://2012.igem.org/Template:Team:CBNU-Korea/js_jquery?action=raw"></script>
-
     <script src="http://slidesjs.com/examples/standard/js/slides.min.jquery.js"></script>
+
    <script src="https://2012.igem.org/Template:Team:CBNU-Korea/js_slide?action=raw"></script>
 +
     <!--<script type="text/javascript" src="http://slidesjs.com/examples/standard/js/slides.min.jquery.js"></script>-->
     <script>
     <script>
         $(function () {
         $(function () {
Line 72: Line 103:
         });
         });
     </script>
     </script>
-
 
</head>
</head>
-
 
-
 
-
<body>
 
-
    <div id="slides">
 
-
        <div class="slides_container">
 
-
            <div>
 
-
                <img src="http://placehold.it/570x270">
 
-
            </div>
 
-
            <div>
 
-
                <img src="http://placehold.it/570x270">
 
-
            </div>
 
-
            <div>
 
-
                <img src="http://placehold.it/570x270">
 
-
            </div>
 
-
            <div>
 
-
                <img src="http://placehold.it/570x270">
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
</body>
 
</html>
</html>

Latest revision as of 07:03, 23 August 2012

Retrieved from "http://2012.igem.org/Template:Team:CBNU-Korea/css_slide"