Template:Uppsala-SwedenTemplate3

From 2011.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Uppsala-SwedenTemplate}}
+
__NOTOC__
-
<div class="wrap_1">
+
<html>
-
<div id="mainred">
+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
-
<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>
+
-
<div class="wrap_12">
+
<!-- Amin script -->  
-
<div id="maincontent">
+
<script type="text/javascript">
-
<span class="blue"></span>
+
-
</div>
+
-
<div id="menu" class="hp clearfix main">
+
function changeImage(name, url){
 +
if(document.images[name]){
 +
document.images[name].src = url;
 +
}
 +
}
 +
</script>
 +
<script type="text/javascript">
 +
    $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>   
 +
<!-- end of amin script-->
-
<div class="grid_2 link">[[Team:Uppsala-Sweden/Project | Project ]]</div>
+
<!--- 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>
-
<ul id="nav"><li>Team
+
<!--- end of slid show --->
-
<ul>
+
-
<li>[[Team:Uppsala-Sweden/Team/Overview | Team Overview ]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Team/Human_Practice | Human Practice]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Team/Sponsorship | Sponsor Group ]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Team/Bioethics-Biosecurity | Bioethics/Biosecurity ]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Team/Webmasters | Website Group ]]</li>
+
-
</ul>
+
-
</li>
+
-
<div class="grid_2 link">[[Team:Uppsala-Sweden/Parts | <span class="red">Parts</span>]]</div>
+
-
<li>[[Team:Uppsala-Sweden/Notebook/Overview | Notebook ]]
+
-
<ul>
+
-
<li>[[Team:Uppsala-Sweden/Notebook/Overview#Week 1 | Week 1 ]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Notebook/Overview#Week 2 | Week 2 ]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Notebook/Overview#Week 3 | Week 3 ]]</li>
+
-
<li>[[Team:Uppsala-Sweden/Notebook/Overview#Week 4 | Week 4 ]]</li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
</div>
 
-
</div>
+
<style type="text/css">
 +
body {}
 +
body.mediawiki {background:#fff ;url(https://static.igem.org/mediawiki/2011/d/db/Uppsala.jpg) top center repeat-y; font-family:Helvetica, Arial, sans-serif; color:#202020;border:20;}
 +
#content {width:976px; padding:0;background:#fff url(https://static.igem.org/mediawiki/2011/d/db/Uppsala.jpg ) bottom center repeat-x;}
 +
#bodyContent {}
 +
h1.firstHeading, #top {display:none;}
 +
#content * a:hover {text-decoration:none;}
 +
 
 +
 
 +
 
 +
<!----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;}
 +
.fh {height:100%; position:relative;}
 +
.container {font-size:1.2em; line-height:1.6em;}
 +
.container_16 {margin-left: auto;margin-right: auto;width: 976px;}
 +
.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;}
 +
.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_Blue {
 +
background: #3B5998;
 +
width:100%;
 +
height:50px;}
 +
.container_16 .grid_Red {
 +
background: #BF0404;
 +
width:190px;
 +
height:50px;}
 +
.container_16 .grid_Green {
 +
background: #05B65E;
 +
width:190px;
 +
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_2 {width:102px;}
 +
 
 +
.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);
 +
border:1px solid blue;
 +
background: #800;
 +
    background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
 +
                                color-stop(50%, #E71616), color-stop(80%, #800000),
 +
                                color-stop(85%, #800000), to(#b80304));}
 +
 
 +
.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);
 +
border:1px solid blue;
 +
background: #800;
 +
    background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
 +
                                color-stop(50%, #E71616), color-stop(80%, #800000),
 +
                                color-stop(85%, #800000), to(#b80304));}
 +
 
 +
 
 +
 
 +
 
 +
.container_16 .grid_4 {width:224px;}
 +
.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);
 +
border:1px solid blue;
 +
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));
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*width:285px;opacity:1;
 +
filter:alpha(opacity=100);
 +
border:1px solid blue;
 +
background:yellow center center;*/}
 +
 
 +
.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;
 +
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_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)”;
 +
border:1px solid blue;
 +
background:blue center center;*/}
 +
.container_16 .grid_7 {width:407px;}
 +
.container_16 .grid_8 {width:368px;}
 +
.container_16 .grid_9 {width:529px;}
 +
.container_16 .grid_10 {width:590px;}
 +
.container_16 .grid_11 {width:665px;}
 +
.container_16 .grid_12 {width:712px;}
 +
.container_16 .grid_13 {width:773px;}
 +
.container_16 .grid_14 {width:834px;}
 +
.container_16 .grid_15 {width:895px;}
 +
.container_16 .grid_16 {width:956px;}
 +
.container_16 .grid_17 {
 +
width:163px;opacity:1;}
 +
.container_16 .prefix_1 {margin-left:61px;}
 +
.container_16 .prefix_2 {margin-left:122px;}
 +
.container_16 .prefix_3 {margin-left:183px;}
 +
.container_16 .prefix_4 {margin-left:0px;}
 +
.container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px;
 +
    -webkit-border-radius: 330px 350px;
 +
    border-radius: 330px/350px;
 +
    background: #800;
 +
    background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
 +
                                color-stop(50%, #E71616), color-stop(80%, #800000),
 +
                                color-stop(85%, #800000), to(#b80304));*/}
 +
.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_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}
 +
 
 +
.clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0; height: 0;}
 +
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;}
 +
.clearfix {display: inline-block;}
 +
* html .clearfix {height: 1%;}
 +
.clearfix {display: block;}
 +
 
 +
.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", "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;}
 +
.und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;}
 +
h3,h4,h5,h6 {text-transform:lowercase;}
 +
h1 {font-size:16px; color:#1B0C24; padding-bottom:0;}
 +
h2,h3 {font-size:14px; padding-bottom:2px;}
 +
h2 {color:#291D28;}
 +
h3 {color:#371E46;}
 +
h4 {font-size:13px; padding-bottom:3px; color#604040;}
 +
h5, h6 {font-size:12px; padding-bottom:4px;}
 +
h5 {color:#806060;}
 +
h6 {color:#996E6E;}
 +
div.sponsortitle h3 {border-bottom:none; text-decoration: underline;}
 +
.editsection, .editsection a {font-size:10px; color:#96B2B5;}
 +
 
 +
 
 +
 
 +
 
 +
.hidden {visibility:hidden;}
 +
.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;}
 +
.blu {background:#86D6EF;}
 +
 
 +
.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;}
 +
#sub_menu {height:200px;}
 +
#Uppsalabanner {}
 +
#Igemlogo {height:79px; top left no-repeat;}
 +
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/9/93/Uppsalalogo.png) right top no-repeat;}
 +
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/9/93/Uppsalalogo.png) bottom left no-repeat;}
 +
#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;}
 +
#Uppsalaabout {height:322px; background:url(https://static.igem.org/mediawiki/2011/3/33/Uppsalaabout.jpg) top left no-repeat;}
 +
.about {height:322px; background:url(https://static.igem.org/mediawiki/2011/a/ab/Uppsalasidelogo.jpg) top left no-repeat;}
 +
#Uppsalaproject {height:360px; background:url(https://static.igem.org/mediawiki/2011/f/f6/Uppsalaplaque.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/9/98/UppsalaBanner2.png) left top no-repeat;}
 +
.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: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.hide:hover, #menu .link.hide {background:transparent;}
 +
#menu .link a {color:#404040; padding:0 0px 0px; display:inline-block;}
 +
#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:0px; border-bottom:0px #426e96 solid;}
 +
#menu.main {}
 +
 
 +
.selflink {color:#202020; font-weight:bold;}
 +
 
 +
#Uppsalacontent {padding-bottom:15px; margin-top:15px;margin-bottom:15px; font-family:Gill Sans / Gill Sans MT, "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:both;}
 +
.bold {font-weight:600;color:#202020;}
 +
.small {font-size:50%;}
 +
.serif {font-family:"Palatino","Times New Roman", Times, serif;}
 +
.textright{text-align:right;}
 +
.right {float:right;}
 +
.textjustify {text-align:justify;}
 +
span.sup {vertical-align:super; line-height:0.25em; font-size:0.8em;}
 +
span.sub {vertical-align:sub; line-height:0.25em; font-size:0.8em;}
 +
span.source {font-size:50%; color:#666; line-height:0.8em;}
 +
 
 +
h1 span.title {letter-spacing:0.03em; font-size:175%; font-family:Helvetica, sans-serif; color:#436e96; font-weight:bold;}
 +
.title {font-weight:100;font-family:"Century Gothic","ITC Avant Garde Gothic", "Avant Garde","Gill Sans", "Gill Sans MT", "Helvetica", sans-serif; letter-spacing:-0.075em; font-size:300%; color:#141414; display:block; display:inline-block; padding-bottom:11px; margin-bottom:10px; padding-top:6px;}
 +
.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 .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 .selflink {color:#426e96; margin:0 2px;}
 +
#submenu .subtitle span {display:block; padding:2px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#e0e0e0; letter-spacing:0.1em;}
 +
#submenu .contrast {background:#404040;}
 +
#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; height:1px; overflow:hidden; font-size:.01em; background:#202020}
 +
.spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #959595;border-right:1px solid #959595; background:#464646}
 +
.spiffy2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#373737}
 +
.spiffy3{margin-left:1px; margin-right:1px; border-left:1px solid #373737; border-right:1px solid #373737;}
 +
.spiffy4{ border-left:1px solid #959595;border-right:1px solid #959595}
 +
.spiffy5{border-left:1px solid #464646; border-right:1px solid #464646}
 +
.spiffyfg{background:#202020}
 +
#tock {float:left; padding:0 20px 0 0; background:transparent; margin:5px 5px 25px 0px;}
 +
#toc {width:200px; position:relative; border:0; padding:5px; background:#202020;}
 +
#content #toc a {color:#a0a0a0; font-weight:normal;}
 +
#content #toc a:hover {color:#e0e0e0; text-decoration:none;}
 +
#toc ul {margin-top:2px; margin-bottom:2px;}
 +
li.toclevel-2,li.toclevel-3 {display:block; position:relative; margin-left:-15px;}
 +
#toctitle h2, #toctitle{color:#e0e0e0; font-size:14px; text-transform:lowercase; font-weight:normal; letter-spacing: 0.075em;}
 +
#toctitle a {font-size:8px;}
 +
.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-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#Uppsalafooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;}
 +
.contrast {background:#202020; color:#bfbecc;}
 +
 
 +
 
 +
 
 +
html, body {height: 100%;}
 +
 
 +
#wrap {min-height: 100%;}
 +
 
 +
#main {overflow:auto;
 +
padding-bottom: 150px;}  /* must be same height as the footer */
 +
 
 +
#footy {
 +
        background-color:#ffffff;
 +
        position: relative;
 +
margin-top: -250px; /* negative value of footer height */
 +
margin-bottom: -25px;
 +
height: 250px;
 +
clear:both;
 +
        border-top: 2px solid black;
 +
        }
 +
 
 +
/*Opera Fix*/
 +
body:before {
 +
content:"";
 +
height:100%;
 +
float:left;
 +
width:0;
 +
margin-top:-32767px;/
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#ram
 +
{
 +
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)”;
 +
}
 +
 
 +
<!--END IMG OPACITY-->
 +
 
 +
 
 +
-------------------
 +
/*Wikihack*/
 +
 
 +
/* it's in my file*/
 +
 
 +
------------------
 +
</style>
 +
 
 +
 
 +
 
 +
<!--[if IE]>
 +
<style type="text/css">
 +
.container_16 {background:0; overflow:auto; font-size:92.5%;}
 +
#content #submenu .subtitle, #content #submenu .submenu a {font-size:90%}
 +
#menu .link {font-size:11px;}
 +
</style>
 +
<![endif]-->
 +
<!--[if lte IE 6]>
 +
<style type="text/css">
 +
body {display:none; visibility:hidden;}
 +
* {text-align:center; display:none;}
 +
#content {display:none; visibility:hidden;}
 +
html .container_16 {background:0; overflow:auto; width:980px; display:none; visibility: hidden;}
 +
#content #submenu{font-size:90%;}
 +
</style>
 +
<![endif]-->
 +
 
 +
 
 +
 
 +
<!--[if !IE 7]>
 +
<style type="text/css">
 +
#wrap {display:table;height:100%}
 +
</style>
 +
<![endif]-->
 +
 
 +
 
 +
 
 +
<script type="text/javascript"><!--//--><![CDATA[//><!--
 +
 
 +
sfHover = function() {
 +
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
 +
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
this.className+=" sfhover";
 +
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
 +
}
 +
}
 +
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
 
 +
//--><!]]></script>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</html>
 +
 
 +
<div class="container_16">

Latest revision as of 08:03, 19 August 2011

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