Template:Uppsala-SwedenTemplate2

From 2011.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 11: Line 11:
}
}
}
}
-
</script>
+
</script>     
-
<script type="text/javascript">
+
-
    $(window).load(function() {
+
-
        $('#slider').nivoSlider();
+
-
    });
+
-
    </script>     
+
<!-- end of amin 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>
 
-
 
-
<!--- end of slid show --->
 
Line 36: Line 25:
-
<!----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_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;}
+
.grid_cell,.grid_Blue,.grid_Green,.grid_Red,.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{
.container_16 .grid_cell{
-
width:200px;font-family:Helvetica, Arial, sans-serif; color:#202020;}
+
width:170px;font-family:Helvetica, Arial, sans-serif; color:#202020;border:1px solid #F2F2F2;background: #F2F2F2;
 +
}
.container_16 .grid_Blue {
.container_16 .grid_Blue {
 +
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
background: #3B5998;
background: #3B5998;
-
width:100%;
+
width:170px;}
-
height:50px;}
+
.container_16 .grid_Red {
.container_16 .grid_Red {
 +
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
background: #BF0404;
background: #BF0404;
-
width:190px;
+
width:170px;}
-
height:50px;}
+
.container_16 .grid_Green {
.container_16 .grid_Green {
 +
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
background: #05B65E;
background: #05B65E;
-
width:190px;
+
width:170px;}
-
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;}
Line 426: Line 277:
#sub_menu {height:200px;}
#sub_menu {height:200px;}
#Uppsalabanner {}
#Uppsalabanner {}
-
#mainlogo {height:210px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) top center no-repeat;}
+
#mainlogo {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;}
-
#Igemlogo {height:79px; background:url(https://static.igem.org/mediawiki/2011/6/61/Uppsala6.png) top left no-repeat;}
+
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat;}
-
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) right top no-repeat;}
+
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) bottom left no-repeat;}
-
#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/5/58/Uppsalaheader2.jpg) center center no-repeat; clear:both; position:relative;}
-
#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 438: Line 288:
#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/9/98/UppsalaBanner2.png) left top no-repeat;}
+
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/b/bb/UppsalaBannerfinal.png) left top no-repeat;}
.maincontent {margin-top:-50px;}
.maincontent {margin-top:-50px;}
Line 559: Line 409:
 +
 +
#ram
 +
{
 +
border-style:solid;
 +
padding-left:20px;
 +
padding-right:20px;
 +
}
 +
 +
<!--START FOOTER-->
html, body {height: 100%;}
html, body {height: 100%;}
Line 574: Line 433:
height: 250px;
height: 250px;
clear:both;
clear:both;
-
         border-top: 2px solid black;
+
         border-top: 2px solid #8b8b8b;
         }  
         }  
Line 586: Line 445:
}
}
 +
<!--END FOOTER-->
-
 
-
#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*/
/*Wikihack*/
 +
/* it's in my file*/
/* it's in my file*/

Latest revision as of 14:09, 16 August 2011