Template:Nevada Header CSS

From 2011.igem.org

(Difference between revisions)
m
m
Line 145: Line 145:
</style>
</style>
 +
 +
<!-- CSS -->
 +
<style type="text/css" media="screen">
 +
#slider {
 +
    width: 850px; /* important to be same as image width */
 +
    height: 600px; /* important to be same as image height */
 +
    position: relative; /* important */
 +
overflow: hidden; /* important */
 +
}
 +
#sliderContent {
 +
    width: 850px; /* important to be same as image width or wider */
 +
    position: absolute;
 +
top: 0;
 +
margin-left: 0;
 +
}
 +
.sliderImage {
 +
    float: left;
 +
    position: relative;
 +
display: none;
 +
}
 +
.sliderImage span {
 +
    position: absolute;
 +
    font: 10px/15px Arial, Helvetica, sans-serif;
 +
    padding: 10px 13px;
 +
    width: 384px;
 +
    background-color: #000;
 +
    filter: alpha(opacity=70);
 +
    -moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
    opacity: 0.7;
 +
    color: #fff;
 +
    display: none;
 +
}
 +
.clear {
 +
clear: both;
 +
}
 +
.sliderImage span strong {
 +
    font-size: 14px;
 +
}
 +
.top {
 +
top: 0;
 +
left: 0;
 +
}
 +
.bottom {
 +
bottom: 0;
 +
    left: 0;
 +
}
 +
ul { list-style-type: none;}
 +
</style>
 +
<!-- JavaScripts-->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Template:Nevada_Java/s3Slider.js?action=raw&amp;ctype=text/js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 4000
 +
        });
 +
    });
 +
</script>
</head>
</head>
<body>
<body>

Revision as of 23:48, 4 September 2011


Retrieved from "http://2011.igem.org/Template:Nevada_Header_CSS"