Template:Team:CBNU-Korea/css slide

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 4: Line 4:
         .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 20: Line 21:
         #slides
         #slides
         {
         {
-
             position: absolute;
+
             position: relative;
-
             top: 15px;
+
             #top: 15px;
-
             left: 4px;
+
             #left: 4px;
             z-index: 100;
             z-index: 100;
         }
         }
Line 35: Line 36:
         .slides_container
         .slides_container
         {
         {
-
             width: 570px;
+
             width: 650px;
             overflow: hidden;
             overflow: hidden;
             position: relative;
             position: relative;
Line 51: Line 52:
         .slides_container a
         .slides_container a
         {
         {
-
             width: 570px;
+
             width: 650px;
-
             height: 270px;
+
             height: 200px;
             display: block;
             display: block;
         }
         }
Line 60: 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 type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
+
     <script src="https://2012.igem.org/Template:Team:CBNU-Korea/js_jquery?action=raw"></script>
-
     <script type="text/javascript" src="https://2012.igem.org/Template:Team:CBNU-Korea/js_slide"></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 70: Line 104:
     </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"