User:SvenB/Test

From 2014.igem.org

< User:SvenB(Difference between revisions)
m (Created page with "{{:Team:Tuebingen/Templates/BlankWiki}} {{:Team:Tuebingen/Templates/TueDropMenu}} <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqu...")
 
(5 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Tuebingen/Templates/BlankWiki}}
{{:Team:Tuebingen/Templates/BlankWiki}}
-
 
-
{{:Team:Tuebingen/Templates/TueDropMenu}}
 
Line 9: Line 7:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
 +
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/SvenB/jquery.smint.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
 +
 +
 +
 +
<script type="text/javascript">
 +
$(document).ready( function() {
 +
    $('.subMenu').smint({
 +
    'scrollSpeed' : 1000
 +
    });
 +
});
 +
</script>
 +
Line 148: Line 159:
       padding-top: 20pt;
       padding-top: 20pt;
}
}
 +
 +
 +
 +
 +
/* ----------------------------------------------------------------------------- SMINT Style */
 +
 +
* {margin: 0; padding: 0; outline: 0;}
 +
 +
p#headText {
 +
        position: absolute;
 +
        font-size: 20pt;
 +
        margin-top: 105px;
 +
        font-family: Helvetica, 'Open Sans', sans-serif;
 +
        left: 320px;
 +
}
 +
 +
.menuBtn {
 +
background: center center no-repeat transparent;
 +
background: #000;
 +
display: block;
 +
width: 40px;
 +
height: 40px;
 +
position: absolute;
 +
top: 0;
 +
left: 10px;
 +
 +
}
 +
 +
.active {
 +
background: #C31E1B;
 +
}
 +
 +
a.active {
 +
color: #C31E1B;
 +
text-decoration: none;
 +
}
 +
 +
.clear {
 +
clear: both;
 +
}
 +
.wrap {
 +
width: 100%;
 +
max-width: 1140px;
 +
min-width: 960px;
 +
z-index: 10;
 +
position: relative;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
 +
.inner {
 +
width: 960px;
 +
margin: 0 auto;
 +
position: relative;
 +
min-height: 50px;
 +
padding:30px 0;
 +
font-size: 16px;
 +
font-family: 'Open Sans', sans-serif;
 +
font-weight: 300;
 +
padding:30px 0;
 +
        text-align: justify;
 +
}
 +
 +
.section a {
 +
  color: #C31E1B;
 +
  text-decoration: underline;
 +
}
 +
 +
.section a:hover {
 +
  color: black;
 +
  text-decoration: underline;
 +
}
 +
 +
.section a:active {
 +
  color: #C31E1B;
 +
  text-decoration: none;
 +
}
 +
 +
 +
/* This is the selector I used for my menu, it needs to be set as position:absolute; */
 +
.subMenu {
 +
position: absolute;
 +
top: 590px;
 +
height: 50px;
 +
z-index: 1000;
 +
width: 100%;
 +
width: 960px;
 +
background: white;
 +
 +
}
 +
 +
.subMenu .inner {
 +
padding-left: 25px;
 +
margin-top: -35px;
 +
font-weight: 400;
 +
}
 +
 +
.subNavBtn {
 +
display: block;
 +
height: 35px;
 +
width: 12%;
 +
float: left;
 +
margin: 0px 0px 0 0;
 +
text-decoration: none;
 +
font-size: 16px;
 +
font-weight: 600;
 +
padding: 15px 2% 0 2%;
 +
text-align: center;
 +
color: #fff;
 +
}
 +
 +
a.subNavBtn{
 +
color: black;
 +
text-decoration: none;
 +
}
 +
 +
.end {
 +
margin: 0;
 +
}
 +
 +
hr {
 +
        width: 960px;
 +
        height: 1px;
 +
        color: white;
 +
        margin-top: 50px;
 +
        margin-bottom: 100px;
 +
       
 +
}
 +
 +
h3 {
 +
      color: black;
 +
      font-size: 24pt;
 +
      font-family: 'Libre Baskerville', serif, 'Open Sans', sans-serif;
 +
      padding-bottom: 30px;
 +
}
 +
 +
.section {
 +
width: 100%;
 +
max-width: 1140px;
 +
min-width: 960px;
 +
        min-height: 600px;
 +
        height: auto;
 +
z-index: 10;
 +
position: relative;
 +
margin: 0 auto;
 +
padding: 0 0 20px 0;
 +
        background-color: white;
 +
}
 +
 +
/* SECTIONS */
 +
.sTop {
 +
min-height: 300px;
 +
        color: black;
 +
background: white;
 +
}
 +
 +
 +
 +
.s1 {
 +
min-height: 200px;
 +
        color: black;
 +
}
 +
 +
 +
.s2 {
 +
min-height: 200px;
 +
        color: black;
 +
}
 +
 +
 +
.s3 {
 +
min-height: 200px;
 +
        color: black;
 +
}
 +
 +
 +
.s4 {
 +
min-height: 200px;
 +
        color: black;
 +
}
 +
 +
.s5 {
 +
min-height: 200px;
 +
        color: black;
 +
}
 +
 +
 +
</style>
</style>
</head>
</head>
-
<body >
+
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
 +
 
 +
<div class="wrap">
 +
 
 +
<div class="subMenu">
 +
<div class="inner">
 +
<a href="#" id="sTop" class="subNavBtn">Home</a>
 +
<a href="#" id="s1" class="subNavBtn">Background</a>
 +
<a href="#" id="s2" class="subNavBtn">Our Project</a>
 +
<a href="#" id="s3" class="subNavBtn">Team</a>
 +
<a href="#" id="s4" class="subNavBtn">Contact</a>
 +
                                <a href="#" id="s5" class="subNavBtn">Sponsors</a>              
 +
                        </div>
 +
</div>
 +
 
 +
 
 +
<div class="section sTop">
 +
<div class="inner">
 +
                                <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/6c/Tue2014_IGEM_basic_Logo_white_stylized_small.png" style="width:120px; top: 0px; right: 10px; position: absolute;"></a>
 +
</div>
 +
      <br class="clear">
 +
</div>
 +
 
 +
<div class="section s1">
 +
  <div class="inner">
 +
 +
  </div>
 +
</div>
 +
 
 +
 
 +
<div class="section s2">
 +
  <div class="inner">
 +
    <h3>Our Project</h3>
 +
 
 +
  </div>
 +
</div>
 +
 
 +
 
 +
<div class="section s3">
 +
  <div class="inner">
 +
    <h3>Team</h3>
 +
   
 +
  </div>
 +
</div>
 +
 
 +
 
 +
<div class="section s4">
 +
  <div class="inner">
 +
    <h3>Contact</h3>
 +
 
 +
  </div>
 +
</div>
 +
 
 +
<div class="section s5">
 +
  <div class="inner">
 +
    <h3>Sponsors</h3>
 +
     
 +
  </div>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 15:59, 2 December 2014


Home Background Our Project Team Contact Sponsors

Our Project

Team

Contact

Sponsors

Retrieved from "http://2014.igem.org/User:SvenB/Test"