Template:Nevada Header CSS

From 2011.igem.org

(Difference between revisions)
m
m
Line 146: Line 146:
</style>
</style>
-
<!-- CSS -->
+
 
-
<style type="text/css" media="screen">
+
-
#slider {
+
-
    width: 200px; /* important to be same as image width */
+
-
    height: 200px; /* important to be same as image height */
+
-
    position: relative; /* important */
+
-
overflow: hidden; /* important */
+
-
}
+
-
#sliderContent {
+
-
    width: 200px; /* 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: 284px;
+
-
    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>
</body>
</body>
<div id="banner-box">
<div id="banner-box">
-
<div id="slider">
+
 
-
        <ul id="sliderContent">
+
-
            <li class="sliderImage">
+
-
                <a href=""><img id="banner-logo" src="https://static.igem.org/mediawiki/2011/d/d4/UNR_Gallery_Carwash.jpg" alt="1" width="200px" /></a>
+
-
            </li>
+
-
            <li class="sliderImage">
+
-
                <a href=""><img id="banner-logo" src="https://static.igem.org/mediawiki/2011/8/8b/UnrBbq.jpg" alt="2" width="200px" /></a>
+
-
            </li>
+
-
<div class="clear sliderImage"></div>
+
-
        </ul>
+
-
    </div>
+
<a href="/Main_Page"><img id="banner-logo2" src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" width=50px; style="float:left; border:none;  clear: right; margin: 0px; padding: 0px;"></a>
<a href="/Main_Page"><img id="banner-logo2" src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" width=50px; style="float:left; border:none;  clear: right; margin: 0px; padding: 0px;"></a>
<a href="/Main_Page"><img id="banner-logo" src="https://static.igem.org/mediawiki/2011/e/e2/UNR_IGEM_seal.png" width=150px; style="float:right; border:none;  clear: right; margin: 0px; padding: 0px;"></a>
<a href="/Main_Page"><img id="banner-logo" src="https://static.igem.org/mediawiki/2011/e/e2/UNR_IGEM_seal.png" width=150px; style="float:right; border:none;  clear: right; margin: 0px; padding: 0px;"></a>

Revision as of 23:56, 4 September 2011


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