Template:Team:CBNU-Korea/css slide

From 2012.igem.org

(Difference between revisions)
 
(6 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 21: Line 22:
         {
         {
             position: relative;
             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 66: Line 67:
.pagination {
.pagination {
-
margin:26px auto 0;
+
margin:10px auto 0;
width:100px;
width:100px;
 +
        padding-left: 38px;
}
}
Line 81: Line 83:
height:0;
height:0;
padding-top:12px;
padding-top:12px;
-
background-image:url(http://slidesjs.com/examples/standard/img/pagination.png);
+
background-image:url(https://static.igem.org/mediawiki/2012/a/af/Pagination.png);
background-position:0 0;
background-position:0 0;
float:left;
float:left;
Line 102: 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"