Difference between revisions of "Template:LMU-TUM Munich"

 
(49 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
−
.container {
+
#picture {
−
    width: 100% !important;
+
  clear:both;
−
}
+
−
.visible-xs-block {
+
−
    margin-right: auto;
+
−
    margin-left: auto;
+
−
}
+
−
#navigation {
+
−
    height: 100%;
+
−
    left: 5%;
+
−
    top: 20px;
+
−
    float: left;
+
 
}
 
}
 
.sidebar-nav {
 
.sidebar-nav {
Line 20: Line 10:
 
}
 
}
 
.navbar ul ul{
 
.navbar ul ul{
−
     height: 300px;
+
     max-height: 300px;
 
     overflow-y: scroll;
 
     overflow-y: scroll;
−
}
 
−
 
−
#picture {
 
−
    float: right;
 
−
    width: 100%;
 
−
}
 
−
#contant {
 
−
    float: right;
 
−
    width: 100%;
 
−
}
 
−
.page-footer {
 
−
    float: right; 
 
−
    width: 100%; 
 
−
}
 
−
.container .row:last-child {
 
−
    margin-right: auto;
 
−
    margin-left: auto;
 
−
}
 
−
.members {
 
−
    float: right !important;
 
−
    width: 100% !important;
 
−
}
 
−
.member-row {
 
−
    height: 100%;
 
−
    float: right;
 
 
}
 
}
 
.white-box {
 
.white-box {
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
 
}
 
}
−
.thumbbinner img{
+
.thumbimage {
−
     max-width: 100%;
+
     width: 100%;
−
  height: auto;
+
    height: auto;
−
}
+
−
@media screen and (min-width: 768px) {
+
−
    .sidebar-nav {
+
−
        position: fixed;   
+
−
        width: 20%;
+
−
        margin-left: auto;
+
−
        margin-right: auto;   
+
−
    }
+
−
    #picture, #contant, .page-footer, .members {
+
−
        width: 70% !important;
+
−
    }   
+
 
}
 
}
 
</style>
 
</style>
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
  <!-- slick slider -->
 
−
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
 
−
  <!-- slick default theme -->
 
−
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
 
−
  <!-- featherlight CSS -->
 
−
  <link href="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />
 
 
   <!-- custom styles -->
 
   <!-- custom styles -->
 
   <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:LMU-TUM_Munich_Fonts?action=raw&ctype=text/css"/>
 
   <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:LMU-TUM_Munich_Fonts?action=raw&ctype=text/css"/>
Line 80: Line 28:
 
<div class="container">
 
<div class="container">
 
   <div class="row">
 
   <div class="row">
−
<div class="col-xs-6 visible-xs-block"><a class="white-box" href="https://2016.igem.org/Team:LMU-TUM_Munich"><img class="logo visible-xs-block" src="https://static.igem.org/mediawiki/2016/thumb/3/32/T--LMU-TUM_Munich--Logo.png/287px-T--LMU-TUM_Munich--Logo.png" alt="logo"/></a></div>
+
     <div class="col-sm-3 col-xs-8 fixed-sm z-1">
−
     <div id="navigation" class="col-md-3 col-sm-8 col-xs-12">
+
 
       <div class="sidebar-nav">
 
       <div class="sidebar-nav">
 
         <div class="navbar" role="navigation">
 
         <div class="navbar" role="navigation">
Line 94: Line 41:
 
           </div>
 
           </div>
 
           <div class="navbar-collapse collapse sidebar-navbar-collapse">
 
           <div class="navbar-collapse collapse sidebar-navbar-collapse">
−
             <ul id="main-menu" class="nav navbar-nav <!--{{{navClass}}}-->">
+
             <ul id="main-menu" class="nav navbar-nav {{{navClass}}}">
−
               <li class="menu_item home"><a href="https://2016.igem.org/Team:LMU-TUM_Munich"><img class="logo hidden-xs" src="https://static.igem.org/mediawiki/2016/thumb/3/32/T--LMU-TUM_Munich--Logo.png/287px-T--LMU-TUM_Munich--Logo.png" alt="logo"/><span class="visible-xs-block">Home</span></a></li>
+
               <li class="menu_item home"><a href="https://2016.igem.org/Team:LMU-TUM_Munich"><img class="logo hidden-xs" src="https://static.igem.org/mediawiki/2016/3/32/T--LMU-TUM_Munich--Logo.png" alt="logo"/><span class="visible-xs-block">Home</span></a></li>
 
               <li class="dropdown menu_item team">
 
               <li class="dropdown menu_item team">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Team">Members</a></li>
+
                   <li class="members"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Team">Members</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Collaborations">Collaborations</a></li>
+
                   <li class="collaborations"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Collaborations">Collaborations</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Sponsors">Sponsors</a></li>
+
                   <li class="sponsors"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Sponsors">Sponsors</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Gallery">Gallery</a></li>
+
                   <li class="press"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Press">Press</a></li>
 +
                  <li class="gllry"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Gallery">Gallery</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
−
              <li class="menu_item copy"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Kopiervorlagen">Kopiervorlagen</a></li>
 
 
               <li class="dropdown menu_item project">
 
               <li class="dropdown menu_item project">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Project <b class="caret"></b></a>
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Project <b class="caret"></b></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Description">Description</a></li>
+
                   <li class="description"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Description">Description</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Design">Design</a></li>
+
                   <li class="design"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Design">Design</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Proteins">Proteins</a></li>
+
                   <li class="proteins"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Proteins">Proteins</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Localization">Receptors</a></li>
+
                   <li class="receptors"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Receptors">Receptors</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Linkerchemistry">Linker Chemistry</a></li>
+
                   <li class="linker"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Linkerchemistry">Linker Chemistry</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Proof">Polymerization</a></li>
+
                   <li class="poly"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Proof">Polymerization</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Demonstrate">Bioprinting</a></li>
+
                   <li class="bioprinting"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Demonstrate">Bioprinting</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hypoxia">Hypoxia</a></li>
+
                   <li class="hypoxia"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hypoxia">Hypoxia</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Safety">Safety</a></li>
+
                   <li class="medical"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Medical">Medical Application</a></li>
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Medical">Medical Application</a></li>
+
                   <li class="interlab"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/InterLab">InterLab</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/InterLab">InterLab</a></li>
+
                   <li class="software"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Software">Software</a></li>
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Entrepreneurship">Entrepreneurship</a></li>
+
               
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hardware">Hardware</a></li>
+
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Software">Software</a></li>
+
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Measurement">Measurement</a></li>
+
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Results">Results</a></li>
+
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
Line 130: Line 73:
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Notebook <b class="caret"></b></a>
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Notebook <b class="caret"></b></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Labjournal">Labjournal</a></li>
+
                   <li class="labjournal"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Labjournal">Labjournal</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Materials">Materials</a></li>
+
                   <li class="materials"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Materials">Materials</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Methods">Methods</a></li>
+
                   <li class="methods"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Methods">Methods</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Howtos">Howtos</a></li>
+
                   <li class="howtos"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Howtos">How Tos</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
Line 139: Line 82:
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Parts <b class="caret"></b></a>
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Parts <b class="caret"></b></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Parts">Parts</a></li>
+
                   <li class="parts-sub"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Parts">Parts</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Basic_Part">Basic Parts</a></li>
+
                   <li class="basic-parts"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Basic_Part">Basic Parts</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Composite_Part">Composite Parts</a></li>
+
                   <li class="composite-parts"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Composite_Part">Composite Parts</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Part_Collection">Part Collection</a></li>
+
                   <li class="part-collection"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Part_Collection">Part Collection</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 +
              <li class="menu_item hardware"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hardware">Hardware</a></li>
 
               <li class="menu_item model"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Model">Modeling</a></li>
 
               <li class="menu_item model"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Model">Modeling</a></li>
 
               <li class="menu_item safety"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Safety">Safety</a></li>
 
               <li class="menu_item safety"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Safety">Safety</a></li>
−
              <li class="menu_item attributions"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Attributions">Attributions</a></li>
+
           
−
               <li class="dropup menu_item human_practices">
+
               <li class="dropdown menu_item human_practices dropup">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Human Practices <b class="caret"></b></a>
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Human Practices <b class="caret"></b></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Human_Practices">Human Practices</a></li>
+
                   <li class="human_practices-sub"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Human_Practices">Human Practices</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/HP/Silver">Silver</a></li>
+
                   <li class="silver"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/HP/Silver">Silver</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/HP/Gold">Gold</a></li>
+
                   <li class="gold"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/HP/Gold">Gold</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Integrated_Practices">Integrated Practices</a></li>
+
                   <li class="integrated-practices"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Integrated_Practices">Integrated Practices</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Engagement">Engagement</a></li>
+
                   <li class="engagement"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Engagement">Engagement</a></li>
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Supporting_Entrepreneurship">Supporting Entrepreneurship</a></li>
+
                          </ul>
−
                </ul>
+
 
−
              </li>
+
  <li class="dropdown menu_item entrepreneur dropup">
−
              <li class="dropup menu_item awards">
+
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Entrepreneurship<b class="caret"></b></a>
−
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Awards <b class="caret"></b></a>
+
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Entrepreneurship">Entrepreneurship</a></li>
+
                   <li class="entrepreneurship"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Entrepreneurship">Entrepreneurship</a></li>
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hardware">Hardware</a></li>
+
                   <li class="supporting-entrepreneurship"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Supporting_Entrepreneurship">Supporting Entrepreneurship</a></li>
−
                   <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Software">Software</a></li>
+
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Measurement">Measurement</a></li>
+
−
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Model">Model</a></li>
+
 
                 </ul>
 
                 </ul>
 +
 +
 +
            <li class="menu_item attributions"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Attributions">Attributions</a></li>
 
               </li>
 
               </li>
−
            </ul>
+
            </ul>
 
           </div><!--/.nav-collapse -->
 
           </div><!--/.nav-collapse -->
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
     <div class="col-sm-9 col-xs-12" id="picture">
+
     <div class="col-xs-4 visible-xs-block"><a class="white-box" href="https://2016.igem.org/Team:LMU-TUM_Munich"><img class="logo visible-xs-block" src="https://static.igem.org/mediawiki/2016/3/32/T--LMU-TUM_Munich--Logo.png" alt="logo"/></a></div>
 +
    <div class="col-sm-9 col-sm-offset-3">
 
       <!-- Main content goes here -->
 
       <!-- Main content goes here -->
−
<!-- Bootstrap -->
 
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
−
<!-- slick slider -->
 
−
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
 
−
<!-- featherlight lightbox -->
 
−
<script src="http://cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
 
 
<!-- custom JS -->
 
<!-- custom JS -->
 
<script src ="https://2016.igem.org/Template:LMU-TUM_Munich/JS?action=raw&ctype=text/javascript"></script>
 
<script src ="https://2016.igem.org/Template:LMU-TUM_Munich/JS?action=raw&ctype=text/javascript"></script>
 +
 
}}
 
}}

Latest revision as of 22:48, 30 November 2016