Difference between revisions of "Template:NAU-CHINA/ResetCSS"

 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Template_All_Teams}}
 
 
<html>
 
<html>
 
<head>
 
<head>
</head>
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:NAU-CHINA/jQuery&action=raw&ctype=text/javascript"></script>
<body>
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:NAU-CHINA/Bootstrap&action=raw&ctype=text/javascript"></script>
  
 +
<style>
  
<!-- It was fun! Lots of love from phaetjay (jkreft.de) -->
+
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
font-weight: normal;
 +
vertical-align: baseline;
 +
background: transparent;
 +
        line-height:100%;
  
<!-- Fix for Safari mobile and touch in general -->
+
}
  
<script>
+
b {
$( document ).ready(function() {
+
     font-weight: bold;
  $('#sidebarHide').click(function() {
+
}
     $('#sidebar').trigger('offcanvas.toggle');
+
  });
+
  $('#sidebarCollapse').click(function() {
+
    $('#sidebar').trigger('offcanvas.toggle');
+
  });
+
  $('#mw-content-text div').click(function() {
+
    $('#sidebar').trigger('offcanvas.toggle');
+
  });
+
  $(window).on('swiperight', function(){
+
    $('#sidebar').trigger('offcanvas.toggle');
+
  });
+
  $(window).on('swipeleft', function(){
+
    $('#sidebar').trigger('offcanvas.toggle');
+
  });
+
  
 +
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
  
  $('#sidenav').find('> li').click(function() {
+
html {
    $(this).find('> ul').trigger('collapse.toggle');
+
box-sizing: border-box;
  });
+
});
+
</script>
+
<style>
+
html,
+
body{
+
  z-index: 0;
+
 
}
 
}
</style>
 
  
<!-- Top menu -->
+
*,
<nav style="z-index: 10001;" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
+
*:before,
<div class="container">
+
*:after {
<div class="navbar-header">
+
box-sizing: inherit;
                 
+
}
                    <div class="navbar-brand">
+
                    <div id="circle">
+
                        <a id="homelink" href="https://2017.igem.org/Team:Heidelberg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9999;"></a>
+
                    </div>
+
                </div>
+
              <a type="button" data-canvas="body" id="sidebarCollapse" class="navbar-toggle" data-toggle="offcanvas" data-target="#sidebar" style="color: #393939;margin-top: 9px;">NAVIGATION
+
                    </a>
+
             
+
</div>
+
<!-- Collect the nav links, forms, and other content for toggling -->
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<ul class="nav navbar-nav pull-right">
+
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Team">People <span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Team">Team</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Attributions">Attributions</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li>
+
                            <li class="divider"></li>
+
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li>
+
                        </ul>
+
                        </li>
+
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Description">Project <span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Description">Overview</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background &amp; Design </a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li>
+
                        <li class="divider"></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li>
+
                        <li class="divider"></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li>
+
                        </ul>
+
                        </li>
+
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Parts">Parts <span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Composite_Part">Composite Parts</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Improved_Part">Improved Part</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_Collection">Parts Collection</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_List">Part List</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/RFC">RFC</a></li>
+
                        </ul>
+
                        </li>
+
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Model">Modeling <span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model">Overview</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Phage_Titer">Phage Titer</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li>
+
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li>
+
  
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li>
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> 
 
                        </ul>
 
                        </li>
 
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a>
 
                        <ul class="dropdown-menu">
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li>
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> 
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li>
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li>
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li>
 
                        </ul>
 
                        </li>
 
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Human Practices <span class="caret"></span></a>
 
                        <ul class="dropdown-menu">
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety &amp; Security</a></li>
 
                            <li class="divider"></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Engagement">Public Engagement</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li>
 
                           
 
                        </ul>
 
                        </li>
 
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Notebook <span class="caret"></span></a>
 
                        <ul class="dropdown-menu">
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Overview</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li>
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li>
 
                           
 
                        </ul>
 
                        </li>
 
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li>
 
</ul>
 
</div>
 
</div>
 
</nav>
 
  
 +
img,
 +
object,
 +
embed {max-width: 100%;}
  
  
          <nav id="sidebar" style="z-index: 10001; background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
 
        <a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a>
 
 
 
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
 
      <hr>
 
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 18px; height: 18px;"> COLLAPSE NAVIGATION </a>
 
      <hr>
 
</div>
 
  
        <ul class="nav navmenu-nav" id="sidenav">
+
 
            <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a>
+
html {overflow-y: scroll;}
                        <ul id="People_side" class="collapse side">
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Team">Team</a></li>
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Attributions">Attributions</a></li>
+
ul {list-style: none;}
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li>
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li>
+
blockquote, q {quotes: none;}
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li>
+
 
                        </ul>
+
blockquote:before,
                       
+
blockquote:after,
                        </li>
+
q:before,
         
+
q:after {content: ''; content: none;}
<li><a data-toggle="collapse" data-target="#Project_side">Project <i class="fa fa-fw fa-caret-down"></i></a>
+
 
                        <ul id="Project_side" class="collapse side">
+
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Description">Overview</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background &amp; Design </a></li>
+
del {text-decoration: line-through;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li>
+
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li>
+
table {border-collapse: collapse; border-spacing: 0;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li>
+
th {font-weight: bold; vertical-align: bottom;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li>
+
td {font-weight: normal; vertical-align: top;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li>
+
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li>
+
input, select {vertical-align: middle;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li>
+
 
                        </ul>
+
pre {
                        </li>
+
    white-space: pre; /* CSS2 */
           
+
    white-space: pre-wrap; /* CSS 2.1 */
           
+
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
            <li><a data-toggle="collapse" data-target="#Parts_side">Parts <i class="fa fa-fw fa-caret-down"></i></a>
+
    word-wrap: break-word; /* IE */
            <ul id="Parts_side" class="collapse side">
+
}
            <li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li>
+
input[type="radio"] {vertical-align: text-bottom;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Composite_Part">Composite Parts</a></li>
+
input[type="checkbox"] {vertical-align: bottom;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Improved_Part">Improved Part</a></li>
+
.ie7 input[type="checkbox"] {vertical-align: baseline;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_Collection">Parts Collection</a></li>
+
.ie6 input {vertical-align: text-bottom;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_List">Part List</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/RFC">RFC</a></li>
+
select, input, textarea {font: 99% sans-serif;}
            </ul>
+
 
            </li>
+
table {font-size: inherit; font: 100%;}
           
+
 
           
+
small {font-size: 85%;}
                        <li><a data-toggle="collapse" data-target="#Model_side">Modeling <i class="fa fa-fw fa-caret-down"></i></a>
+
 
                        <ul id="Model_side" class="collapse side">
+
strong {font-weight: bold;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model">Overview</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Phage_Titer">Phage Titer</a></li>
+
td, td img {vertical-align: top;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li>
+
 
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li>
+
 
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li>
+
sub, sup {font-size: 75%; line-height: 0; position: relative;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li>
+
sup {top: -0.5em;}
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> 
+
sub {bottom: -0.25em;}
                        </ul>
+
 
                        </li>
+
pre, code, kbd, samp {font-family: monospace, sans-serif;}
                        <li><a data-toggle="collapse" data-target="#AI_side">Software <i class="fa fa-fw fa-caret-down"></i></a>
+
 
                        <ul id="AI_side" class="collapse side">
+
.clickable,
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li>
+
label,
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> 
+
input[type=button],
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li>
+
input[type=submit],
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li>
+
input[type=file],
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li>
+
button {cursor: pointer;}
                        </ul>
+
 
                        </li>
+
button, input, select, textarea {margin: 0;}
           
+
 
                     
+
 
           
+
button,
           
+
input[type=button] {width: auto; overflow: visible;}
           
+
 
                        <li><a data-toggle="collapse" data-target="#HP_side">Human Practices <i class="fa fa-fw fa-caret-down"></i></a>
+
.ie7 img {-ms-interpolation-mode: bicubic;}
                        <ul id="HP_side" class="collapse side">
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li>
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li>
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li>
+
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety &amp; Security</a></li>
+
.clearfix:after { clear: both; }
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Engagement">Public Engagement</a></li>
+
.clearfix { zoom: 1; }
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li>
+
 
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li>
+
 
                        </ul>
+
 
                       
+
/****** CLEAR THE DEFAULT WIKI SETTINGS ******/
                        </li>
+
 
           
+
    #home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
                       
+
    #content { width:100%; padding:0px;  margin:0px;}
                        <li><a data-toggle="collapse" data-target="#Notebook_side">Notebook <i class="fa fa-fw fa-caret-down"></i></a>
+
    #content h1, #content h2 {font-weight: normal;}
                        <ul id="Notebook_side" class="collapse side">
+
    body {background-color: white; }
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Overview</a></li>
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li>
+
    .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; }
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li>
+
    #bodyContent a[href ^="https://"], .link-https {padding-right: 0;}
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li>
+
    #globalWrapper {padding-bottom: 0px;}
                        </ul>
+
 
                       
+
/****** FIX THE iGEM WIKI LOGIN BAR ******/
                        </li>
+
 
           
+
#top_menu_under{
                     
+
    height: 16px;
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li>
+
}
        </ul>
+
#top_menu_14{
    </nav>
+
    height: 16px;
</body>
+
    border-bottom: 1px solid black;
 +
}
 +
#top_menu_inside{
 +
    border-left: none;
 +
    border-right: none;
 +
}
 +
 
 +
</style>
 +
</head>
 
</html>
 
</html>

Latest revision as of 02:33, 17 October 2018