Team:Columbia-Cooper/Templates/main

From 2011.igem.org

(Difference between revisions)
Line 97: Line 97:
position:relative;
position:relative;
text-align: left;
text-align: left;
 +
}
 +
div.circlebox
 +
{
 +
display: block;
 +
position:absolute;
 +
width:90px;
 +
height:90px;
 +
margin:10px;
 +
padding:0px;
 +
}
 +
a.circlelink
 +
{
 +
display:block;
 +
width:90px;
 +
height:90px;
 +
background-size:100% 100%;
 +
text-indent:-9999px;
 +
position: relative
 +
}
 +
a.home
 +
{
 +
background-image:url(homegrey.png);
 +
}
 +
a.home:hover
 +
{
 +
background-image:url(homecolor.png);
 +
}
 +
a.lab
 +
{
 +
background-image:url(notebookgrey.png);
 +
}
 +
a.lab:hover
 +
{
 +
background-image:url(notebookcolor.png);
 +
}
 +
a.project
 +
{
 +
background-image:url(projectgrey.png);
 +
}
 +
a.project:hover
 +
{
 +
background-image:url(projectcolor.png);
 +
}
 +
a.safety
 +
{
 +
background-image:url(safetygrey.png);
 +
}
 +
a.safety:hover
 +
{
 +
background-image:url(safetycolor.png);
 +
}
 +
a.qd
 +
{
 +
background-image:url(qdgrey.png);
 +
}
 +
a.qd:hover
 +
{
 +
background-image:url(qdcolor.png);
 +
}
 +
a.team
 +
{
 +
background-image:url(teamgrey.png);
 +
}
 +
a.team:hover
 +
{
 +
background-image:url(teamcolor.png);
 +
}
 +
a.notebook
 +
{
 +
background-image:url(notebookgrey.png);
 +
}
 +
a.notebook:hover
 +
{
 +
background-image:url(notebookcolor.png);
}
}
</style>
</style>
Line 102: Line 176:
<body>
<body>
<div id="circlemenu">
<div id="circlemenu">
-
<div id="circlemenuwrapper">
+
<div id="circlemenuwrapper">
-
<div class="circlebox" style="left:20px">
+
<div class="circlebox" style="left:20px">
-
<a class="circlelink home" href="home.html">Home</a>
+
<a class="circlelink home" href="home.html">Home</a>
-
</div>
+
</div>
-
<div class="circlebox" style="left:130px">
+
<div class="circlebox" style="left:130px">
-
<a class="circlelink project" href="project.html">Lab</a>
+
<a class="circlelink project" href="project.html">Lab</a>
-
</div>
+
</div>
-
<div class="circlebox" style="left:240px">
+
<div class="circlebox" style="left:240px">
-
<a class="circlelink qd" href="qd.html">Project</a>
+
<a class="circlelink qd" href="qd.html">Project</a>
-
</div>
+
</div>
-
<div class="circlebox" style="left:350px">
+
<div class="circlebox" style="left:350px">
-
<a class="circlelink notebook" href="notebook.html">Safety</a>
+
<a class="circlelink notebook" href="notebook.html">Safety</a>
-
</div>
+
</div>
-
<div class="circlebox" style="left:460px">
+
<div class="circlebox" style="left:460px">
-
<a class="circlelink safety" href="safety.html"></a>
+
<a class="circlelink safety" href="safety.html"></a>
-
</div>
+
</div>
-
<div class="circlebox" style="left:570px">
+
<div class="circlebox" style="left:570px">
<a class="circlelink team" href="team.html"></a>
<a class="circlelink team" href="team.html"></a>
</div>
</div>
-
          </div id="menuwrapper">
+
</div id="menuwrapper">
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 21:34, 4 August 2011