Difference between revisions of "Template:Team:Potsdam/Header"

Line 6: Line 6:
 
{{Template:Team:Potsdam/AssetsCSSMain}}
 
{{Template:Team:Potsdam/AssetsCSSMain}}
 
{{Template:Team:Potsdam/CSS}}
 
{{Template:Team:Potsdam/CSS}}
−
 
 
<html>
 
<html>
−
<!--
+
    <!--
−
Escape Velocity by HTML5 UP
+
        Escape Velocity by HTML5 UP
−
html5up.net | @ajlkn
+
        html5up.net | @ajlkn
−
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
        Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
−
-->
+
        -->
−
<head>
+
    <head>
−
<title>No Sidebar - Escape Velocity by HTML5 UP</title>
+
        <title>No Sidebar - Escape Velocity by HTML5 UP</title>
−
<meta charset="utf-8" />
+
        <meta charset="utf-8" />
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
        <meta name="viewport" content="width=device-width, initial-scale=1" />
−
 
+
        <style>
−
 
+
        </style>
−
<style>
+
        <script>
−
 
+
            var compareString = 'https://2017.igem.org/wiki/load.php?';
−
</style>
+
            for ( i=0; i<document.styleSheets.length; i++) {
−
<script>
+
              var sheet = document.styleSheets.item(i);
−
 
+
              if(sheet.href)
−
var compareString = 'https://2017.igem.org/wiki/load.php?';
+
                  if(sheet.href.substring(0,35) === compareString){
−
for ( i=0; i<document.styleSheets.length; i++) {
+
           
−
  var sheet = document.styleSheets.item(i);
+
                    var cssText = '';
−
  if(sheet.href)
+
                    $.each(sheet.cssRules || sheet.rules, function(ruleIndex, rule) {
−
      if(sheet.href.substring(0,35) === compareString){
+
                        cssText += rule.cssText;
−
 
+
                    });
−
        var cssText = '';
+
           
−
        $.each(sheet.cssRules || sheet.rules, function(ruleIndex, rule) {
+
                    var newCssText = '<style type="text/less"> #top_menu_under, #top_menu_14, .pop_why_cover, .pop_why_box { ' + cssText + '} #top_menu_under {    position: relative;    width: 100%;    height: 18px;}#top_menu_14 {    position: fixed;    width: 100%;    top: 0px;    left: 0px;    height: 16px;    background-color: #383838;    border-bottom: 2px solid black;    z-index: 9999;}#sideMenu {    width: 170px;    position: absolute;    top: 20px;    left: 1020px;    z-index: 10;    padding-top: 0px;    padding-bottom: 15px;    padding-left: 15px;    padding-right: 15px;    background-color: white;    text-align: left;}.pop_why_cover {    display: none;    z-index: 100;    margin-top: -65px;    margin-left: -40px;    width: 980px;    height: 2100px;    float: left;    position: absolute;    opacity: 0.5;    background-color: #b2b2b2;}.pop_why_box {    display: none;    left: 250px;    top: 0px;    background-color: white;    padding: 15px;    width: 500px;    position: absolute;    border: 3px solid #4e606e;    border-radius: 3px;    z-index: 100;}</style>'
−
            cssText += rule.cssText;
+
                   
−
        });
+
              $('head').append(newCssText)
−
 
+
           
−
        var newCssText = '<style type="text/less"> #top_menu_under, #top_menu_14, .pop_why_cover, .pop_why_box { ' + cssText + '} #top_menu_under {    position: relative;    width: 100%;    height: 18px;}#top_menu_14 {    position: fixed;    width: 100%;    top: 0px;    left: 0px;    height: 16px;    background-color: #383838;    border-bottom: 2px solid black;    z-index: 9999;}#sideMenu {    width: 170px;    position: absolute;    top: 20px;    left: 1020px;    z-index: 10;    padding-top: 0px;    padding-bottom: 15px;    padding-left: 15px;    padding-right: 15px;    background-color: white;    text-align: left;}.pop_why_cover {    display: none;    z-index: 100;    margin-top: -65px;    margin-left: -40px;    width: 980px;    height: 2100px;    float: left;    position: absolute;    opacity: 0.5;    background-color: #b2b2b2;}.pop_why_box {    display: none;    left: 250px;    top: 0px;    background-color: white;    padding: 15px;    width: 500px;    position: absolute;    border: 3px solid #4e606e;    border-radius: 3px;    z-index: 100;}</style>'
+
                    void(document.styleSheets.item(i).disabled=true);
−
       
+
                  }
−
  $('head').append(newCssText)
+
            }
−
 
+
           
−
        void(document.styleSheets.item(i).disabled=true);
+
                   
−
      }
+
        </script>
−
}
+
    </head>
−
 
+
    <body class="no-sidebar">
−
       
+
        <div id="page-wrapper-bg">
−
</script>
+
        <div id="page-wrapper">
−
 
+
        <!-- Header -->
−
</head>
+
        <div id="header-wrapper" class="wrapper">
−
<body class="no-sidebar">
+
            <div id="header">
−
 
+
                <!-- Logo -->
−
 
+
                <div id="logo">
−
<div id="page-wrapper-bg">
+
                    <h1><a href="index.html">IGEM Potsdam</a></h1>
−
 
+
                    <p>Worlds first enzyme dating service</p>
−
<div id="page-wrapper">
+
                </div>
−
 
+
                <!-- Nav -->
−
<!-- Header -->
+
                <nav id="nav">
−
<div id="header-wrapper" class="wrapper">
+
                    <ul>
−
<div id="header">
+
                        <li class="current"><a href="index.html">Home</a></li>
−
 
+
                        <li>
−
<!-- Logo -->
+
                            <a href="#">Dropdown</a>
−
<div id="logo">
+
                            <ul>
−
<h1><a href="index.html">IGEM Potsdam</a></h1>
+
                                <li><a href="#">Lorem ipsum</a></li>
−
<p>Worlds first enzyme dating service</p>
+
                                <li><a href="#">Magna veroeros</a></li>
−
</div>
+
                                <li><a href="#">Etiam nisl</a></li>
−
 
+
                                <li>
−
<!-- Nav -->
+
                                    <a href="#">Sed consequat</a>
−
<nav id="nav">
+
                                    <ul>
−
<ul>
+
                                        <li><a href="#">Lorem dolor</a></li>
−
<li class="current"><a href="index.html">Home</a></li>
+
                                        <li><a href="#">Amet consequat</a></li>
−
<li>
+
                                        <li><a href="#">Magna phasellus</a></li>
−
<a href="#">Dropdown</a>
+
                                        <li><a href="#">Etiam nisl</a></li>
−
<ul>
+
                                        <li><a href="#">Sed feugiat</a></li>
−
<li><a href="#">Lorem ipsum</a></li>
+
                                    </ul>
−
<li><a href="#">Magna veroeros</a></li>
+
                                </li>
−
<li><a href="#">Etiam nisl</a></li>
+
                                <li><a href="#">Nisl tempus</a></li>
−
<li>
+
                            </ul>
−
<a href="#">Sed consequat</a>
+
                        </li>
−
<ul>
+
                        <li><a href="left-sidebar.html">Left Sidebar</a></li>
−
<li><a href="#">Lorem dolor</a></li>
+
                        <li><a href="right-sidebar.html">Right Sidebar</a></li>
−
<li><a href="#">Amet consequat</a></li>
+
                        <li><a href="no-sidebar.html">No Sidebar</a></li>
−
<li><a href="#">Magna phasellus</a></li>
+
                    </ul>
−
<li><a href="#">Etiam nisl</a></li>
+
                </nav>
−
<li><a href="#">Sed feugiat</a></li>
+
            </div>
−
</ul>
+
        </div>
−
</li>
+
−
<li><a href="#">Nisl tempus</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="left-sidebar.html">Left Sidebar</a></li>
+
−
<li><a href="right-sidebar.html">Right Sidebar</a></li>
+
−
<li><a href="no-sidebar.html">No Sidebar</a></li>
+
−
</ul>
+
−
</nav>
+
−
 
+
−
</div>
+
−
</div>
+

Revision as of 10:10, 27 June 2017

No Sidebar - Escape Velocity by HTML5 UP