Template:Team:Bonn

From 2013.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:Bonn:BaseCSS}}
 +
{{Template:Team:Bonn:CSS}}
<html>
<html>
-
<!-- Basic CSS to adjust the Wiki layout to our needs -->
 
-
<style type="text/css">
 
-
/* ********************** */
 
-
/* basic settings */
+
<!-- We need jQuery >= 1.10 -->
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
-
.firstHeading {                                                /* Kill the default iGEM picture*/
 
-
    height:0px;
 
-
    visibility:hidden;
 
-
}
 
-
#top-section {
 
-
        background-position: center center;
 
-
        background-repeat: no-repeat;
 
-
        background-color: #6c89c1;
 
-
        border-with:0px;
 
-
        height:0px;                        /* set top header height to zero, so we can show our logo */
 
-
}
 
-
#p-logo{
 
-
    visibility:hidden;
 
-
height:0px;
 
-
}
 
-
#search-controls{
 
-
    visibility:hidden;
 
-
height:0px;
 
-
}
 
-
#footer-box{
 
-
    display:none;
 
-
height:0px;
 
-
}
 
-
#f-poweredbyico{
 
-
visibility:hidden;
 
-
}
 
-
#catlinks{
 
-
visibility:hidden;
 
-
height:0px;
 
-
}
 
-
.print-footer{
 
-
visibility:hidden;
 
-
height:0px;
 
-
}
 
-
#content {
 
-
border-width:0px;
 
-
}
 
-
#siteSub {
 
-
    display:none;
 
-
}
 
-
.visualClear{
 
-
display:none;
 
-
}
 
-
 
-
/* ********************** */
 
-
</style>
 
-
 
-
<!-- JS Scripts -->
 
-
<script type="text/javascript" src="http://igem13.uni-bonn.de/shared/superfish/js/jquery-1.9.1.min.js"></script>
 
-
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
 
-
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
 
-
<script type="text/javascript" src="http://malsup.github.io/jquery.cycle.all.js"></script>
 
-
<script type="text/javascript" src="http://igem13.uni-bonn.de/shared/superfish/js/hoverIntent.js"></script>
 
-
<script type="text/javascript" src="http://igem13.uni-bonn.de/shared/superfish/js/superfish.js"></script>
 
-
 
-
<!-- Extra CSS -->
 
-
<style type="text/css">
 
-
.editsection{
 
-
color:#ffffff;
 
-
}
 
-
body {
 
-
color:#333333;
 
-
background-position:top;
 
-
background-repeat: no-repeat;
 
-
background-image: url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
 
-
}
 
-
#globalWrapper{
 
-
background: rgba(50, 50, 50, .1);
 
-
overflow-y:hidden;
 
-
min-height:100%;
 
-
}
 
-
#content{
 
-
background-color:transparent;
 
-
position:relative;
 
-
z-index:4;
 
-
}
 
-
#subpage{
 
-
border-radius:2px;
 
-
margin:40px 0 0 0;
 
-
padding:40px;
 
-
font-family: Arial;
 
-
background-color:none;
 
-
background-color: #ffffff;
 
-
/*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
 
-
-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
 
-
box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);*/
 
-
}
 
-
.subpage-sponsors {
 
-
border-spacing: 30px 60px;
 
-
margin: 0 auto 0 auto;
 
-
}
 
-
.subpage-sponsor {
 
-
text-align:center;
 
-
}
 
-
.mw-headline {
 
-
color:#333333;
 
-
font-size: 50px;
 
-
font-family:Arial;
 
-
}
 
-
h1 {
 
-
border-bottom-width:0px;
 
-
}
 
-
.subpage-head-link{
 
-
font-size: 16px;
 
-
margin: 0 0 40px 0;
 
-
padding:10px 0 0 0;
 
-
}
 
-
.subpage-text {
 
-
font-size: 14px;
 
-
text-align:justify;
 
-
margin: 20px 25px 0 25px;
 
-
}
 
-
#page{
 
-
border-radius:2px;
 
-
margin:40px auto 0 auto;
 
-
padding:0;
 
-
font-family: Arial;
 
-
background-color:none;
 
-
background-color: #ffffff;
 
-
/*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
 
-
-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
 
-
box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);*/
 
-
width:850px;
 
-
}
 
-
.page-top{
 
-
position:relative;
 
-
width:970px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
margin-top:65px;
 
-
margin-bottom:10px;
 
-
color:#ffffff;
 
-
}
 
-
#page-top-slideshow{
 
-
width:970px;
 
-
height:210px;
 
-
padding:20px 0 20px 0;
 
-
position:relative;
 
-
color:#ffffff;
 
-
}
 
-
#page-top-slideshow img{
 
-
  -moz-border-radius : 4px; /* Firefox */
 
-
  -webkit-border-radius : 4px; /* Safari & Chrome */
 
-
  -khtml-border-radius : 4px; /* Linux browsers */
 
-
  border-radius : 4px; /* CSS3 compatible browsers */
 
-
}
 
-
#page-top-nav {
 
-
position:absolute;
 
-
bottom:-5px;
 
-
right:10px;
 
-
z-index:20;
 
-
opacity:0.7;
 
-
}
 
-
#page-top-nav a {
 
-
font-size:20px;
 
-
padding: 2px 5px 2px 5px;
 
-
background-color:#888888;
 
-
color:#000000;
 
-
margin-right:10px;
 
-
  -moz-border-radius : 3px; /* Firefox */
 
-
  -webkit-border-radius : 3px; /* Safari & Chrome */
 
-
  -khtml-border-radius : 3px; /* Linux browsers */
 
-
  border-radius : 3px; /* CSS3 compatible browsers */
 
-
}
 
-
#page-top-nav .activeSlide {
 
-
background-color:#dddddd;
 
-
}
 
-
.page-top-slide{
 
-
width:950px;
 
-
height:260px;
 
-
font-size:16px;
 
-
text-align:justify;
 
-
    position: absolute;
 
-
    margin: auto;
 
-
    top: 0;
 
-
    left: 0;
 
-
    right: 0;
 
-
    bottom: 0;
 
-
}
 
-
 
-
#page-top-pic{
 
-
}
 
-
 
-
#page-top-pic img{
 
-
    position: absolute;
 
-
    margin: auto;
 
-
    top: 0;
 
-
    left: 0;
 
-
    right: 0;
 
-
    bottom: 0;
 
-
}
 
-
#page-top-game img {
 
-
  -moz-border-radius : 5px; /* Firefox */
 
-
  -webkit-border-radius : 5px; /* Safari & Chrome */
 
-
  -khtml-border-radius : 5px; /* Linux browsers */
 
-
  border-radius : 5px; /* CSS3 compatible browsers */
 
-
-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
 
-
-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.4));
 
-
box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
 
-
}
 
-
 
-
#page-middle {
 
-
padding: 5px 0px 0px 0px;
 
-
z-index:5;
 
-
margin: auto;
 
-
}
 
-
 
-
#page-table{
 
-
  margin-left: auto;
 
-
  margin-right: auto;
 
-
  border-spacing: 10px;
 
-
  background-color:transparent;
 
-
}
 
-
 
-
.page-box{
 
-
border: 1px solid black;
 
-
background-color: #cccccc;
 
-
position:relative;
 
-
border: 3px solid white;
 
-
margin: 10px;
 
-
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 
-
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5));
 
-
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 
-
}
 
-
 
-
#page-box1{
 
-
width:320px;
 
-
height:515px;
 
-
}
 
-
 
-
#page-box2{
 
-
width:445px;
 
-
height:238px;
 
-
}
 
-
 
-
#page-box3{
 
-
width:445px;
 
-
height:238px;
 
-
}
 
-
 
-
#page-box4{
 
-
width:801px;
 
-
height:200px;
 
-
}
 
-
.page-box-bottom{
 
-
background-color:#111111;
 
-
color:#dddddd;
 
-
opacity:0.9;
 
-
position:absolute;
 
-
bottom:0px;
 
-
height:45px;
 
-
width:100%;
 
-
}
 
-
.page-box-bottom:hover .page-box-bottom-text{
 
-
display:block;
 
-
}
 
-
.page-box-bottom:hover .page-box-bottom-links{
 
-
display:block;
 
-
}
 
-
.page-box-bottom-headline{
 
-
margin:15px 0 0 0;
 
-
text-align:center;
 
-
font-size:28px;
 
-
font-weight:bold;
 
-
}
 
-
.page-box-bottom-text{
 
-
padding:15px 8px 0 8px;
 
-
text-align:justify;
 
-
font-size:13px;
 
-
display:none;
 
-
}
 
-
.page-box-bottom-links{
 
-
padding:12px 8px 0 8px;
 
-
font-size:15px;
 
-
font-weight:bold;
 
-
display:none;
 
-
}
 
-
.bottom {
 
-
width:1150px;
 
-
margin-top:40px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
margin-bottom:0px;
 
-
opacity:1;
 
-
background-color:#ffffff;
 
-
border: 3px solid white;
 
-
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 
-
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2));
 
-
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 
-
  -moz-border-radius : 4px; /* Firefox */
 
-
  -webkit-border-radius : 4px; /* Safari & Chrome */
 
-
  -khtml-border-radius : 4px; /* Linux browsers */
 
-
  border-radius : 4px; /* CSS3 compatible browsers */
 
-
}
 
-
 
-
.bottom-sponsors{
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
border-radius:5px;
 
-
margin-bottom:15px;
 
-
}
 
-
 
-
.bottom-headline{
 
-
margin:10px 0 0 0;
 
-
text-align:center;
 
-
font-size:25px;
 
-
font-weight:bold;
 
-
}
 
-
.bottom-sponsor{
 
-
margin:5px;
 
-
}
 
-
#team-members{
 
-
width:870px;
 
-
margin: 10px 40px 60px 5px;
 
-
padding-bottom:30px;
 
-
background-color:transparent;
 
-
}
 
-
.team-member {
 
-
width:250px;
 
-
margin:20px;
 
-
display:inline;
 
-
float:left;
 
-
}
 
-
.team-members-row {
 
-
display:block;
 
-
clear:both;
 
-
}
 
-
.team-member-name {
 
-
font-size:18px;
 
-
font-weight:bold;
 
-
color:#444444;
 
-
}
 
-
.page-top-adv {
 
-
margin:4px;
 
-
}
 
-
.menu-top-li{
 
-
margin-left:10px;
 
-
margin-right:10px;
 
-
}
 
-
.menu-top {
 
-
height:20px;
 
-
padding:8px;
 
-
}
 
-
#menu-team {
 
-
background-image: url('https://static.igem.org/mediawiki/igem.org/5/5f/Wiki_Team.png');
 
-
background-size: auto 20px;
 
-
background-repeat: no-repeat;
 
-
background-position:left center;
 
-
width:60px;
 
-
}
 
-
#menu-intro {
 
-
background-image: url(https://static.igem.org/mediawiki/igem.org/b/b5/Bonn_menu_introduction.png);
 
-
background-size: auto 20px;
 
-
background-repeat: no-repeat;
 
-
background-position:left center;
 
-
width:160px;
 
-
}
 
-
#menu-project {
 
-
background-image: url(https://static.igem.org/mediawiki/igem.org/2/2a/Bonn_menu_project.png);
 
-
background-size: auto 20px;
 
-
background-repeat: no-repeat;
 
-
background-position:left center;
 
-
width:110px;
 
-
}
 
-
#menu-hp {
 
-
background-image: url(https://static.igem.org/mediawiki/igem.org/2/2a/Wiki_humanpractice.png);
 
-
background-size: auto 20px;
 
-
background-repeat: no-repeat;
 
-
background-position:left center;
 
-
width:230px;
 
-
}
 
-
.igem13-menu li:hover, .igem13-menu li.sfHover {
 
-
    background: none repeat scroll 0 0 #FADD26 !important;
 
-
    transition: none 0s ease 0s;
 
-
}
 
-
.igem13-menu ul{
 
-
    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.2) !important;
 
-
}
 
-
.igem13-menu ul li a{
 
-
    background: none repeat scroll 0 0 #FADD26;
 
-
    color:#444444;
 
-
}
 
-
.igem13-menu ul li a:hover{
 
-
    background: none repeat scroll 0 0 #FFFF00;
 
-
    color:#444444;
 
-
}
 
-
.igem13-menu li:hover #menu-team, .igem13-menu li.sfHover #menu-team{
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/9/9d/Bonn_menu_Team_grey.png) !important;
 
-
}
 
-
.igem13-menu li:hover #menu-hp, .igem13-menu li.sfHover #menu-hp{
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/c/c9/Bonn_menu_humanpractice_grey.png) !important;
 
-
}
 
-
.igem13-menu li:hover #menu-project, .igem13-menu li.sfHover #menu-project{
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/c/ce/Bonn_menu_project_grey.png) !important;
 
-
}
 
-
.igem13-menu li:hover #menu-intro, .igem13-menu li.sfHover #menu-intro{
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/e/ee/Bonn_menu_background_grey.png) !important;
 
-
}
 
-
</style>
 
<!-- Additional global elements -->
<!-- Additional global elements -->
Line 410: Line 12:
</html>
</html>
 +
{{Template:Team:Bonn:MenuInit}}

Latest revision as of 08:25, 4 October 2013