Team:Columbia-Cooper-NYC/Template/Test

From 2012.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style>
<style>
 +
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
 +
<script type="text/javascript" src="https://igem.org/User:Ssharif/coin-slider.min.js&action=raw&ctype=text/javascript></script>
 +
<script type="text/javascript" src="https://igem.org/User:Ssharif/coin-slider.js&action=raw&ctype=text/javascript></script>
 +
<link rel="stylesheet" href="https://igem.org/User:Ssharif/coin-slider-style.css&action=raw&ctype=text/css" type="text/css" />
/*background image*/
/*background image*/
Line 12: Line 17:
}
}
-
 
+
/* no iGEM logo */
div#p-logo
div#p-logo
{
{
-
display:none;
+
    display:none;
}
}
-
/*
+
 
div#top-section
div#top-section
{
{
-
height:150px;
+
    height:150px;
-
background-size: 975px 150px;
+
    background-size: 975px 150px;
-
background-image:url("https://static.igem.org/mediawiki/2011/5/55/BANNER2.png");
+
    background-image:url('https://static.igem.org/mediawiki/2012/8/83/Ban1.png');
-
background-repeat:no-repeat;
+
    border: none;
}
}
-
*/
+
 
 +
/* no search */
div#search-controls
div#search-controls
{
{
Line 39: Line 45:
     background: transparent;  
     background: transparent;  
     border: none;
     border: none;
-
     width: 75%;
+
     width: 70%;
}
}
Line 45: Line 51:
{
{
color:#FFF200;
color:#FFF200;
-
        border-bottom-width:0px;
+
    border-bottom-width:0px;
}
}
h1
h1
Line 150: Line 156:
background-repeat:no-repeat;
background-repeat:no-repeat;
background-size:100%;
background-size:100%;
-
}
 
-
div.twrapper
 
-
{
 
-
float:left;
 
-
height:350px;
 
-
}
 
-
div.circlebox
 
-
{
 
-
display: block;
 
-
position:absolute;
 
-
width:90px;
 
-
height:90px;
 
-
margin:15px;
 
-
padding:0px;
 
-
}
 
-
a.circlelink
 
-
{
 
-
display:block;
 
-
width:90px;
 
-
height:90px;
 
-
background-size:100% 100%;
 
-
text-indent:-9999px;
 
-
position: relative
 
-
}
 
-
a.home
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/1/11/Homegrey.png");
 
-
}
 
-
a.home:hover
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/8/81/Homecolor.png");
 
-
}
 
-
a.project
 
-
{
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/3/34/Projectgrey.png");
 
-
}
 
-
a.project:hover
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/d/d6/Projectcolor.png");
 
-
}
 
-
a.safety
 
-
{
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/f/f5/Safetygrey.png");
 
-
}
 
-
a.safety:hover
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/1/11/Safetycolor.png");
 
-
}
 
-
a.qd
 
-
{
 
-
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/f/fc/Qdgrey.png");
 
-
}
 
-
a.qd:hover
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/7/73/Qdcolor.png");
 
-
}
 
-
a.team
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/2/2c/Teamgrey.png");
 
-
}
 
-
a.team:hover
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/f/ff/Teamcolor.png");
 
-
}
 
-
a.notebook
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/6/6c/Notebookgrey.png");
 
-
}
 
-
a.notebook:hover
 
-
{
 
-
background-image:url("https://static.igem.org/mediawiki/2011/b/b0/Notebookcolor.png");
 
-
}
 
-
a.attribution
 
-
{
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/5/5b/Attributiongrey.png");
 
-
}
 
-
a.attribution:hover
 
-
{
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/0/05/Attributioncolor.png");
 
}
}
-
a.hp
 
-
{
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/2/27/HPgrey.png");
 
-
}
 
-
a.hp:hover
 
-
{
 
-
        background-image:url("https://static.igem.org/mediawiki/2011/7/78/HPcolor.png");
 
-
}
 
-
table, th, tr
 
-
{
 
-
border-collapse:collapse;
 
-
background-color:transparent;
 
-
border: 1px solid white;
 
-
padding:15px;
 
-
}
 
-
td
 
-
{
 
-
text-align:center;
 
-
}
 
-
a#igemhome
 
-
{
 
-
display:block;
 
-
height: 150px;
 
-
width: 970px;
 
-
position:absolute;
 
-
top:-100px;
 
-
}
 
</style>
</style>
</head>
</head>
<body>
<body>
-
<a id="igemhome" href="https://2011.igem.org"></a>
+
 
-
<div id="circlemenu">
+
<div id='coin-slider'>
-
<div id="circlemenuwrapper">
+
<a href="img01_url" target="_blank">
-
<div class="circlebox" style="left:0px">
+
<img src='' >
-
<a class="circlelink home" href="https://2011.igem.org/Team:Columbia-Cooper">Home</a>
+
<span>
-
</div>
+
Description for img01
-
<div class="circlebox" style="left:120px">
+
</span>
-
<a class="circlelink project" href="https://2011.igem.org/Team:Columbia-Cooper/Project">Project</a>
+
</a>
-
</div>
+
 
-
<div class="circlebox" style="left:240px">
+
<a href="imgN_url">
-
<a class="circlelink qd" href="https://2011.igem.org/Team:Columbia-Cooper/Quantum Dots">Quantum Dots</a>
+
<img src='http://farm9.staticflickr.com/8039/7987219806_9c7a481a41_b.jpg' >
-
</div>
+
<span>
-
<div class="circlebox" style="left:360px">
+
Description for imgN
-
<a class="circlelink notebook" href="https://2011.igem.org/Team:Columbia-Cooper/Notebook">Notebook</a>
+
</span>
-
</div>
+
</a>
-
<div class="circlebox" style="left:480px">
+
-
<a class="circlelink safety" href="https://2011.igem.org/Team:Columbia-Cooper/Safety"></a>
+
-
</div>
+
-
<div class="circlebox" style="left:600px">
+
-
<a class="circlelink team" href="https://2011.igem.org/Team:Columbia-Cooper/Team"></a>
+
-
</div>
+
-
                                        <div class="circlebox" style="left:720px">
+
-
<a class="circlelink attribution" href="https://2011.igem.org/Team:Columbia-Cooper/Attribution"></a>
+
-
</div>
+
-
                                        <div class="circlebox" style="left:840px">
+
-
<a class="circlelink hp" href="https://2011.igem.org/Team:Columbia-Cooper/Human Practices"></a>
+
-
</div>
+
-
</div id="menuwrapper">
+
-
</div>
+
</div>
</div>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('#coin-slider').coinslider();
 +
});
 +
</script>
 +
</body>
</body>
</html>
</html>

Latest revision as of 23:54, 28 September 2012