Template:Uppsala-SwedenTemplatetest

From 2011.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__<html lang="en">  
__NOTOC__<html lang="en">  
<head>  
<head>  
-
 
-
 
-
{{Template:Uppsala-SwedenTemplate}}
 
-
 
-
<span class="title">''Uppsala '' <span class="bold">University</span>.</span>
 
-
         
 
-
<div class="wrap_1">
 
-
<div id="mainred">
 
-
<span class="hidden">Welcome to Uppsala-SwedeniEM '2011</span>
 
-
</div></div>
 
-
<div class="wrap_3">
 
-
<div id="mainlogo">
 
-
<span class="hidden">This is the looong logo</span>
 
-
</div>
 
-
 
-
    <!--<div class="subtitle contrast grid_17 clearfix">
 
-
<span>Navigation</span>
 
-
</div>-->
 
-
<html>
 
-
<div id="floatMenu">
 
-
  <ul class="menu1">
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden" onclick="return true;">Home</a></li>
 
-
  </ul>
 
-
  <ul class="menu2">
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Team" onclick="return true;">Team </a></li>
 
-
  </ul>
 
-
  <ul class="menu3">
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project" onclick="return true;">Project </a></li>
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Model" onclick="return true;"> Model </a></li>
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Protocol" onclick="return true;">Protocol</a></li>
 
-
  </ul>
 
-
  <ul class="menu4">
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Bioethics_Biosafety" onclick="return true;">Bioethics & Biosafety</a></li>
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Human_Practices" onclick="return true;">Human Practices</a></li>
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Notebook" onclick="return true;">Notebook</a></li>
 
-
  </ul>
 
-
  <ul class="menu5">
 
-
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Sponsors" onclick="return true;">Our Sponsors</a></li>
 
-
</div></html>
 
-
<!--<div id="submenu">
 
-
<div class="grid_17 submenu">
 
-
[[Team:Uppsala-Sweden/Team | Team]]
 
-
[[Team:Uppsala-Sweden/Notebook/Deliverables | Accomplishments]]
 
-
[[Team:Uppsala-Sweden/Notebook/Safety | Safety]]
 
-
[[Team:Uppsala-Sweden/Notebook/Protocols | Our protocols]]
 
-
[[Team:Uppsala-Sweden/Notebook/Brainstorming | Brainstorming ideas]]
 
-
[[Team:Uppsala-Sweden/Notebook/Links | Online resources]]
 
-
</div>
 
-
</div>-->
 
-
 
-
</div>
 
-
 
-
<div class="wrap_12">
 
-
<div id="maincontent">
 
-
<span class="blue"></span>
 
-
</div>
 
-
 
-
<div id="menu" class="hp clearfix main">
 
-
 
-
<html>
 
-
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="unicodemenus",awmBN="846";awmAltUrl="";</script><script charset="UTF-8" src="http://aminsaffari.com/JS/unicodemenus.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
 
-
</html>
 
-
</div>
 
Line 194: Line 131:
</style>
</style>
 +
 +
 +
 +
 +
<!-- START OPACITY TEST -->
 +
 +
<style type="text/css">
 +
 +
 +
a.opac img{
 +
opacity:.40;
 +
filter:alpha(opacity=40);
 +
filter: “alpha(opacity=40)”;
 +
}
 +
 +
a.opac:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: “alpha(opacity=100)”;
 +
}
 +
 +
 +
 +
</style>
 +
 +
 +
 +
<!-- END OPACITY TEST -->
</head>  
</head>  
Line 222: Line 187:
 +
<a href="http://www.uu.se/" class="opac"><img src="https://static.igem.org/mediawiki/2011/7/7a/UUlogo.png" alt="css opac" /></a>
 +
<style type="text/css">
 +
.rollover Antonio {
 +
    background: url(https://static.igem.org/mediawiki/2011/6/67/Antonio-UU.jpg) no-repeat 0px 0px;
 +
    width: 204px;
 +
    height: 218px;
 +
    display: block;
 +
}
 +
.rollover Antonio:hover {
 +
    background-position: -204px;
 +
        }
 +
.rollover Lidaw {
 +
    background: url(https://static.igem.org/mediawiki/2011/5/5d/Lidaw-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Lidaw:hover {
 +
    background-position: -200px;
 +
}
 +
.rollover Lei {
 +
    background: url(https://static.igem.org/mediawiki/2011/d/d3/Lei-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Lei:hover {
 +
    background-position: -200px;
 +
}
 +
.rollover Tomas {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/76/Tomas-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Tomas:hover {
 +
    background-position: -200px;
 +
}
 +
.rollover Erik {
 +
    background: url(https://static.igem.org/mediawiki/2011/a/ac/Erik-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Erik:hover {
 +
    background-position: -200px;
 +
}
-
<!-- TOP MENU -->
 
-
<html>
+
.rollover Amin {
-
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="unicodemenus",awmBN="846";awmAltUrl="";</script><script charset="UTF-8" src="http://aminsaffari.com/JS/unicodemenus.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
+
    background: url(https://static.igem.org/mediawiki/2011/f/f9/Amin-UU.jpg) no-repeat 0px 0px;
-
</html>
+
    width: 200px;
-
</div>
+
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Amin:hover {
 +
    background-position: -200px;
 +
}
 +
.rollover Sibel {
 +
    background: url(https://static.igem.org/mediawiki/2011/c/c0/Sibel-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Sibel:hover {
 +
    background-position: -200px;
 +
}
-
<!-- TOP MENU -->
+
.rollover Cherno {
 +
    background: url(https://static.igem.org/mediawiki/2011/d/df/Cherno-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Cherno:hover {
 +
    background-position: -200px;
 +
}
 +
 +
.rollover Johanna {
 +
    background: url(https://static.igem.org/mediawiki/2011/2/28/Johanna-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Johanna:hover {
 +
    background-position: -200px;
 +
}
 +
 +
.rollover Mohammed {
 +
    background: url(https://static.igem.org/mediawiki/2011/5/5c/Mohammed-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Mohammed:hover {
 +
    background-position: -200px;
 +
}
 +
 +
 +
 +
.rollover Laura {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/70/Laura-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Laura:hover {
 +
    background-position: -200px;
 +
}
 +
 +
 +
.rollover Hamid {
 +
    background: url(https://static.igem.org/mediawiki/2011/0/0b/Hamid-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Hamid:hover {
 +
    background-position: -200px;
 +
}
 +
 +
.rollover Pikkei {
 +
    background: url(https://static.igem.org/mediawiki/2011/5/5b/Pikkei-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Pikkei:hover {
 +
    background-position: -200px;
 +
}
 +
 +
 +
.rollover Karl {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/74/Karl-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Karl:hover {
 +
    background-position: -200px;
 +
}
 +
 +
 +
.rollover Phani {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/7b/Phani-UU.jpg) no-repeat 0px 0px;
 +
    width: 192px;
 +
    height: 201px;
 +
    display: block;
 +
}
 +
.rollover Phani:hover {
 +
    background-position: -192px;
 +
}
 +
 +
.rollover Eugenia {
 +
    background: url(https://static.igem.org/mediawiki/2011/b/ba/Eugenia-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Eugenia:hover {
 +
    background-position: -200px;
 +
}
 +
 +
}
 +
 +
</style>
 +
 +
<div align="right" class="rollover"><Antonio href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Lidaw href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Lei href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Tomas href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Erik href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Amin href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Sibel href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Cherno href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Johanna href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Mohammed href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Laura href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Hamid href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Pikkei href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Karl href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Phani href="#"></a></div>
 +
 +
<div align="right" class="rollover"><Eugenia href="#"></a></div>
</body>
</body>
 +
</html>

Latest revision as of 15:24, 8 September 2011

css opac