Template:Uppsala-SwedenTemplate

From 2011.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 28: Line 28:
<!--- slide show --->
<!--- slide show --->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script type="text/javascript" src="http://www.albanx.com/jslibs/jquery.mousewheel.js"></script>
 
-
<script type="text/javascript" src="http://www.albanx.com/jslibs/axzoomer-min1.4.js"></script>
 
<script type="text/javascript" src="https://2011.igem.org/Team:Uppsala-Sweden/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/js"></script>
<script type="text/javascript" src="https://2011.igem.org/Team:Uppsala-Sweden/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/js"></script>
 +
<script type='text/javascript' src="https://2011.igem.org/Team:Uppsala-Sweden/jquery.jqzoom-core.js?action=raw&amp;ctype=text/js"></script>
<!--- end of slid show --->
<!--- end of slid show --->
 +
Line 42: Line 42:
h1.firstHeading, #top {display:none;}
h1.firstHeading, #top {display:none;}
#content * a:hover {text-decoration:none;}
#content * a:hover {text-decoration:none;}
 +
 +
<!--- 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(https://static.igem.org/mediawiki/2011/e/ec/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 --->
<!----new-->
<!----new-->
Line 184: Line 416:
.container_16 .grid_cell{
.container_16 .grid_cell{
width:200px;font-family:Helvetica, Arial, sans-serif; color:#202020;}
width:200px;font-family:Helvetica, Arial, sans-serif; color:#202020;}
 +
.container_16 .grid_Orange_thin {
 +
background: #FF9C09;
 +
width:100%;
 +
height:30px;}
 +
.container_16 .grid_Blue_thin {
 +
background: #3B5998;
 +
width:100%;
 +
height:30px;}
 +
.container_16 .grid_Red_thin {
 +
background: #BF0404;
 +
width:100%;
 +
height:30px;}
 +
.container_16 .grid_Green_thin {
 +
background: #00BC6A;
 +
width:100%;
 +
height:30px;}
.container_16 .grid_Blue {
.container_16 .grid_Blue {
background: #3B5998;
background: #3B5998;
Line 190: Line 438:
.container_16 .grid_Red {
.container_16 .grid_Red {
background: #BF0404;
background: #BF0404;
-
width:190px;
+
width:100%;
height:50px;}
height:50px;}
.container_16 .grid_Green {
.container_16 .grid_Green {
background: #05B65E;
background: #05B65E;
-
width:190px;
+
width:100%;
height:50px;}
height:50px;}
.container_16 .grid_content_Blue {
.container_16 .grid_content_Blue {
Line 574: Line 822:
#main {overflow:auto;
#main {overflow:auto;
-
padding-bottom: 150px;}  /* must be same height as the footer */
+
padding-bottom: 350px;}  /* must be same height as the footer */
#footy {
#footy {
         background-color:#ffffff;
         background-color:#ffffff;
         position: relative;
         position: relative;
-
margin-top: -250px; /* negative value of footer height */
+
margin-top: -350px; /* negative value of footer height */
margin-bottom: -25px;
margin-bottom: -25px;
-
height: 250px;
+
height: 350px;
clear:both;
clear:both;
         border-top: 2px solid black;
         border-top: 2px solid black;
Line 622: Line 870:
<!--END IMG OPACITY-->  
<!--END IMG OPACITY-->  
 +
 +
<!--START ROLLOVER PROFILE PICTURES-->
 +
 +
.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;
 +
}
 +
 +
 +
.rollover Amin {
 +
    background: url(https://static.igem.org/mediawiki/2011/f/f9/Amin-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    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;
 +
}
 +
 +
.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;
 +
}
 +
 +
}
 +
 +
<!--END ROLLOVER PROFILE PICTURES--> OPACITY
-------------------
-------------------
/*Wikihack*/
/*Wikihack*/
 +
#globalWrapper {
 +
    background-color: transparent;
 +
    padding-bottom:0px;
 +
    border: none;
 +
    }
 +
#content {
 +
    background-color: white;
 +
    border:none;
 +
    padding-bottom:none;
 +
    margin-bottom:none;
 +
    }
 +
#bodyContent {
 +
    border: none;
 +
    }
 +
#top-section {
 +
    height: 14px;
 +
    margin-top: -14px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 0 !important;
 +
    margin-bottom: 10px;
 +
    padding:0;
 +
    border: none;
 +
    }
 +
#p-logo {
 +
    height:1px;
 +
    overflow:hidden;
 +
    border:none;
 +
    }
 +
#search-controls {
 +
    overflow:hidden;
 +
    display:none;
 +
    background: none;
 +
    position: absolute;
 +
    top: 100px;
 +
    right: 40px;
 +
    }         
 +
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none;  left:20px;}                                                                                                                                 
 +
.left-menu ul { border: none; }
 +
 +
#menubar.right-menu {
 +
    width:300px;
 +
    display:block;
 +
    float:left;
 +
    margin-top:-62px;
 +
    padding-left:50px;
 +
    border: none;
 +
    right:50px;
 +
    }                                                                                                                                                       
 +
.right-menu ul { border: none;}
 +
 +
#menubar li a{
 +
    color:#73a631;
 +
}
 +
 +
#menubar li a:hover {
 +
    color:#73a631;
 +
    text-decoration:underline;
 +
}
 +
 +
#menubar li.selected a {
 +
    color:#555555;
 +
}
 +
 +
#footer-box {
 +
    background-color: white;
 +
    border: none;
 +
    width: 965px;
 +
    margin: 0 auto;
 +
    margin-bottom:none;
 +
    padding-left:5px;
 +
    padding-right:5px;
 +
    }
 +
#footer {
 +
    border: none;
 +
    width: 965px;
 +
    margin: 0;
 +
    padding: 0;
 +
    background-color:white;
 +
    }                                                                                                                                      .firstHeading { display: none;}
 +
#f-list a {
 +
    color: #333;
 +
    font-size: 10px;
 +
    }
 +
#f-list a:hover {
 +
    color: #666;
 +
    }
 +
#footer ul {
 +
    margin: 0;
 +
    padding: 0;
 +
    }
 +
#footer ul li {
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
 +
    padding: 0;
 +
    }
/* it's in my file*/
/* it's in my file*/

Latest revision as of 15:20, 28 October 2011