Team:UGent/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(73 intermediate revisions not shown)
Line 1: Line 1:
<!-- ####### Banner UGent ####### -->
<!-- ####### Banner UGent ####### -->
-
<html>
 
<table cellspacing=0 cellpadding=0 border =0>
<table cellspacing=0 cellpadding=0 border =0>
-
<tr>
 
-
  <td  colspan ="2" height="100" width="1200px">
 
-
    </html>[[File:UGent_2013_Banner.jpg|center|1170px|link=https://2013.igem.org/Team:UGent]]<html>
 
-
  </td>
 
-
</tr>
 
-
 
-
<tr align="center" bgcolor="#F9BD05">
 
-
  <td colspan ="2" width="1200px"></html>{{:Team:UGent/Templates/Navigation}}<html>
 
-
  </td>
 
-
</tr>
 
-
<tr>
 
-
<td VALIGN="top">
 
-
 
-
</html>
 
<!-- ####### Remove iGem-banner and wiki-parts + LAYOUT ###### -->
<!-- ####### Remove iGem-banner and wiki-parts + LAYOUT ###### -->
Line 22: Line 7:
<style>
<style>
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{display:none;}
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{display:none;}
-
#feed_views{display:none;}
 
#top-section{border: none;height: 0px}
#top-section{border: none;height: 0px}
#content{border: none; width:1200px;}
#content{border: none; width:1200px;}
-
body{background-color:#ffffff;overflow-y: scroll}
+
 
 +
body{background-color:#ffffff}
ul{list-style-image:url('https://static.igem.org/mediawiki/2013/5/50/UGent_2013_TandwielWIKI.png');font-family:"Verdana";font-size:13px;padding-right:50px;
ul{list-style-image:url('https://static.igem.org/mediawiki/2013/5/50/UGent_2013_TandwielWIKI.png');font-family:"Verdana";font-size:13px;padding-right:50px;
-
padding-left:50px;}
+
padding-left:60px;text-align:justify;}
ul.a{list-style-image:url('https://static.igem.org/mediawiki/2013/a/aa/UGent_2013_TandwielWIKI2.png');font-family:"Verdana";font-size:11px;padding-right:50px;
ul.a{list-style-image:url('https://static.igem.org/mediawiki/2013/a/aa/UGent_2013_TandwielWIKI2.png');font-family:"Verdana";font-size:11px;padding-right:50px;
-
padding-left:50px;}
+
padding-left:30px;text-align:justify;}
h1{font-family:"Verdana";font-size:15px;font-weight: bold;}
h1{font-family:"Verdana";font-size:15px;font-weight: bold;}
h2{font-family:"Verdana";font-size:15px;}
h2{font-family:"Verdana";font-size:15px;}
-
h3{font-family:"Verdana";font-size:13px;}
+
h3{font-family:"Verdana";font-size:13px;padding-left:50px;}
p{font-family:"Verdana";font-size:13px; text-align:justify;padding-right:50px;
p{font-family:"Verdana";font-size:13px; text-align:justify;padding-right:50px;
padding-left:50px;}
padding-left:50px;}
 +
p.font{font-family:"Verdana";font-size:11px; text-align:justify;padding-right:50px;
 +
padding-left:50px;font-weight: bold;}
 +
p.home{font-family:"Verdana";font-size:18px; text-align:center;padding-right:50px;
 +
padding-left:50px;font-weight: bold;color:#18204b;}
 +
p.padding{font-family:"Verdana";font-size:13px; text-align:justify padding-right:50px;padding-left:75px;}
 +
p.padding2{font-family:"Verdana";font-size:13px; text-align:justify padding-right:50px;padding-left:106px;}
.center{margin:auto;width:95%;}
.center{margin:auto;width:95%;}
Line 41: Line 32:
</html>
</html>
-
<!-- ####### Photo gallery ###### -->
+
<!-- ####### SlideShow ######## -->
<html>
<html>
-
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
+
<head>
-
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
+
 
-
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
+
<link rel="stylesheet" href="http://www.science.unitn.it/~igem/js/nivo/nivo-slider.css" type="text/css" media="screen"/>
 +
<link rel="stylesheet" href="http://www.science.unitn.it/~igem/js/nivo/themes/default/default.css" type="text/css" media="screen"/>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
<script src="http://www.science.unitn.it/~igem/js/nivo/jquery.nivo.slider.pack.js" type="text/javascript"></script>
 +
<script>
 +
jQuery(function($){
 +
$('#slider').nivoSlider({
 +
        effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
 +
pauseTime: 3000,
 +
directionNavHide: true,
 +
pauseOnHover: true
 +
});
 +
    })
 +
</script>
 +
<style>
 +
.theme-default .nivo-controlNav {
 +
left: 13%;
 +
}
 +
</style>
 +
</head>
</html>
</html>
<!-- ####### Drop down ####### -->
<!-- ####### Drop down ####### -->
<html>
<html>
-
<style>
+
<head>
-
#navigation {
+
<script type="text/javascript">
-
    padding: 0px;
+
// Copyright 2006-2007 javascript-array.com
-
    position: relative;
+
-
    color:rgb(0,33,67);
+
-
    height:30px;
+
-
}
+
-
#navigation, #navigation ul {
+
var timeout = 50;
-
    list-style-type:none;
+
var closetimer = 0;
-
    list-style-image: none;
+
var ddmenuitem = 0;
-
    margin:0;
+
-
}
+
-
#navigation ul li {
+
// open hidden layer
-
    background: transparent;
+
function mopen(id)
-
    color:rgb(0,33,67);
+
{
-
    width:158px;
+
// cancel close timer
-
    float:left;
+
mcancelclosetime();
-
    position: relative;
+
-
    margin:0;
+
-
}
+
-
#navigation ul li:hover {
+
// close old layer
-
    background:rgb(0,33,67);
+
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
    color:white;
+
-
    width:158px;
+
-
    float:left;
+
-
    position: relative;
+
-
    margin:0;
+
-
}
+
-
#navigation ul li a {
+
// get new layer and show it
-
    text-align: center;
+
ddmenuitem = document.getElementById(id);
-
    padding:5px;
+
ddmenuitem.style.visibility = 'visible';
-
    display:block;
+
-
    text-decoration:none;
+
-
    color:rgb(0,33,67);
+
-
}
+
-
#navigation ul li:hover a {
 
-
    text-align: center;
 
-
    padding:5px;
 
-
    display:block;
 
-
    text-decoration:none;
 
-
    color:white;
 
}
}
-
 
+
// close showed layer
-
#navigation ul li ul {
+
function mclose()
-
    display:none;
+
{
-
}
+
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
-
#navigation ul li:hover ul {
+
-
    display: block;
+
-
    position: absolute;
+
}
}
-
#navigation ul li ul li {
+
// go close timer
-
    text-align:left;
+
function mclosetime()
-
    z-index:999;
+
{
 +
closetimer = window.setTimeout(mclose, timeout);
}
}
-
#navigation ul li:hover ul li a {
+
// cancel close timer
-
    background:#fff;
+
function mcancelclosetime()
-
    color:rgb(0,33,67);
+
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
}
}
-
#navigation ul li:hover ul li a:hover {
+
// close layer when click-out
-
    background:rgb(0,33,67);
+
document.onclick = mclose;
-
    color:white;
+
</script>
-
}
+
</head>
-
</style>
+
<style>
-
</html>
+
#sddm
 +
{ margin: 0;
 +
padding: 0;
 +
z-index: 40}
 +
#sddm li
 +
{ margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
        font-family:"Verdana"
 +
        font-size:17px;
 +
        font-weight: bold;}
 +
#sddm li a
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 15.3px 15.3px;
 +
height: 20px;
 +
        width: auto;
 +
background: #F9BD05 ;
 +
color: #18204b  ;
 +
text-align: center;
 +
        vertical-align:middle;
 +
text-decoration: none;
 +
        font-family:"Verdana"
 +
        font-size:17px;
 +
        font-weight: bold;}
 +
 +
#sddm li a img
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 0px 0px;
 +
height: 20px;
 +
        width: auto;
 +
background:#F9BD05 ;
 +
color: #18204b;
 +
text-align: center;
 +
        vertical-align:middle;
 +
text-decoration: none;
 +
        font-family:"Verdana"
 +
        font-size:17px;
 +
        font-weight: bold;}
 +
 +
#sddm li a:hover
 +
{ background: #18204b;
 +
        color:#F9BD05 }
 +
 +
#sddm li img:hover
 +
{ background: #18204b;
 +
        color:#F9BD05  }
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #EAEBD8;
 +
border: 1px solid #18204b}
 +
 +
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #EAEBD8;
 +
color: #18204b;
 +
font-family:"Verdana"
 +
                font-size:17px;
 +
                font-weight: bold;}
 +
 +
#sddm div a:hover
 +
{ background: #18204b;
 +
color: #F9BD05}
 +
</style>
 +
</html>
Line 207: Line 272:
{
{
     border-left: 1px solid #F9BD05;
     border-left: 1px solid #F9BD05;
-
     padding-left: 7px;
+
     padding-left: 17px;
-
     margin-left: 5px;
+
     margin-left: 10px;
     margin-bottom: 25px;
     margin-bottom: 25px;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 02:05, 4 October 2013

Retrieved from "http://2013.igem.org/Team:UGent/Templates/Header"