Template:Uppsala-SwedenTemplate

From 2011.igem.org

(Difference between revisions)
 
(501 intermediate revisions not shown)
Line 3: Line 3:
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
-
<!-- START:Riddance. -->
+
<!-- Amin script -->  
-
 
+
<script type="text/javascript">
<script type="text/javascript">
-
var d = document.getElementById('top-section');
 
-
var olddiv = document.getElementById('p-logo');
 
-
d.removeChild(olddiv);
 
 +
function changeImage(name, url){
 +
if(document.images[name]){
 +
document.images[name].src = url;
 +
}
 +
}
</script>
</script>
 +
<script type="text/javascript">
 +
    $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>   
 +
<script>
 +
$(document).ready(function(){
 +
      $('.demo').finezoom({
 +
      maxZoom:8
 +
      });
 +
      });
 +
</script>
 +
<!-- end of amin script-->
 +
 +
<!--- 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="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: Riddance. -->
 
<style type="text/css">
<style type="text/css">
Line 22: Line 43:
#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-->
 +
.nivoSlider {
 +
position:absolute;
 +
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
/* If an image is wrapped in a link */
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:6;
 +
display:none;
 +
}
 +
/* The slices and boxes in the Slider */
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
height:100%;
 +
}
 +
.nivo-box {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
}
 +
/* Caption styles */
 +
.nivo-caption {
 +
position:absolute;
 +
left:0px;
 +
bottom:0px;
 +
background:#000;
 +
color:#fff;
 +
opacity:0.8; /* Overridden by captionOpacity setting */
 +
width:100%;
 +
z-index:8;
 +
}
 +
.nivo-caption p {
 +
padding:5px;
 +
margin:0;
 +
}
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
/* Direction nav styles (e.g. Next & Prev) */
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:45%;
 +
z-index:9;
 +
cursor:pointer;
 +
        opacity:0;
 +
}
 +
.nivo-prevNav {
 +
left:0px;
 +
}
 +
.nivo-nextNav {
 +
right:0px;
 +
}
 +
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav a {
 +
position:relative;
 +
z-index:9;
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
 +
opacity:0;
 +
}
 +
/*=================================*/
 +
/* Nivo Slider Demo
 +
/* November 2010
 +
/* By: Gilbert Pellegrom
 +
/* http://dev7studios.com
 +
/*=================================*/
 +
<!---
 +
/*====================*/
 +
/*=== Reset Styles ===*/
 +
/*====================*/
 +
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, font, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
margin:0;
 +
padding:0;
 +
border:0;
 +
outline:0;
 +
font-weight:inherit;
 +
font-style:inherit;
 +
font-size:100%;
 +
font-family:inherit;
 +
vertical-align:baseline;
 +
}
 +
 +
 +
 +
a, a:visited {
 +
color:blue;
 +
text-decoration:none;
 +
}
 +
a:hover, a:active {
 +
color:#000;
 +
text-decoration:none;
 +
}
 +
 +
--->
 +
.theme-default #slider {
 +
    margin:34px 34px 0 34px;
 +
margin-top:30px;
 +
margin-bottom:30px;
 +
    width:870px; /* Make sure your images are the same size */
 +
    height:246px; /* Make sure your images are the same size */
 +
}
 +
<!---end of new -->
.hp {width:100%; position:relative;}
.hp {width:100%; position:relative;}
.fh {height:100%; position:relative;}
.fh {height:100%; position:relative;}
.container {font-size:1.2em; line-height:1.6em;}
.container {font-size:1.2em; line-height:1.6em;}
.container_16 {margin-left: auto;margin-right: auto;width: 976px;}
.container_16 {margin-left: auto;margin-right: auto;width: 976px;}
-
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;}
+
.grid_cell,.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;}
.alpha {padding-left:0;}
.alpha {padding-left:0;}
.omega {padding-right:0;}
.omega {padding-right:0;}
 +
.mywhite {color:#FFFFFF;font-variant:normal; text-transform:none;text-align:left;vertical-align:middle;font-weight:400; font-family: Helvetica, sans-serif; font-size:20px;}
 +
.container_16 .grid_cell{
 +
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 {
 +
background: #3B5998;
 +
width:100%;
 +
height:50px;}
 +
.container_16 .grid_Red {
 +
background: #BF0404;
 +
width:100%;
 +
height:50px;}
 +
.container_16 .grid_Green {
 +
background: #05B65E;
 +
width:100%;
 +
height:50px;}
 +
.container_16 .grid_content_Blue {
 +
border-bottom:3px double #3B5998;
 +
width:190px;}
 +
.container_16 .grid_content_Red {
 +
border-bottom:3px double #BF0404;
 +
width:190px;}
 +
.container_16 .grid_content_Green {
 +
border-bottom:3px double #05B65E;
 +
width:190px;}
 +
 +
.container_16 .grid_1 {width:41px;}
.container_16 .grid_1 {width:41px;}
.container_16 .grid_2 {width:102px;}
.container_16 .grid_2 {width:102px;}
-
.container_16 .grid_3 {width:163px;opacity:1;
+
 
 +
.container_16 .grid_3 {
 +
-webkit-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
 +
-moz-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
 +
-o-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
 +
  border:double 6px #000000;
 +
-moz-border-radius: 24px;
 +
-webkit-border-radius: 24px;
 +
border-radius: 24px;
 +
-moz-box-shadow: 10px 10px 5px #000000;
 +
-webkit-box-shadow: 10px 10px 5px #000000;
 +
box-shadow: 10px 10px 5px #000000;
 +
 
 +
 
 +
 
 +
/*margin-right:61px;*/
 +
width:263px;opacity:1;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
border:1px solid blue;
border:1px solid blue;
Line 43: Line 482:
                                 color-stop(85%, #800000), to(#b80304));}
                                 color-stop(85%, #800000), to(#b80304));}
-
.container_16 .grid_3:hover {width:163px;opacity:1;
+
.container_16 .grid_3:hover {
 +
-webkit-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
 +
-moz-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
 +
-o-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
 +
  border:double 6px #000000;
 +
-moz-border-radius: 24px;
 +
-webkit-border-radius: 24px;
 +
border-radius: 24px;
 +
-moz-box-shadow: 10px 10px 5px #000000;
 +
-webkit-box-shadow: 10px 10px 5px #000000;
 +
box-shadow: 10px 10px 5px #000000;
 +
 
 +
 
 +
 
 +
/*margin-right:61px;*/
 +
width:263px;opacity:1;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
-
filter: “alpha(opacity=100)”;
 
border:1px solid blue;
border:1px solid blue;
background: #800;
background: #800;
Line 57: Line 510:
.container_16 .grid_4 {width:224px;}
.container_16 .grid_4 {width:224px;}
-
.container_16 .grid_5 {width:285px;opacity:1;
+
.container_16 .grid_5 {
 +
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 +
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 +
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 +
  border:double 6px #000000;
 +
-moz-border-radius: 24px;
 +
-webkit-border-radius: 24px;
 +
border-radius: 24px;
 +
-moz-box-shadow: 10px 10px 5px #000000;
 +
-webkit-box-shadow: 10px 10px 5px #000000;
 +
box-shadow: 10px 10px 5px #000000;
 +
color:red;
 +
 
 +
 
 +
/*margin-right:61px;*/
 +
width:285px;opacity:1;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
border:1px solid blue;
border:1px solid blue;
-
background:yellow center center;}
+
background: #800;
 +
    background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
 +
                                color-stop(50%, #ffa000), to(#FFFFFF));
-
.container_16 .grid_5:hover {width:285px;opacity:1;
+
 
 +
 
 +
 
 +
 
 +
/*width:285px;opacity:1;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
-
filter: “alpha(opacity=100)”;
 
border:1px solid blue;
border:1px solid blue;
-
background:yellow center center;}
+
background:yellow center center;*/}
-
.container_16 .grid_6 {100);
+
.container_16 .grid_5:hover {
 +
-webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 +
-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 +
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 +
  border:double 6px #000000;
 +
-moz-border-radius: 24px;
 +
-webkit-border-radius: 24px;
 +
border-radius: 24px;
 +
-moz-box-shadow: 10px 10px 5px #000000;
 +
-webkit-box-shadow: 10px 10px 5px #000000;
 +
box-shadow: 10px 10px 5px #000000;
 +
color:red;
 +
 
 +
 
 +
/*margin-right:61px;*/
 +
width:285px;opacity:1;
 +
filter:alpha(opacity=100);
border:1px solid blue;
border:1px solid blue;
-
background:blue center center;}
+
background: #800;
-
.container_16 .grid_6:hover {width:346px;opacity:1;
+
    background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
 +
                                color-stop(50%, #ffa000), to(#FFFFFF));}
 +
 
 +
.container_16 .grid_6 {
 +
 
 +
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 +
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 +
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 +
  border:double 6px #000000;
 +
-moz-border-radius: 14px;
 +
-webkit-border-radius: 24px;
 +
border-radius: 24px;
 +
-moz-box-shadow: 10px 10px 5px #000000;
 +
-webkit-box-shadow: 10px 10px 5px #000000;
 +
box-shadow: 10px 10px 5px #000000;
 +
 
 +
 
 +
 
 +
/*margin-right:61px;*/
 +
width:285px;opacity:1;
 +
filter:alpha(opacity=100);
 +
border:1px solid blue;
 +
background: #800;
 +
    background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#0060a0),
 +
                                color-stop(40%,#0020ff), to(#00c0c0));
 +
width:346px;
 +
/*border:1px solid blue;
 +
background:blue center center;*/}
 +
.container_16 .grid_6:hover {
 +
-webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 +
-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 +
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 +
  border:double 6px #000000;
 +
-moz-border-radius: 24px;
 +
-webkit-border-radius: 24px;
 +
border-radius: 24px;
 +
-moz-box-shadow: 10px 10px 5px #000000;
 +
-webkit-box-shadow: 10px 10px 5px #000000;
 +
box-shadow: 10px 10px 5px #000000;
 +
 
 +
 
 +
 
 +
/*margin-right:61px;*/
 +
width:285px;opacity:1;
 +
filter:alpha(opacity=100);
 +
border:1px solid blue;
 +
background: #800;
 +
    background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#0060a0),
 +
                                color-stop(40%,#0020ff), to(#00c0c0));
 +
width:346px;
 +
/*width:346px;opacity:1;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
filter: “alpha(opacity=100)”;
border:1px solid blue;
border:1px solid blue;
-
background:blue center center;}
+
background:blue center center;*/}
.container_16 .grid_7 {width:407px;}
.container_16 .grid_7 {width:407px;}
-
.container_16 .grid_8 {width:468px;}
+
.container_16 .grid_8 {width:368px;}
.container_16 .grid_9 {width:529px;}
.container_16 .grid_9 {width:529px;}
.container_16 .grid_10 {width:590px;}
.container_16 .grid_10 {width:590px;}
Line 86: Line 629:
.container_16 .grid_15 {width:895px;}
.container_16 .grid_15 {width:895px;}
.container_16 .grid_16 {width:956px;}
.container_16 .grid_16 {width:956px;}
 +
.container_16 .grid_17 {
 +
width:163px;opacity:1;}
.container_16 .prefix_1 {margin-left:61px;}
.container_16 .prefix_1 {margin-left:61px;}
.container_16 .prefix_2 {margin-left:122px;}
.container_16 .prefix_2 {margin-left:122px;}
.container_16 .prefix_3 {margin-left:183px;}
.container_16 .prefix_3 {margin-left:183px;}
-
.container_16 .prefix_4 {margin-left:244px;}
+
.container_16 .prefix_4 {margin-left:0px;}
.container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px;
.container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px;
     -webkit-border-radius: 330px 350px;
     -webkit-border-radius: 330px 350px;
Line 99: Line 644:
                                 color-stop(85%, #800000), to(#b80304));*/}
                                 color-stop(85%, #800000), to(#b80304));*/}
.wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;}
.wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;}
-
.wrap_3 {float:left; display:inline; width:183px; position:relative; padding:0; margin:0;}
+
.wrap_3 {float:left; display:inline; width:183px;position:relative; padding:0; margin:0;}
.wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}
.wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}
Line 110: Line 655:
.round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); }
.round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); }
-
h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px #996E6E solid;font-family:"Arial Black", Gadget, "Impact", "Helvetica", sans-serif; margin-bottom:10px; margin-top:10px; padding-bottom: 5px; letter-spacing: 0.075em;}
+
h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px #996E6E solid;font-family:"Arial Black", "Helvetica", sans-serif; margin-bottom:10px; margin-top:10px; padding-bottom: 5px; letter-spacing: 0.075em;}
h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;}
h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;}
.und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;}
.und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;}
Line 126: Line 671:
-
#Uppsalacontent a {font-weight:bold;}
+
 
-
#Uppsalacontent a:link, #Uppsalacontent a:active,#Uppsalacontent a:visited {color:#426e9f;}
+
-
#Uppsalacontent a:hover {color:#68bada;}
+
.hidden {visibility:hidden;}
.hidden {visibility:hidden;}
.gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;}
.gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;}
 +
.white {font-size:15; color:#FFFFFF; font-family:serif;}
.grey {color:#666; font-family:serif; font-style:italic;}
.grey {color:#666; font-family:serif; font-style:italic;}
.blu {background:#86D6EF;}
.blu {background:#86D6EF;}
Line 137: Line 681:
.container_16 #Uppsalabanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;}
.container_16 #Uppsalabanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;}
.container_16 #Uppsalabanner .grid_12 {width:717px; padding:0;margin-left:5px; margin-right:10px;}
.container_16 #Uppsalabanner .grid_12 {width:717px; padding:0;margin-left:5px; margin-right:10px;}
-
 
+
#sub_menu {height:200px;}
#Uppsalabanner {}
#Uppsalabanner {}
-
#mainlogo {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;}
+
#mainlogo {height:210px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) top center no-repeat;}
-
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat;}
+
#Igemlogo {height:79px; top left no-repeat;border:2px 2px 2px 2px single #3B5998;}
-
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/9/93/Uppsalalogo2.jpg) bottom left no-repeat;}
+
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) right top no-repeat;}
-
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/6/63/Uppsalabanner.jpg) center center no-repeat; clear:both; position:relative;}
+
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) bottom left no-repeat;}
 +
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) center center no-repeat; clear:both; position:relative;}
#Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;}
#Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;}
.banner {height:200px;display:block;}
.banner {height:200px;display:block;}
Line 150: Line 695:
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
-
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) left top no-repeat;}
+
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/9/98/UppsalaBanner2.png) left top no-repeat;}
.maincontent {margin-top:-50px;}
.maincontent {margin-top:-50px;}
-
#menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:42px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/}
+
 
-
#menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:1px;}
+
#menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:0px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/}
 +
#menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:0px;}
#menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/}
#menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/}
#menu .link.hide:hover, #menu .link.hide {background:transparent;}
#menu .link.hide:hover, #menu .link.hide {background:transparent;}
-
#menu .link a {color:#404040; padding:0 3px 3px; display:inline-block;}
+
#menu .link a {color:#404040; padding:0 0px 0px; display:inline-block;}
-
#menu .link .selflink {color:#426e9f; padding-top:0px;padding-bottom:1px; border-bottom:1px #68BADA solid; }
+
#menu .link .selflink {color:#426e9f; padding-top:0px;padding-bottom:0px; border-bottom:0px #68BADA solid; }
-
#menu .link a:hover {color:#202020; padding-top:0px;padding-bottom:1px; border-bottom:2px #426e96 solid;}
+
#menu .link a:hover {color:#202020; padding-top:0px;padding-bottom:0px; border-bottom:0px #426e96 solid;}
#menu.main {}
#menu.main {}
Line 179: Line 725:
.title span.bold {color:#202020;}
.title span.bold {color:#202020;}
-
#content #submenu {margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;}
+
#content #submenu{margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;}
#content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;}
#content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;}
#content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;}
#content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;}
Line 186: Line 732:
#submenu .contrast {background:#404040;}
#submenu .contrast {background:#404040;}
#submenu .subtitle {margin-bottom:5px;}
#submenu .subtitle {margin-bottom:5px;}
 +
<!-- Changing the face -->
 +
.profile img {
 +
float:left;
 +
}
 +
 +
.profile a.member {
 +
cursor:default;
 +
display:block;
 +
text-decoration:none;
 +
float:left;
 +
}
 +
 +
 +
.profile a.member {
 +
background-repeat:no-repeat;
 +
background-position:0 7px;
 +
}
 +
 +
<!-- End of face css -->
.spiffy{display:block}
.spiffy{display:block}
Line 205: Line 770:
.tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;}
.tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;}
 +
<!-- new submenu-->
 +
#floatMenu {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
margin-left:0px;
 +
width:180px;
 +
min-height:100%;
 +
height:200px;
 +
z-index:-16;
 +
}
 +
#floatMenu ul {
 +
margin-bottom:20px;
 +
}
 +
#floatMenu ul li a {
 +
                display:block;
 +
border:1px solid #999;
 +
background-color:#222;
 +
border-left:6px solid #999;
 +
text-decoration:none;
 +
color:#ccc;
 +
padding:5px 5px 5px 25px;
 +
}
 +
#floatMenu ul li a:hover {
 +
color:#fff;
 +
background-color:#333333;
 +
}
 +
#floatMenu ul.menu1 li a:hover {
 +
border-color:#09f;
 +
}
 +
#floatMenu ul.menu2 li a:hover {
 +
border-color:#9f0;
 +
}
 +
#floatMenu ul.menu3 li a:hover {
 +
border-color:#f09;
 +
}
 +
<!-- end of new submenu-->
-
a img{
 
-
opacity:1;
 
-
filter:alpha(opacity=100);
 
-
filter: “alpha(opacity=100)”;
 
-
}
 
-
a:hover img{
 
-
opacity:1;
 
-
filter:alpha(opacity=100);
 
-
filter: “alpha(opacity=100)”;
 
-
}
 
-
 
-
/*a.image {margin:10px auto;}*/
 
-
.teamlist ol, .teamlist ul {padding:0 0 0 15px; margin:0; position:relative; font-size:80%;}
 
-
#content .teamlist, #content .teamlist a {font-weight:normal; color:#404040;}
 
-
#content .teamlist a:hover {color:#202020; font-weight:bold;}
 
-
.profile {margin-bottom:25px; padding-top:4px; border-top:1px #ccc dotted;}
 
-
.profwriteup {font-size:85%; color:#404040;}
 
-
.profwriteup b, .profwriteup strong {font-size:110%; font-family:"Century Gothic","Avant Garde","Gill Sans", "Gill Sans MT", sans-serif; color:#202020;}
 
-
div.ref {font-size:10px; color:#545454;}
 
-
.mono {font-family:"Courier New", "Courier", monospace; font-size:110%; font-weight:bold;}
 
-
h1.special, h2.special, h3.special, h4.special {font-weight:bold; font-size:28px; font-size:120%;}
 
#Uppsalafooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;}
#Uppsalafooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;}
.contrast {background:#202020; color:#bfbecc;}
.contrast {background:#202020; color:#bfbecc;}
 +
 +
 +
 +
html, body {height: 100%;}
 +
 +
#wrap {min-height: 100%;}
 +
 +
#main {overflow:auto;
 +
padding-bottom: 350px;}  /* must be same height as the footer */
 +
 +
#footy {
 +
        background-color:#ffffff;
 +
        position: relative;
 +
margin-top: -350px; /* negative value of footer height */
 +
margin-bottom: -25px;
 +
height: 350px;
 +
clear:both;
 +
        border-top: 2px solid black;
 +
        }
 +
 +
/*Opera Fix*/
 +
body:before {
 +
content:"";
 +
height:100%;
 +
float:left;
 +
width:0;
 +
margin-top:-32767px;/
 +
}
 +
 +
 +
 +
#ram
#ram
{
{
border-style:solid;
border-style:solid;
 +
padding-left:20px;
 +
padding-right:20px;
 +
}
 +
 +
<!--START IMG OPACITY-->
 +
a.opac img{
 +
opacity:.40;
 +
filter:alpha(opacity=50);
 +
filter: “alpha(opacity=50)”;
}
}
 +
a.opac:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: “alpha(opacity=100)”;
 +
}
-
<!-- START:DROP-DOWN MENU STYLE SHEET (Source: http://www.alistapart.com/articles/dropdowns/) -->
+
<!--END IMG OPACITY-->  
-
#drop ul.drop {
+
<!--START ROLLOVER PROFILE PICTURES-->
-
  padding: 100em;
+
 
-
  margin: 0;
+
.rollover Antonio {
-
  list-style-type: none;
+
    background: url(https://static.igem.org/mediawiki/2011/6/67/Antonio-UU.jpg) no-repeat 0px 0px;
-
  }
+
    width: 204px;
-
#drop li {
+
    height: 218px;
-
  float: left;
+
    display: block;
-
  position: relative;
+
-
  width: 10em;
+
-
  }
+
-
 
+
-
li ul.drop {
+
-
  display: none;
+
-
  position: absolute;
+
-
  top: 1em;
+
-
  left: 0;
+
-
  }
+
-
li > ul.drop {
+
-
top: auto;
+
-
left: auto;
+
}
}
-
+
.rollover Antonio:hover {
-
li:hover ul.drop, li.over ul.drop{ display: block; }
+
    background-position: -204px;
-
clear: left
+
        }  
-
<!-- END: DROP-DOWN MENU STYLE SHEET-->
+
.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*/
------------------
------------------
</style>
</style>
 +
 +
<!--[if IE]>
<!--[if IE]>
Line 297: Line 1,171:
 +
 +
<!--[if !IE 7]>
 +
<style type="text/css">
 +
#wrap {display:table;height:100%}
 +
</style>
 +
<![endif]-->
<script type="text/javascript"><!--//--><![CDATA[//><!--
<script type="text/javascript"><!--//--><![CDATA[//><!--
-
startList = function() {
+
 
-
if (document.all&&document.getElementById) {
+
sfHover = function() {
-
navRoot = document.getElementById("nav");
+
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
-
for (i=0; i<navRoot.childNodes.length; i++) {
+
for (var i=0; i<sfEls.length; i++) {
-
node = navRoot.childNodes[i];
+
sfEls[i].onmouseover=function() {
-
if (node.nodeName=="LI") {
+
this.className+=" sfhover";
-
node.onmouseover=function() {
+
}
-
this.className+=" over";
+
sfEls[i].onmouseout=function() {
-
}
+
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
-
node.onmouseout=function() {
+
-
this.className=this.className.replace(" over", "");
+
-
}
+
-
}
+
}
}
}
}
}
}
-
window.onload=startList;
+
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
//--><!]]></script>

Latest revision as of 15:20, 28 October 2011

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