Difference between revisions of "Template:Amsterdam2"

(Undo revision 99852 by Hugo pH (talk))
Line 1: Line 1:
−
{{:Template:Team:Amsterdam/Style}}
+
<html>
−
<html>
+
 
−
+
 
−
<head>
+
<!-- MathJax (LaTeX for the web) -->
 +
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 
 +
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
 +
 
 +
  <!-- Bootstrap core CSS
 +
<link href="https://2015.igem.org/Team:Amsterdam/bootstrap.min.css?action=raw&ctype=text/javascript" rel="stylesheet"> -->
 +
 
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
 +
<!-- Placed at the end of the document so the pages load faster -->
 +
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
 +
<script src="https://2015.igem.org/Team:Amsterdam/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
 +
 
 +
<!-- SmartMenus jQuery plugin -->
 +
<script type="text/javascript" src="https://2015.igem.org/Team:Amsterdam/jquery.smartmenus.js?action=raw&ctype=text/javascript"></script>
 +
 
 +
<!-- SmartMenus jQuery Bootstrap Addon -->
 +
<script type="text/javascript" src="https://2015.igem.org/Team:Amsterdam/jquery.smartmenus.bootstrap.js?action=raw&ctype=text/javascript"></script> 
 +
 
 +
 
 +
<style type="text/css">
 +
/*
 +
You probably do not need to edit this at all.
 +
 
 +
Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 +
These are theme independent and should work with any Bootstrap 3 theme mod.
 +
*/
 +
/* sub menus arrows on desktop */
 +
.navbar-nav:not(.sm-collapsible) ul .caret {
 +
position: absolute;
 +
right: 0;
 +
margin-top: 6px;
 +
margin-right: 15px;
 +
border-top: 4px solid transparent;
 +
border-bottom: 4px solid transparent;
 +
border-left: 4px dashed;
 +
}
 +
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
 +
padding-right: 30px;
 +
}
 +
/* make sub menu arrows look like +/- buttons in collapsible mode */
 +
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
 +
position: absolute;
 +
right: 0;
 +
margin: -3px 15px 0 0;
 +
padding: 0;
 +
width: 32px;
 +
height: 26px;
 +
line-height: 24px;
 +
text-align: center;
 +
border-width: 1px;
 +
border-style: solid;
 +
}
 +
.navbar-nav.sm-collapsible .caret:before {
 +
content: '+';
 +
font-family: monospace;
 +
font-weight: bold;
 +
}
 +
.navbar-nav.sm-collapsible .open > a > .caret:before {
 +
content: '-';
 +
}
 +
.navbar-nav.sm-collapsible a.has-submenu {
 +
padding-right: 50px;
 +
}
 +
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
 +
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
 +
position: static;
 +
margin: 0 0 0 2px;
 +
padding: 0;
 +
width: 0;
 +
height: 0;
 +
border-top: 4px dashed;
 +
border-right: 4px solid transparent;
 +
border-bottom: 0;
 +
border-left: 4px solid transparent;
 +
}
 +
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
 +
content: '' !important;
 +
}
 +
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
 +
padding-right: 15px;
 +
}
 +
/* scrolling arrows for tall menus */
 +
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
 +
position: absolute;
 +
display: none;
 +
visibility: hidden;
 +
height: 20px;
 +
overflow: hidden;
 +
text-align: center;
 +
}
 +
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
 +
position: absolute;
 +
top: -2px;
 +
left: 50%;
 +
margin-left: -8px;
 +
width: 0;
 +
height: 0;
 +
overflow: hidden;
 +
border-top: 7px dashed transparent;
 +
border-right: 7px dashed transparent;
 +
border-bottom: 7px solid;
 +
border-left: 7px dashed transparent;
 +
}
 +
.navbar-nav span.scroll-down-arrow {
 +
top: 6px;
 +
border-top: 7px solid;
 +
border-right: 7px dashed transparent;
 +
border-bottom: 7px dashed transparent;
 +
border-left: 7px dashed transparent;
 +
}
 +
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
 +
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
 +
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
 +
padding-left: 35px;
 +
}
 +
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
 +
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
 +
padding-left: 45px;
 +
}
 +
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
 +
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
 +
padding-left: 55px;
 +
}
 +
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
 +
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
 +
padding-left: 65px;
 +
}
 +
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
 +
.navbar-nav .dropdown-menu > li > a {
 +
white-space: normal;
 +
}
 +
.navbar-nav ul.sm-nowrap > li > a {
 +
white-space: nowrap;
 +
}
 +
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
 +
white-space: normal;
 +
}
 +
/* fix .navbar-right subs alignment */
 +
.navbar-right ul.dropdown-menu {
 +
left: 0;
 +
right: auto;
 +
}
 +
</style>
 +
 
  
 
     <!-- Static navbar -->
 
     <!-- Static navbar -->
Line 60: Line 204:
 
       </div>
 
       </div>
 
        
 
        
−
 
−
</head>
 
  
  

Revision as of 11:31, 14 August 2015