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 class="circlebox" style="left:20px"> | |
- | + | <a class="circlelink home" href="home.html">Home</a> | |
- | + | </div> | |
- | + | <div class="circlebox" style="left:130px"> | |
- | + | <a class="circlelink project" href="project.html">Lab</a> | |
- | + | </div> | |
- | + | <div class="circlebox" style="left:240px"> | |
- | + | <a class="circlelink qd" href="qd.html">Project</a> | |
- | + | </div> | |
- | + | <div class="circlebox" style="left:350px"> | |
- | + | <a class="circlelink notebook" href="notebook.html">Safety</a> | |
- | + | </div> | |
- | + | <div class="circlebox" style="left:460px"> | |
- | + | <a class="circlelink safety" href="safety.html"></a> | |
- | + | </div> | |
- | + | <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> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:34, 4 August 2011