Template:Uppsala-SwedenTemplate

From 2011.igem.org

(Difference between revisions)
Line 34: Line 34:
<!--- end of slid show --->
<!--- end of slid show --->
 +
<!--- zoom -->
 +
.zoomPad{
 +
 +
position:relative;
 +
 +
float:left;
 +
 +
z-index:99;
 +
 +
cursor:crosshair;
 +
 +
}
 +
 +
 +
 +
 +
 +
.zoomPreload{
 +
 +
  -moz-opacity:0.8;
 +
 +
  opacity: 0.8;
 +
 +
  filter: alpha(opacity = 80);
 +
 +
  color: #333;
 +
 +
  font-size: 12px;
 +
 +
  font-family: Tahoma;
 +
 +
  text-decoration: none;
 +
 +
  border: 1px solid #CCC;
 +
 +
  background-color: white;
 +
 +
  padding: 8px;
 +
 +
  text-align:center;
 +
 +
  background-image: url(../images/zoomloader.gif);
 +
 +
  background-repeat: no-repeat;
 +
 +
  background-position: 43px 30px;
 +
 +
  z-index:110;
 +
 +
  width:90px;
 +
 +
  height:43px;
 +
 +
  position:absolute;
 +
 +
  top:0px;
 +
 +
  left:0px;
 +
 +
    * width:100px;
 +
 +
    * height:49px;
 +
 +
}
 +
 +
 +
 +
 +
 +
.zoomPup{
 +
 +
overflow:hidden;
 +
 +
background-color: #FFF;
 +
 +
-moz-opacity:0.6;
 +
 +
opacity: 0.6;
 +
 +
filter: alpha(opacity = 60);
 +
 +
z-index:120;
 +
 +
position:absolute;
 +
 +
border:1px solid #CCC;
 +
 +
  z-index:101;
 +
 +
  cursor:crosshair;
 +
 +
}
 +
 +
 +
 +
.zoomOverlay{
 +
 +
position:absolute;
 +
 +
left:0px;
 +
 +
top:0px;
 +
 +
background:#FFF;
 +
 +
/*opacity:0.5;*/
 +
 +
z-index:5000;
 +
 +
width:100%;
 +
 +
height:100%;
 +
 +
display:none;
 +
 +
  z-index:101;
 +
 +
}
 +
 +
 +
 +
.zoomWindow{
 +
 +
position:absolute;
 +
 +
left:110%;
 +
 +
top:40px;
 +
 +
background:#FFF;
 +
 +
z-index:6000;
 +
 +
height:auto;
 +
 +
  z-index:10000;
 +
 +
  z-index:110;
 +
 +
}
 +
 +
.zoomWrapper{
 +
 +
position:relative;
 +
 +
border:1px solid #999;
 +
 +
  z-index:110;
 +
 +
}
 +
 +
.zoomWrapperTitle{
 +
 +
display:block;
 +
 +
background:#999;
 +
 +
color:#FFF;
 +
 +
height:18px;
 +
 +
line-height:18px;
 +
 +
width:100%;
 +
 +
  overflow:hidden;
 +
 +
text-align:center;
 +
 +
font-size:10px;
 +
 +
  position:absolute;
 +
 +
  top:0px;
 +
 +
  left:0px;
 +
 +
  z-index:120;
 +
 +
  -moz-opacity:0.6;
 +
 +
  opacity: 0.6;
 +
 +
  filter: alpha(opacity = 60);
 +
 +
}
 +
 +
.zoomWrapperImage{
 +
 +
display:block;
 +
 +
  position:relative;
 +
 +
  overflow:hidden;
 +
 +
  z-index:110;
 +
 +
 +
 +
}
 +
 +
.zoomWrapperImage img{
 +
 +
  border:0px;
 +
 +
  display:block;
 +
 +
  position:absolute;
 +
 +
  z-index:101;
 +
 +
}
 +
 +
 +
 +
.zoomIframe{
 +
 +
  z-index: -1;
 +
 +
  filter:alpha(opacity=0);
 +
 +
  -moz-opacity: 0.80;
 +
 +
  opacity: 0.80;
 +
 +
  position:absolute;
 +
 +
  display:block;
 +
 +
}
 +
 +
 +
<!--- end of zoom --->
<style type="text/css">
<style type="text/css">

Revision as of 13:04, 15 September 2011

.zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; } .zoomPreload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; } .zoomPup{ overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; } .zoomOverlay{ position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101; } .zoomWindow{ position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; } .zoomWrapper{ position:relative; border:1px solid #999; z-index:110; } .zoomWrapperTitle{ display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; } .zoomWrapperImage img{ border:0px; display:block; position:absolute; z-index:101; } .zoomIframe{ z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

Retrieved from "http://2011.igem.org/Template:Uppsala-SwedenTemplate"