|
|
(157 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
− | <link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| + | <style> |
− | <script>
| + | body{ |
− | | + | margin:17px 0 0 0; |
− | // This is the jquery part of your template.
| + | |
− | // Try not modify any of this code too much since it makes your menu work.
| + | |
− | | + | |
− | $(document).ready(function() {
| + | |
− | | + | |
− | $("#HQ_page").attr('id','');
| + | |
− | | + | |
− | // call the functions that control the menu
| + | |
− | menu_functionality();
| + | |
− | hide_show_menu();
| + | |
− | | + | |
− | | + | |
− | | + | |
− | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
| + | |
− | function menu_functionality() {
| + | |
− | | + | |
− | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
| + | |
− | $(".menu_button").click(function(){
| + | |
− | | + | |
− | // add or remove the class "open" , this class holds the "-"
| + | |
− | $(this).children().toggleClass("open");
| + | |
− | // show or hide the submenu
| + | |
− | $(this).next('.submenu_wrapper').fadeToggle(400);
| + | |
− | });
| + | |
− | | + | |
− | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
| + | |
− | $("#display_menu_control").click(function(){
| + | |
− | $('#menu_content').fadeToggle(400);
| + | |
− | });
| + | |
− | | + | |
− | // call the current page highlight function
| + | |
− | highlight_current_page();
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | // call the highlight current page function to show it on the menu with a different background color
| + | |
− | function highlight_current_page() {
| + | |
− | | + | |
− | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
| + | |
− | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
| + | |
− | | + | |
− | // now that the current_page class has been added to a menu item, make the submenu fade in
| + | |
− | $(".current_page").parents(".submenu_wrapper").fadeIn(400);
| + | |
− | // change the +/- symbol of the corresponding menu button
| + | |
− | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | // allow button on the black menu bar to show/hide the side menu
| + | |
− | function hide_show_menu() {
| + | |
− |
| + | |
− | // in case you preview mode is selected, the menu is hidden for better visibility
| + | |
− | if (window.location.href.indexOf("submit") >= 0) {
| + | |
− | $(".igem_2017_menu_wrapper").hide();
| + | |
− | }
| + | |
− | | + | |
− | // if the black menu bar has been loaded
| + | |
− | if (document.getElementById('bars_item')) {
| + | |
− | | + | |
− | // when the "bars_item" has been clicked
| + | |
− | $("#bars_item").click(function() {
| + | |
− | $("#sideMenu").hide();
| + | |
− | | + | |
− | // show/hide the menu wrapper
| + | |
− | $(".igem_2017_menu_wrapper").fadeToggle("100");
| + | |
− | });
| + | |
− | }
| + | |
− | | + | |
− | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
| + | |
− | else {
| + | |
− | setTimeout(hide_show_menu, 15);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | });
| + | |
− | | + | |
− | | + | |
− | </script>
| + | |
− | | + | |
− | | + | |
− | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} | + | |
− | /* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:59593960c20e34faccc09e56269cf4e1 */</style>
| + | |
− | <script src="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script>
| + | |
− | <script>if(window.mw){
| + | |
− | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Oxford","wgTitle":"Team:Oxford","wgCurRevisionId":436057,"wgRevisionId":436057,"wgArticleId":2336,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"VinciVincent","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Oxford","wgUserId":6187,"wgUserEditCount":0,"wgUserRegistration":1501160018000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
| + | |
− | }</script><script>if(window.mw){
| + | |
− | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
| + | |
− | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"362d41bb1bbc084e31b24e2aab1ee180+\\","patrolToken":"10d6e2a4f1a72ea88441aedf179a4f20+\\","watchToken":"bfac8c501fb13b94bbf04088f357bc6a+\\"});},{},{});
| + | |
− | /* cache key: 2016_igem_org:resourceloader:filter:minify-js:7:784032fd0f76286aa5cf006f91279ceb */
| + | |
− | }</script>
| + | |
− | <script>if(window.mw){
| + | |
− | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
| + | |
− | }</script>
| + | |
− | </head>
| + | |
− | | + | |
− | <style>/*!
| + | |
− | * Bootstrap v3.3.6 (http://getbootstrap.com)
| + | |
− | * Copyright 2011-2015 Twitter, Inc.
| + | |
− | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
| + | |
− | */
| + | |
− | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
| + | |
− | html {
| + | |
− | font-family: sans-serif;
| + | |
− | -webkit-text-size-adjust: 100%;
| + | |
− | -ms-text-size-adjust: 100%;
| + | |
| } | | } |
− | body {
| + | /*DISABLE DEFAULT DESIGN*/ |
− | margin: 0; | + | #bodyContent{ |
| + | min-width:1300px; |
| + | font-family:"Arial Unicode MS"; |
| } | | } |
− | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
| + | #top_menu_under{ |
− | @media print {
| + | display:none; |
− | .navbar { | + | |
− | display: none;
| + | |
− | }
| + | |
− | .btn > .caret,
| + | |
− | .dropup > .btn > .caret {
| + | |
− | border-top-color: #000 !important;
| + | |
− | }
| + | |
− |
| + | |
| } | | } |
− | * {
| + | #content{ |
− | -webkit-box-sizing: border-box; | + | width: 100%; |
− | -moz-box-sizing: border-box;
| + | margin: 0; |
− | box-sizing: border-box;
| + | padding: 0; |
| } | | } |
| | | |
− | | + | #sideMenu{ |
− | | + | display:none; |
− |
| + | |
− | | + | |
− |
| + | |
− | | + | |
− |
| + | |
− | html {
| + | |
− | | + | |
− | | + | |
− | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | + | |
| } | | } |
− | body {
| |
− | /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
| | | |
− | line-height: 1.42857143;
| + | #top_title{ |
− | color: #333;
| + | display:none; |
− | background-color: #fff; */ | + | |
| } | | } |
| | | |
− | ul,
| + | #globalWrapper{ |
− | ol {
| + | padding-bottom: 0; |
− | margin-top: 0; | + | |
− | margin-bottom: 10px;
| + | |
| } | | } |
− | ul ul,
| + | #top_menu_inside .submenu{ |
− | ol ul,
| + | padding-top:0px; |
− | ul ol,
| + | |
− | ol ol {
| + | |
− | margin-bottom: 0; | + | |
| } | | } |
− | | + | #header ul{ |
− | .container {
| + | list-style-image:none; |
− | padding-right: 15px; | + | list-style-type:none; |
− | padding-left: 15px;
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | | + | |
− | .container-fluid {
| + | |
− | padding-right: 15px;
| + | |
− | padding-left: 15px;
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | .collapse {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .collapse.in {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | tr.collapse.in {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | tbody.collapse.in {
| + | |
− | display: table-row-group;
| + | |
− | }
| + | |
− | .collapsing {
| + | |
− | position: relative;
| + | |
− | height: 0;
| + | |
− | overflow: hidden;
| + | |
− | -webkit-transition-timing-function: ease;
| + | |
− | -o-transition-timing-function: ease;
| + | |
− | transition-timing-function: ease;
| + | |
− | -webkit-transition-duration: .35s;
| + | |
− | -o-transition-duration: .35s;
| + | |
− | transition-duration: .35s;
| + | |
− | -webkit-transition-property: height, visibility;
| + | |
− | -o-transition-property: height, visibility;
| + | |
− | transition-property: height, visibility;
| + | |
− | }
| + | |
− | .caret {
| + | |
− | display: inline-block;
| + | |
− | width: 0;
| + | |
− | height: 0;
| + | |
− | margin-left: 2px;
| + | |
− | vertical-align: middle;
| + | |
− | border-top: 4px dashed;
| + | |
− | border-top: 4px solid \9;
| + | |
− | border-right: 4px solid transparent;
| + | |
− | border-left: 4px solid transparent;
| + | |
− | }
| + | |
− | .dropup,
| + | |
− | .dropdown {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− | .dropdown-toggle:focus {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | top: 100%;
| + | |
− | left: -30px;
| + | |
− | z-index: 1000;
| + | |
− | display: none;
| + | |
− | float: left;
| + | |
− | min-width: 160px;
| + | |
− | padding: 5px 0;
| + | |
− | margin: 2px 0 0;
| + | |
− | font-size: 16px;
| + | |
− | text-align: left;
| + | |
− | list-style: none; | + | |
− | font-family: Avenir;
| + | |
− | background-color: #f7f7f7;
| + | |
− | -webkit-background-clip: padding-box;
| + | |
− | background-clip: padding-box;
| + | |
− | border: 0px solid #ccc;
| + | |
− | border: 0px solid rgba(0, 0, 0, .15);
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .dropdown-menu.pull-right {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .dropdown-menu .divider {
| + | |
− | height: 1px;
| + | |
− | margin: 9px 0;
| + | |
− | overflow: hidden;
| + | |
− | background-color: #e5e5e5;
| + | |
− | }
| + | |
− | .dropdown-menu > li > a {
| + | |
− | display: block;
| + | |
− | padding: 3px 20px;
| + | |
− | clear: both;
| + | |
− | font-weight: normal;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #333;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | .dropdown-menu > li > a:hover,
| + | |
− | .dropdown-menu > li > a:focus {
| + | |
− | color: #262626;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #f0f0f0;
| + | |
− | }
| + | |
− | .dropdown-menu > .active > a,
| + | |
− | .dropdown-menu > .active > a:hover,
| + | |
− | .dropdown-menu > .active > a:focus {
| + | |
− | color: #fff;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #337ab7;
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .dropdown-menu > .disabled > a,
| + | |
− | .dropdown-menu > .disabled > a:hover,
| + | |
− | .dropdown-menu > .disabled > a:focus {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .dropdown-menu > .disabled > a:hover,
| + | |
− | .dropdown-menu > .disabled > a:focus {
| + | |
− | text-decoration: none;
| + | |
− | cursor: not-allowed;
| + | |
− | background-color: transparent;
| + | |
− | background-image: none;
| + | |
− | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
| + | |
− | }
| + | |
− | .open > .dropdown-menu {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .open > a {
| + | |
− | outline: 0;
| + | |
| } | | } |
− | .dropdown-menu-right {
| + | #contents ul{ |
− | right: 0; | + | margin-left:0px; |
− | left: auto;
| + | |
| } | | } |
− | .dropdown-menu-left {
| + | #contents li{ |
− | right: auto; | + | font-size:17px; |
− | left: 0;
| + | |
| } | | } |
| | | |
− | .dropdown-backdrop {
| + | /*---------------------- */ |
− | position: fixed;
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 990;
| + | |
− | }
| + | |
− | .pull-right > .dropdown-menu {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .dropup .caret,
| + | |
− | .navbar-fixed-bottom .dropdown .caret {
| + | |
− | content: "";
| + | |
− | border-top: 0;
| + | |
− | border-bottom: 4px dashed;
| + | |
− | border-bottom: 4px solid \9;
| + | |
− | }
| + | |
− | .dropup .dropdown-menu,
| + | |
− | .navbar-fixed-bottom .dropdown .dropdown-menu {
| + | |
− | top: auto;
| + | |
− | bottom: 100%;
| + | |
− | margin-bottom: 2px;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-right .dropdown-menu {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .navbar-right .dropdown-menu-left {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | }
| + | |
| | | |
− | [data-toggle="buttons"] > .btn input[type="radio"],
| + | /*menu*/ |
− | [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
| + | |
− | [data-toggle="buttons"] > .btn input[type="checkbox"],
| + | |
− | [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
| + | |
− | position: absolute;
| + | |
− | clip: rect(0, 0, 0, 0);
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
| | | |
− | .nav {
| + | #header{ |
− | padding-left: 0;
| + | |
− | margin-bottom: 0;
| + | position:relative; |
− | list-style: none;
| + | |
− | }
| + | |
− | .nav > li {
| + | |
− | position: relative; | + | |
− | display: block;
| + | |
− | }
| + | |
− | .nav > li > a {
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | padding: 10px 15px;
| + | |
− | }
| + | |
− | .nav > li > a:hover,
| + | |
− | .nav > li > a:focus {
| + | |
− | text-decoration: none;
| + | |
− | background-color: #eee;
| + | |
− | }
| + | |
− | .nav > li.disabled > a {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .nav > li.disabled > a:hover,
| + | |
− | .nav > li.disabled > a:focus {
| + | |
− | color: #777;
| + | |
− | text-decoration: none;
| + | |
− | cursor: not-allowed;
| + | |
− | }
| + | |
− | .nav .open > a,
| + | |
− | .nav .open > a:hover,
| + | |
− | .nav .open > a:focus {
| + | |
− | background-color: #eee;
| + | |
− | border-color: #337ab7;
| + | |
− | }
| + | |
− | .nav .nav-divider {
| + | |
− | height: 1px;
| + | |
− | margin: 9px 0;
| + | |
− | overflow: hidden;
| + | |
− | background-color: #e5e5e5;
| + | |
− | }
| + | |
− | .nav > li > a > img {
| + | |
− | max-width: none;
| + | |
− | }
| + | |
− | .nav-tabs {
| + | |
− | border-bottom: 1px solid #ddd;
| + | |
− | }
| + | |
− | .nav-tabs > li {
| + | |
− | float: left;
| + | |
− | margin-bottom: -1px;
| + | |
− | }
| + | |
− | .nav-tabs > li > a {
| + | |
− | margin-right: 2px;
| + | |
− | line-height: 1.42857143;
| + | |
− | border: 1px solid transparent;
| + | |
− | border-radius: 4px 4px 0 0;
| + | |
− | }
| + | |
− | .nav-tabs > li > a:hover {
| + | |
− | border-color: #eee #eee #ddd;
| + | |
− | }
| + | |
− | .nav-tabs > li.active > a,
| + | |
− | .nav-tabs > li.active > a:hover,
| + | |
− | .nav-tabs > li.active > a:focus {
| + | |
− | color: #555;
| + | |
− | cursor: default;
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid #ddd;
| + | |
− | border-bottom-color: transparent;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified {
| + | |
| width: 100%; | | width: 100%; |
− | border-bottom: 0; | + | min-width: 1300px; |
− | }
| + | /*width: 1366px;*/ |
− | .nav-tabs.nav-justified > li {
| + | height: 72px; |
− | float: none; | + | margin: 0 auto; |
− | }
| + | /*border: 1px solid #000;*/ |
− | .nav-tabs.nav-justified > li > a {
| + | |
− | margin-bottom: 5px; | + | |
| text-align: center; | | text-align: center; |
| + | background-color: #00aeef; |
| + | opacity: 0.7; |
| + | z-index:2; |
| } | | } |
− | .nav-tabs.nav-justified > .dropdown .dropdown-menu {
| + | #header ul{ |
− | top: auto; | + | /*list-style-type: none;*/ |
− | left: auto; | + | /*margin: 0;*/ |
| + | padding: 0; |
| } | | } |
− | @media (min-width: 768px) {
| + | #nav-wrapper{ |
− | .nav-tabs.nav-justified > li {
| + | width:auto; |
− | display: table-cell;
| + | |
− | width: 1%;
| + | margin: 0 auto; |
− | }
| + | |
− | .nav-tabs.nav-justified > li > a { | + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
| } | | } |
− | .nav-tabs.nav-justified > li > a { | + | .nav { |
− | margin-right: 0; | + | text-align:center; |
− | border-radius: 4px; | + | |
| + | height:72px; |
| + | position:relative; |
| + | left:20px; |
| } | | } |
− | .nav-tabs.nav-justified > .active > a, | + | .nav ul { |
− | .nav-tabs.nav-justified > .active > a:hover,
| + | |
− | .nav-tabs.nav-justified > .active > a:focus {
| + | margin: 0 auto; |
− | border: 1px solid #ddd; | + | list-style-type: none; |
| + | font-size:17px; |
| } | | } |
− | @media (min-width: 768px) {
| + | .nav ul li{ |
− | .nav-tabs.nav-justified > li > a {
| + | |
− | border-bottom: 1px solid #ddd;
| + | |
− | border-radius: 4px 4px 0 0;
| + | |
− | }
| + | |
− | .nav-tabs.nav-justified > .active > a,
| + | |
− | .nav-tabs.nav-justified > .active > a:hover,
| + | |
− | .nav-tabs.nav-justified > .active > a:focus {
| + | |
− | border-bottom-color: #fff;
| + | |
− | }
| + | |
− | }
| + | |
− | .nav-pills > li {
| + | |
| float: left; | | float: left; |
| + | width: 110px; |
| + | margin: 0; |
| + | /*border-right: 1px solid #e6e4e4;*/ |
| + | box-sizing: border-box; |
| + | font-size:13px; |
| + | /*text-indent:-9999px;*/ |
| } | | } |
− | .nav-pills > li > a { | + | .nav ul li:last-child { |
− | border-radius: 4px; | + | border-right: none; |
| } | | } |
− | .nav-pills > li + li { | + | .nav ul li a{ |
− | margin-left: 2px;
| + | display: block; |
− | }
| + | |
− | .nav-pills > li.active > a,
| + | |
− | .nav-pills > li.active > a:hover,
| + | |
− | .nav-pills > li.active > a:focus {
| + | |
− | color: #fff; | + | |
− | background-color: #337ab7;
| + | |
− | }
| + | |
− | .nav-stacked > li {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .nav-stacked > li + li {
| + | |
− | margin-top: 2px;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .nav-justified {
| + | |
| width: 100%; | | width: 100%; |
− | }
| + | height:72px; |
− | .nav-justified > li {
| + | line-height:72px; |
− | float: none; | + | color:#fff; |
− | }
| + | white-space:nowrap; |
− | .nav-justified > li > a {
| + | |
− | margin-bottom: 5px; | + | |
− | text-align: center;
| + | |
− | }
| + | |
− | .nav-justified > .dropdown .dropdown-menu {
| + | |
− | top: auto;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .nav-justified > li {
| + | |
− | display: table-cell;
| + | |
− | width: 1%;
| + | |
− | }
| + | |
− | .nav-justified > li > a {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .nav-tabs-justified {
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− | .nav-tabs-justified > li > a {
| + | |
− | margin-right: 0;
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .nav-tabs-justified > .active > a,
| + | |
− | .nav-tabs-justified > .active > a:hover,
| + | |
− | .nav-tabs-justified > .active > a:focus {
| + | |
− | border: 1px solid #ddd;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .nav-tabs-justified > li > a {
| + | |
− | border-bottom: 1px solid #ddd;
| + | |
− | border-radius: 4px 4px 0 0;
| + | |
− | }
| + | |
− | .nav-tabs-justified > .active > a,
| + | |
− | .nav-tabs-justified > .active > a:hover,
| + | |
− | .nav-tabs-justified > .active > a:focus {
| + | |
− | border-bottom-color: #fff;
| + | |
− | }
| + | |
− | }
| + | |
− | .tab-content > .tab-pane {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .tab-content > .active {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .nav-tabs .dropdown-menu {
| + | |
− | margin-top: -1px;
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .navbar {
| + | |
− | position: relative;
| + | |
− | min-height: 50px;
| + | |
− | margin-bottom: 20px;
| + | |
− | border: 1px solid transparent;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar {
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-header {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-collapse {
| + | |
− | padding-right: 15px;
| + | |
− | padding-left: 15px;
| + | |
− | overflow-x: visible;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | border-top: 1px solid transparent;
| + | |
− | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
| + | |
− | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
| + | |
− | }
| + | |
− | .navbar-collapse.in {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-collapse {
| + | |
− | width: auto;
| + | |
− | border-top: 0;
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | .navbar-collapse.collapse {
| + | |
− | display: block !important;
| + | |
− | height: auto !important;
| + | |
− | padding-bottom: 0;
| + | |
− | overflow: visible !important;
| + | |
− | }
| + | |
− | .navbar-collapse.in {
| + | |
− | overflow-y: visible;
| + | |
− | }
| + | |
− | .navbar-fixed-top .navbar-collapse,
| + | |
− | .navbar-static-top .navbar-collapse,
| + | |
− | .navbar-fixed-bottom .navbar-collapse {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-fixed-top .navbar-collapse,
| + | |
− | .navbar-fixed-bottom .navbar-collapse {
| + | |
− | max-height: 340px;
| + | |
− | }
| + | |
− | @media (max-device-width: 480px) and (orientation: landscape) {
| + | |
− | .navbar-fixed-top .navbar-collapse,
| + | |
− | .navbar-fixed-bottom .navbar-collapse {
| + | |
− | max-height: 200px;
| + | |
− | }
| + | |
− | }
| + | |
− | .container > .navbar-header,
| + | |
− | .container-fluid > .navbar-header,
| + | |
− | .container > .navbar-collapse,
| + | |
− | .container-fluid > .navbar-collapse {
| + | |
− | margin-right: -15px;
| + | |
− | margin-left: -15px;
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .container > .navbar-header,
| + | |
− | .container-fluid > .navbar-header,
| + | |
− | .container > .navbar-collapse,
| + | |
− | .container-fluid > .navbar-collapse {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-static-top {
| + | |
− | z-index: 1000;
| + | |
− | border-width: 0 0 1px;
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-static-top {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-fixed-top,
| + | |
− | .navbar-fixed-bottom {
| + | |
− | position: fixed;
| + | |
− | right: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 1030;
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-fixed-top,
| + | |
− | .navbar-fixed-bottom {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-fixed-top {
| + | |
− | top: 0;
| + | |
− | border-width: 0 0 1px;
| + | |
− | }
| + | |
− | .navbar-fixed-bottom {
| + | |
− | bottom: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | border-width: 1px 0 0;
| + | |
− | }
| + | |
| | | |
− | .navbar-toggle {
| + | |
− | position: relative;
| + | |
− | float: right;
| + | |
− | padding: 9px 10px;
| + | |
− | margin-top: 8px;
| + | |
− | margin-right: 15px;
| + | |
− | margin-bottom: 8px;
| + | |
− | background-color: #fff;
| + | |
− | background-image: none;
| + | |
− | border: 1px solid #fff;
| + | |
− | border-radius: 4px;
| + | |
− | }
| + | |
− | .navbar-toggle:focus {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− | .navbar-toggle .icon-bar {
| + | |
− | display: block;
| + | |
− | width: 22px;
| + | |
− | height: 2px;
| + | |
− | border-radius: 1px;
| + | |
− | }
| + | |
− | .navbar-toggle .icon-bar + .icon-bar {
| + | |
− | margin-top: 4px;
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-toggle {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-nav {
| + | |
− | margin: 7.5px -15px;
| + | |
− | }
| + | |
− | .navbar-nav > li > a {
| + | |
− | padding-top: 10px;
| + | |
− | padding-bottom: 10px;
| + | |
− | line-height: 20px;
| + | |
− | }
| + | |
− | @media (max-width: 1125px) {
| + | |
− | .navbar-collapse {
| + | |
− | margin-top: 15px;
| + | |
− | }
| + | |
− | .navbar-nav .open .dropdown-menu {
| + | |
− | position: static;
| + | |
− | float: none;
| + | |
− | width: auto;
| + | |
− | background-color: #fff;
| + | |
− | border: 0;
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | .navbar-nav .open .dropdown-menu > li > a,
| + | |
− | .navbar-nav .open .dropdown-menu .dropdown-header {
| + | |
− | padding: 5px 15px 5px 25px;
| + | |
− | }
| + | |
− | .navbar-nav .open .dropdown-menu > li > a {
| + | |
− | line-height: 20px;
| + | |
− | }
| + | |
− | .navbar-nav .open .dropdown-menu > li > a:hover,
| + | |
− | .navbar-nav .open .dropdown-menu > li > a:focus {
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-nav {
| + | |
− | float: left;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .navbar-nav > li {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .navbar-nav > li > a {
| + | |
− | padding-top: 15px;
| + | |
− | padding-bottom: 15px;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-form {
| + | |
− | padding: 10px 15px;
| + | |
− | margin-top: 8px;
| + | |
− | margin-right: -15px;
| + | |
− | margin-bottom: 8px;
| + | |
− | margin-left: -15px;
| + | |
− | border-top: 1px solid transparent;
| + | |
− | border-bottom: 1px solid transparent;
| + | |
− | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
| + | |
− | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-form .form-group {
| + | |
− | display: inline-block;
| + | |
− | margin-bottom: 0;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .navbar-form .form-control {
| + | |
− | display: inline-block;
| + | |
− | width: auto;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .navbar-form .form-control-static {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .navbar-form .input-group {
| + | |
− | display: inline-table;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .navbar-form .input-group .input-group-addon,
| + | |
− | .navbar-form .input-group .input-group-btn,
| + | |
− | .navbar-form .input-group .form-control {
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .navbar-form .input-group > .form-control {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .navbar-form .control-label {
| + | |
− | margin-bottom: 0;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .navbar-form .radio,
| + | |
− | .navbar-form .checkbox {
| + | |
− | display: inline-block;
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | .navbar-form .radio label,
| + | |
− | .navbar-form .checkbox label {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .navbar-form .radio input[type="radio"],
| + | |
− | .navbar-form .checkbox input[type="checkbox"] {
| + | |
− | position: relative;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .navbar-form .has-feedback .form-control-feedback {
| + | |
− | top: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (max-width: 1125px) {
| + | |
− | .navbar-form .form-group {
| + | |
− | margin-bottom: 5px;
| + | |
− | }
| + | |
− | .navbar-form .form-group:last-child {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-form {
| + | |
− | width: auto;
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | border: 0;
| + | |
− | -webkit-box-shadow: none;
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-nav > li > .dropdown-menu {
| + | |
− | margin-top: 0;
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
| + | |
− | margin-bottom: 0;
| + | |
− | border-top-left-radius: 4px;
| + | |
− | border-top-right-radius: 4px;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .navbar-btn {
| + | |
− | margin-top: 8px;
| + | |
− | margin-bottom: 8px;
| + | |
− | }
| + | |
− | .navbar-btn.btn-sm {
| + | |
− | margin-top: 10px;
| + | |
− | margin-bottom: 10px;
| + | |
− | }
| + | |
− | .navbar-btn.btn-xs {
| + | |
− | margin-top: 14px;
| + | |
− | margin-bottom: 14px;
| + | |
− | }
| + | |
− | .navbar-text {
| + | |
− | margin-top: 15px;
| + | |
− | margin-bottom: 15px;
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-text {
| + | |
− | float: left;
| + | |
− | margin-right: 15px;
| + | |
− | margin-left: 15px;
| + | |
− | }
| + | |
− | }
| + | |
− | @media (min-width: 1125px) {
| + | |
− | .navbar-left {
| + | |
− | float: left !important;
| + | |
− | }
| + | |
− | .navbar-right {
| + | |
− | float: right !important;
| + | |
− | margin-right: 15px;
| + | |
− | }
| + | |
− | .navbar-right ~ .navbar-right {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-default {
| + | |
− | background-color: #f8f8f8;
| + | |
− | border-color: #e7e7e7;
| + | |
− | }
| + | |
− | .navbar-default .navbar-brand {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .navbar-default .navbar-brand:hover,
| + | |
− | .navbar-default .navbar-brand:focus {
| + | |
− | color: #5e5e5e;
| + | |
− | }
| + | |
− | .navbar-default .navbar-text {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav > li > a {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav > li > a:hover,
| + | |
− | .navbar-default .navbar-nav > li > a:focus {
| + | |
− | color: #333;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav > .active > a,
| + | |
− | .navbar-default .navbar-nav > .active > a:hover,
| + | |
− | .navbar-default .navbar-nav > .active > a:focus {
| + | |
− | color: #555;
| + | |
− | background-color: #e7e7e7;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav > .disabled > a,
| + | |
− | .navbar-default .navbar-nav > .disabled > a:hover,
| + | |
− | .navbar-default .navbar-nav > .disabled > a:focus {
| + | |
− | color: #ccc;
| + | |
− | }
| + | |
− | .navbar-default .navbar-toggle {
| + | |
− | border-color: #ddd;
| + | |
− | }
| + | |
− | .navbar-default .navbar-toggle:hover,
| + | |
− | .navbar-default .navbar-toggle:focus {
| + | |
− | background-color: #ddd;
| + | |
− | }
| + | |
− | .navbar-default .navbar-toggle .icon-bar {
| + | |
− | background-color: #888;
| + | |
− | }
| + | |
− | .navbar-default .navbar-collapse,
| + | |
− | .navbar-default .navbar-form {
| + | |
− | border-color: #e7e7e7;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav > .open > a,
| + | |
− | .navbar-default .navbar-nav > .open > a:hover,
| + | |
− | .navbar-default .navbar-nav > .open > a:focus {
| + | |
− | color: #555;
| + | |
− | background-color: #e7e7e7;
| + | |
− | }
| + | |
− | @media (max-width: 999px) {
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
| + | |
− | color: #333;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| + | |
− | color: #555;
| + | |
− | background-color: #e7e7e7;
| + | |
− | }
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| + | |
− | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| + | |
− | color: #ccc;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-default .navbar-link {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .navbar-default .navbar-link:hover {
| + | |
− | color: #333;
| + | |
− | }
| + | |
− | .navbar-default .btn-link {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− | .navbar-default .btn-link:hover,
| + | |
− | .navbar-default .btn-link:focus {
| + | |
− | color: #333;
| + | |
− | }
| + | |
− | .navbar-default .btn-link[disabled]:hover,
| + | |
− | fieldset[disabled] .navbar-default .btn-link:hover,
| + | |
− | .navbar-default .btn-link[disabled]:focus,
| + | |
− | fieldset[disabled] .navbar-default .btn-link:focus {
| + | |
− | color: #ccc;
| + | |
− | }
| + | |
− | .navbar-inverse {
| + | |
− | background-color: #222;
| + | |
− | border-color: #080808;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-brand {
| + | |
− | color: #9d9d9d;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-brand:hover,
| + | |
− | .navbar-inverse .navbar-brand:focus {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-text {
| + | |
− | color: #9d9d9d;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav > li > a {
| + | |
− | color: #9d9d9d;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav > li > a:hover,
| + | |
− | .navbar-inverse .navbar-nav > li > a:focus {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav > .active > a,
| + | |
− | .navbar-inverse .navbar-nav > .active > a:hover,
| + | |
− | .navbar-inverse .navbar-nav > .active > a:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #080808;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav > .disabled > a,
| + | |
− | .navbar-inverse .navbar-nav > .disabled > a:hover,
| + | |
− | .navbar-inverse .navbar-nav > .disabled > a:focus {
| + | |
− | color: #444;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-toggle {
| + | |
− | border-color: #333;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-toggle:hover,
| + | |
− | .navbar-inverse .navbar-toggle:focus {
| + | |
− | background-color: #333;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-toggle .icon-bar {
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-collapse,
| + | |
− | .navbar-inverse .navbar-form {
| + | |
− | border-color: #101010;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav > .open > a,
| + | |
− | .navbar-inverse .navbar-nav > .open > a:hover,
| + | |
− | .navbar-inverse .navbar-nav > .open > a:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #080808;
| + | |
− | }
| + | |
− | @media (max-width: 999px) {
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
| + | |
− | border-color: #080808;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
| + | |
− | background-color: #080808;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
| + | |
− | color: #9d9d9d;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #080808;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| + | |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| + | |
− | color: #444;
| + | |
− | }
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-link {
| + | |
− | color: #9d9d9d;
| + | |
− | }
| + | |
− | .navbar-inverse .navbar-link:hover {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | .navbar-inverse .btn-link {
| + | |
− | color: #9d9d9d;
| + | |
− | }
| + | |
− | .navbar-inverse .btn-link:hover,
| + | |
− | .navbar-inverse .btn-link:focus {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | .navbar-inverse .btn-link[disabled]:hover,
| + | |
− | fieldset[disabled] .navbar-inverse .btn-link:hover,
| + | |
− | .navbar-inverse .btn-link[disabled]:focus,
| + | |
− | fieldset[disabled] .navbar-inverse .btn-link:focus {
| + | |
− | color: #444;
| + | |
| } | | } |
| | | |
| | | |
− | .nav-pills > li > a > .badge { | + | #nv0 a{ |
− | margin-left: 3px; | + | background: url(https://static.igem.org/mediawiki/2017/e/e1/WHU-China-logo.png); |
| + | background-repeat: no-repeat; |
| + | background-position: center; |
| + | background-size:cover; |
| } | | } |
| + | #nv1 > a{background: url();} |
| + | #nv2 > a{background: url();} |
| + | #nv3 > a{background: url();} |
| + | #nv4 > a{background: url();} |
| + | #nv5 > a{background: url();} |
| + | #nv6 > a{background: url();} |
| + | #nv7 > a{background: url();} |
| + | #nv8 > a{background: url();} |
| + | #nv9 > a{background: url();} |
| + | |
| + | #nv11 {background-image: url();} |
| + | #nv12 {background-image: url();} |
| + | #nv13 {background-image: url();} |
| + | #nv14 {background-image: url();} |
| + | #nv15 {background-image: url();} |
| + | #nv16 {background-image: url();} |
| | | |
− | .container .jumbotron,
| + | #nv21 {background-image: url();} |
− | .container-fluid .jumbotron {
| + | #nv22 {background-image: url();} |
− | padding-right: 15px;
| + | #nv23 {background-image: url();} |
− | padding-left: 15px;
| + | |
− | border-radius: 6px;
| + | #nv31 {background-image: url();} |
− | } | + | #nv32 {background-image: url();} |
− | .jumbotron .container {
| + | #nv33 {background-image: url();} |
− | max-width: 100%;
| + | |
− | } | + | #nv41 {background-image: url();} |
− | @media screen and (min-width: 768px) {
| + | #nv42 {background-image: url();} |
− | .jumbotron {
| + | |
− | padding-top: 48px;
| + | |
− | padding-bottom: 48px;
| + | |
− | }
| + | |
− | .container .jumbotron,
| + | |
− | .container-fluid .jumbotron {
| + | |
− | padding-right: 60px;
| + | |
− | padding-left: 60px;
| + | |
− | }
| + | |
− |
| + | |
| | | |
− | .container:before,
| + | #nv51 {background-image: url();} |
− | .container:after,
| + | #nv52 {background-image: url();} |
− | .container-fluid:before,
| + | |
− | .container-fluid:after,
| + | |
− | .row:before,
| + | |
− | .row:after,
| + | |
− | .form-horizontal .form-group:before,
| + | |
− | .form-horizontal .form-group:after,
| + | |
− | .btn-toolbar:before,
| + | |
− | .btn-toolbar:after,
| + | |
− | .btn-group-vertical > .btn-group:before,
| + | |
− | .btn-group-vertical > .btn-group:after,
| + | |
− | .nav:before,
| + | |
− | .nav:after,
| + | |
− | .navbar:before,
| + | |
− | .navbar:after,
| + | |
− | .navbar-header:before,
| + | |
− | .navbar-header:after,
| + | |
− | .navbar-collapse:before,
| + | |
− | .navbar-collapse:after,
| + | |
| | | |
− | .container:after,
| + | #nv61 {background-image: url();} |
− | .container-fluid:after,
| + | #nv62 {background-image: url();} |
| + | #nv63 {background-image: url();} |
| | | |
− | .nav:after,
| + | #nv71 {background-image: url();} |
− | .navbar:after,
| + | #nv72 {background-image: url();} |
− | .navbar-header:after,
| + | |
− | .navbar-collapse:after,
| + | #nv81 {background-image: url();} |
| + | #nv82 {background-image: url();} |
| + | #nv83 {background-image: url();} |
| + | |
| + | |
| + | #nv1 > a:hover{background-position: 0 -72px;} |
| + | #nv2 > a:hover{background-position: 0 -72px;} |
| + | #nv3 > a:hover{background-position: 0 -72px;} |
| + | #nv4 > a:hover{background-position: 0 -72px;} |
| + | #nv5 > a:hover{background-position: 0 -72px;} |
| + | #nv6 > a:hover{background-position: 0 -72px;} |
| + | #nv7 > a:hover{background-position: 0 -72px;} |
| + | #nv8 > a:hover{background-position: 0 -72px;} |
| + | #nv9 > a:hover{background-position: 0 -72px;} |
| | | |
| | | |
| + | .nv > li > ul { |
| + | width:121px; |
| + | position: absolute; |
| + | visibility:hidden; |
| + | } |
| + | .nv > li:hover > ul{ |
| + | visibility: visible; |
| + | |
| + | } |
| + | |
| + | .nv > li > ul > li{ |
| + | float:inherit; |
| + | height:0px; |
| + | transition:height 0.5s; |
| + | opacity:0.7; |
| + | background-color:#000; |
| + | } |
| | | |
− | @media (min-width: 1125px) {.dropdown-menu li:hover .sub-menu {visibility: visible;}}
| + | .nv > li > ul > li:hover{ |
− | @media (min-width: 1125px) {.dropdown:hover .dropdown-menu {display: block;}}
| + | opacity:0.9; |
− | </style>
| + | background-color:#00aeef;} |
− | </head>
| + | |
| | | |
− | </p><p>
| + | .nv > li:hover > ul > li{ |
− | <head>
| + | height:48px; |
− | <title>导航栏</title> | + | } |
− | <meta charset="utf-8">
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
| + | |
− | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
| + | |
| | | |
− | | + | .nv > li > ul > li a{ |
− | | + | height:0px; |
− | | + | transition:height 0.5s; |
− | <script type='text/javascript'>//<![CDATA[
| + | |
− | $(window).load(function(){
| + | |
− | $('a').click(function(){
| + | |
− | $('html, body').animate({
| + | |
− | scrollTop: $( $(this).attr('href') ).offset().top
| + | |
− | }, 500);
| + | |
− | return false;
| + | |
− | });
| + | |
− | });//]]>
| + | |
− | | + | |
− | </script>
| + | |
− | | + | |
− | <script type="text/javascript">
| + | |
− | $('body').scrollspy({
| + | |
− | target: '.bs-docs-sidebar',
| + | |
− | offset: 130
| + | |
− | });
| + | |
− | </script>
| + | |
− | | + | |
− | | + | |
− | <script type='text/javascript'>//<![CDATA[
| + | |
− | $(window).load(function(){
| + | |
− | $('a').click(function(){
| + | |
− | $('html, body').animate({
| + | |
− | scrollTop: $( $(this).attr('href') ).offset().top
| + | |
− | }, 500);
| + | |
− | return false;
| + | |
− | });
| + | |
− | });//]]>
| + | |
− | | + | |
− | </script>
| + | |
− | | + | |
− | <script type="text/javascript">
| + | |
− | $('body').scrollspy({
| + | |
− | target: '.bs-docs-sidebar',
| + | |
− | offset: 130
| + | |
− | });
| + | |
− | </script>
| + | |
− | | + | |
− | <style>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | .navbar {
| + | |
− | margin-top: 16px;
| + | |
− | position: fixed;
| + | |
− | font-size: 13px;
| + | |
− | background-color: #fff;
| + | |
− | margin-bottom: 15;
| + | |
| } | | } |
| | | |
− | .navbar-toggle { | + | .nv > li:hover > ul > li a{ |
− | position: relative; | + | height:48px; |
− | float: right;
| + | line-height: 48px; |
− | padding: 9px 10px;
| + | |
− | margin-top: 8px;
| + | |
− | margin-right: 15px;
| + | |
− | margin-bottom: 8px;
| + | |
− | background-color: #fff;
| + | |
− | background-image: none;
| + | |
− | border: 1px solid #fff;
| + | |
− | border-radius: 4px;
| + | |
| } | | } |
| | | |
− | .navbar-right li {
| + | #contents-wrapper{ |
− | font-family: "Avenir",sans-serif;
| + | min-width:1024px; |
− | color: #2800D7;
| + | background-color:#ffffff; |
| + | padding-bottom: 100px; |
| } | | } |
| | | |
− | .navbar-nav > li > a {
| + | #contents{ |
− | padding-left: 10px;
| + | width: 1024px; |
− | padding-right: 10px;
| + | margin: 0 auto; |
| + | border-color: #000000; |
| + | color: #969696; |
| + | border-top:30px solid #ffffff; |
| + | border-bottom:30px solid #ffffff; |
| + | /*background-color: #c0ffee;*/ |
| } | | } |
− | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
| + | #contents p{ |
− | background-color: #fff;
| + | word-wrap:break-word; |
− | color:#2800D7;
| + | |
| } | | } |
| + | /*#header li{ |
| + | text-indent: -9999px; |
| + | float:left; |
| + | width: 100px; |
| + | margin: 0; |
| + | padding: 0; |
| + | }*/ |
| | | |
− | .navbar-default .navbar-nav > .active {
| |
− | background-color: #fff;
| |
| | | |
| + | .”caption”{ |
| + | color:#6f89a5; |
| + | font-size: 14.5px; |
| } | | } |
− | | + | #bodyContent h1{ |
− | .navbar-default .navbar-brand {
| + | font-size:30px; |
− | font-weight: bold;
| + | color:#00aeef; |
− | color: #2800D7;
| + | border-bottom:1pt solid #00aeef; |
− | /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
| + | padding-top:45px; |
− | -webkit-background-clip: text;
| + | padding-bottom:15px; |
− | -webkit-text-fill-color: transparent;*/
| + | margin-bottom:15px; |
| + | line-height:25px; |
| } | | } |
− | | + | #bodyContent h2{ |
− | .navbar-default .navbar-brand:hover {
| + | font-size:25px; |
− | font-weight: bold;
| + | color:#00aeef; |
− | color: #fa1e64;
| + | margin-top:30px; |
− | /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
| + | line-height:25px; |
− | -webkit-background-clip: text;
| + | |
− | -webkit-text-fill-color: transparent;*/
| + | |
| } | | } |
− | | + | h3{ |
− | | + | font-size:20px; |
− | body {
| + | padding-bottom:8px; |
− | font-family:Avenir !important; | + | color:#808080; |
− | text-align: center;
| + | line-height:30px; |
| } | | } |
− | | + | #bodyContent h4{ |
− | | + | font-size:20px; |
− | | + | color:#808080; |
− | | + | |
− | .container-fluid h1 {
| + | |
− | font-weight:bold;
| + | |
− | font-size:70px; | + | |
− | font-family:Avenir, Calibri, Arial !important;
| + | |
− | padding-top: 100px; margin-top:-75px;
| + | |
− | padding-bottom:20px;
| + | |
| } | | } |
− | .container-fluid h2 {
| + | h5{ |
− | color: #A7689B;
| + | font-size:15px; |
− | font-weight:bold;
| + | color:#00aeef; |
− | font-family:Avenir, Calibri, Arial !important;
| + | |
− | text-align:left;
| + | |
− | font-size:38px; | + | |
− | padding-top: 100px; margin-top:-75px;
| + | |
− | padding-bottom:20px;
| + | |
| } | | } |
− | .container-fluid h3 {
| + | h6{ |
− | color: #BF78AE;
| + | font-size:25px; |
− | text-decoration: bold;
| + | color:#00aeef; |
− | text-align:left;
| + | padding-bottom:10px; |
− | font-size:25px; | + | |
− | font-family:Avenir, Calibri, Arial !important;
| + | |
− | padding-top: 100px; margin-top:-75px;
| + | |
− | padding-bottom:10px; | + | |
| } | | } |
− | | + | b{ |
− | @media (max-width: 600px) {
| + | font-size:17px; |
− | .container-fluid h1 {
| + | color:#1e1e20; |
− | font-size:40px; | + | |
| } | | } |
− | .container-fluid h2 {
| + | p{ |
− | font-size:30px; | + | font-size:17px; |
| + | color:#646464; |
| } | | } |
− | .container-fluid h3 {
| + | #toc{ |
− | font-size:24px;
| + | list-style:none; |
| + | margin:0 0 15px 0; |
| + | padding:0; |
| + | border:0; |
| + | background:none; |
| } | | } |
| + | #toc li{ |
| + | font-size:15px; |
| + | color:#00aeef; |
| + | margin-bottom:10px; |
| + | font-weight:700; |
| } | | } |
− | | + | #cont { |
− | | + | list-style:none; |
− | | + | margin:0; |
− | | + | padding:0; |
− | .container-fluid b {
| + | border:0; |
− | text-decoration: bold;
| + | background:none; |
− | font-family:Avenir, Calibri, Arial !important;
| + | |
| } | | } |
− | @media (max-width: 1150px) {
| + | #cont li { |
− | .caret {
| + | font-size:13px; |
− | display: none;
| + | /*color:#00aeef;*/ |
− | }
| + | margin-bottom:0px; |
| + | font-weight:700; |
| } | | } |
− | | + | #cont2 { |
− | | + | list-style:none; |
− | | + | margin:0; |
− | | + | padding:0; |
− | .container-fluid li {
| + | border:0; |
− | font-family:Avenir, Calibri, Arial !important;
| + | background:none; |
− | list-style-type: square;
| + | |
− | text-align: left; !important;
| + | |
− | line-height:180%;
| + | |
− | font-size:16px !important;
| + | |
− | | + | |
| } | | } |
− | | + | #cont2 li { |
− | .navFont
| + | font-size:13px; |
− | { | + | color:#00aeef; |
− | font-size:20px !important; | + | margin-bottom:0px; |
| + | font-weight:700; |
| + | padding-left:2em; |
| } | | } |
− | | + | #att{ |
− | | + | margin:0 0 15px 0; |
− | .container-fluid li li {
| + | padding:0; |
− | list-style-type: circle;
| + | border:0; |
| + | background:none; |
| } | | } |
− | | + | #att li{ |
− | .nav li {
| + | font-size:15px; |
− | list-style-type: none; | + | color:#646464; |
− | font-size:20px !important; | + | margin-bottom:10px; |
| + | font-weight:400; |
| + | } |
| + | #hp { |
| + | margin:0 0 17px 0; |
| + | padding:0; |
| + | border:0; |
| + | background:none; |
| + | } |
| + | #hp li{ |
| + | list-style:none; |
| + | font-size:15px; |
| + | color:#646464; |
| + | margin-bottom:10px; |
| + | font-weight:400; |
| + | } |
| + | #hp2 { |
| + | margin:0 0 17px 0; |
| + | padding:0; |
| + | border:0; |
| + | background:none; |
| + | } |
| + | #hp2 li{ |
| + | list-style:square; |
| + | font-size:15px; |
| + | color:#646464; |
| + | margin-bottom:10px; |
| + | margin-left:2em; |
| + | font-weight:400; |
| } | | } |
| | | |
− | .nav li li {
| + | a:link { |
− | list-style-type: none;
| + | text-decoration:none ; |
| + | color: #00aeef; |
| + | |
| } | | } |
− | .nav-position{
| + | a:visited { |
− | text-align:center;
| + | color: #00aeef; |
| + | font-weight:bold; |
| + | } |
| + | a:hover { |
| + | color: #00aeef; |
| + | |
| + | font-weight:bold; |
| + | } |
| + | a:active { |
| + | color: #00aeef; |
| + | font-weight:bold; |
| } | | } |
| | | |
| + | div.keln_container img{ |
| + | margin-top: 20px; |
| + | max-width: 400px; |
| + | height: auto; |
| + | } |
| | | |
− | | + | img.hpimg{ |
− | | + | margin-top: 20px; |
− | | + | max-width: 600px; |
− | | + | height: auto; |
− | | + | } |
| | | |
| | | |
Line 1,321: |
Line 393: |
| | | |
| | | |
− | <style>
| |
| | | |
| | | |
| + | <!--- THIS IS WHERE THE HTML BEGINS ---> |
| | | |
− | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
| |
− |
| |
− | /* Clear the default wiki settings */
| |
− |
| |
− | #home_logo, #sideMenu { display:none; }
| |
− | #sideMenu, #top_title, .patrollink {display:none;}
| |
− | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| |
− | body {background-color:white; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| | | |
− |
| + | <!-- This tells the browser that your page is responsive --> |
− |
| + | |
− |
| + | |
− | /**************************************************************** MENU ***************************************************************/
| + | |
− | /* Wrapper for the menu */
| + | |
− | .igem_2017_menu_wrapper {
| + | |
− | width: 15%;
| + | |
− | height:100vh;
| + | |
− | position:fixed;
| + | |
− | right:0%;
| + | |
− | padding:0px;
| + | |
− | float:right;
| + | |
− | border-left: 1px solid #d3d3d3;
| + | |
− | background-color:#dddddd;
| + | |
− | text-align:left;
| + | |
− | font-family:Tahoma, Geneva, sans-serif;
| + | |
− | overflow-y: auto;
| + | |
− | overflow-x: hidden;
| + | |
− | }
| + | |
| | | |
− | /* this hides the scrollbar to keep view consistency */
| + | |
− | .igem_2017_menu_wrappe::-webkit-scrollbar { | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− | /* styling for links in the menu, removes the line under text */
| + | |
− | .igem_2017_menu_wrapper a {
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
| | | |
| | | |
− | /* styling for the images in the menu */
| |
− | .igem_2017_menu_wrapper img {
| |
− | width: 100%;
| |
− | }
| |
| | | |
− | /* styling for the menu buttons */
| |
− | .igem_2017_menu_wrapper .menu_button {
| |
− | width: 100%;
| |
− | padding: 10px 0px 10px 15px;
| |
− | float:left;
| |
− | border-bottom: 1px solid #d3d3d3;
| |
− | font-size: 12px;
| |
− | font-weight: bold;
| |
− | color: #5e5f5f;
| |
− | cursor: pointer;
| |
− | }
| |
| | | |
| | | |
− | .igem_2017_menu_wrapper .menu_bottom_padding {
| |
− | width: 100%;
| |
− | height: 30px;
| |
− | float:left;
| |
− | }
| |
| | | |
− | .menu_button.direct_to_page {
| |
− | padding-left: 36px;
| |
− | }
| |
| | | |
| + | <script> |
| | | |
− | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
| + | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. |
− | width:10%;
| + | |
− | float:left;
| + | |
− | }
| + | |
| | | |
− | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { | + | $(document).ready(function() { |
− | content: "+";
| + | |
− | }
| + | |
− |
| + | |
− | .open::before {
| + | |
− | content: "-" !important;
| + | |
− | }
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | /* styling for the menu buttons on hover */
| + | |
− | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover {
| + | |
− | background-color: #3399ff;
| + | |
− | text-decoration: none;
| + | |
− | color:#ffffff;
| + | |
− | }
| + | |
| | | |
− | /* styling for the menu button when it is the current page */
| + | $("#HQ_page").attr('id',''); |
− | .current_page {
| + | |
− | background-color:#7fc1f7 !important; | + | |
− | color:#5e5f5f !important; | + | |
− | }
| + | |
| | | |
| + | if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line |
| + | $("#team_name").html( wgPageName ); |
| + | } |
| | | |
− | /* styling for the submenu buttons */
| + | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name |
− | .igem_2017_menu_wrapper .submenu_button {
| + | $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) ); |
− | width: 100%;
| + | } |
− | padding: 10px 0px 10px 34px;
| + | |
− | float:left;
| + | |
− | background-color:#f2f2f2;
| + | |
− | border-bottom: 1px solid #d3d3d3; | + | |
− | font-size: 12px;
| + | |
− | color: #5e5f5f;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
| | | |
− | /* wrapper for the submenu items, they are hidden by default*/
| + | else { |
− | .igem_2017_menu_wrapper .submenu_wrapper {
| + | // this adds the team's name as an h1 |
− | display:none;
| + | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) ); |
− | }
| + | |
| | | |
− | /* when the page size is bigger than 800px, this show/hide control is hidden by default */
| + | // this adds the page's title as an h4 |
− | .igem_2017_menu_wrapper #display_menu_control {
| + | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); |
− | display:none;
| + | } |
− | text-align:center; | + | |
− | }
| + | |
− |
| + | |
| | | |
− | /***************************************************** CONTENT OF THE PAGE ****************************************************/
| |
| | | |
− | /* Wrapper for the content */
| |
− | .igem_2017_content_wrapper {
| |
− | width: 81%;
| |
− | margin: 2%;
| |
− | display:block;
| |
− | float:left;
| |
− | background-color:white;
| |
− | font-family:Tahoma, Geneva, sans-serif;
| |
− | }
| |
| | | |
| | | |
− | /********************************* HTML STYLING *********************************/
| + | $('#accordion').find('.menu_item').click(function(){ |
| | | |
− | /* styling for the titles h1 h2 */
| + | //Expand or collapse this panel |
− | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
| + | submenu = $(this).find('.submenu'); |
− | padding:5px 15px;
| + | submenu.toggle(); |
− | border-bottom: 0px;
| + | |
− | color: #000000;
| + | |
− | }
| + | |
| | | |
| + | icon = $(this).find('.icon'); |
| | | |
− | /* styling for the titles h3 h4 h5 h6*/
| + | if ( !$( submenu ).is(':visible') ) { |
− | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
| + | icon.removeClass("less").addClass("plus"); |
− | padding:5px 15px;
| + | } |
− | border-bottom:0px;
| + | else { |
− | color: #000000;
| + | icon.removeClass("plus").addClass("less"); |
− | }
| + | } |
| | | |
| + | //Hide the other panels |
| + | $(".submenu").not(submenu).hide(); |
| + | $(".icon").not(icon).removeClass("less").addClass("plus"); |
| + | }); |
| | | |
− | /* font and text */
| |
− | .igem_2017_content_wrapper p {
| |
− | padding: 0px 15px;
| |
− | font-size: 13px;
| |
− | }
| |
| | | |
− | /* Links */
| + | $(".collapsable_menu_control").click(function() { |
− | .igem_2017_content_wrapper a {
| + | $(".menu_item").toggle(); |
− | font-weight: bold;
| + | }); |
− | text-decoration: underline;
| + | |
− | text-decoration-color: #3399ff;
| + | |
− | color: #3399ff;
| + | |
− | -webkit-transition: all 0.4s ease; | + | |
− | -moz-transition: all 0.4s ease;
| + | |
− | -ms-transition: all 0.4s ease;
| + | |
− | -o-transition: all 0.4s ease;
| + | |
− | transition: all 0.4s ease; | + | |
− | }
| + | |
| | | |
− | /* hover for the links */
| + | $( window ).resize(function() { |
− | .igem_2017_content_wrapper a:hover {
| + | $(".menu_item").show(); |
− | text-decoration:none;
| + | }); |
− | color:#000000; | + | |
− | }
| + | |
| | | |
− | /* non numbered lists */
| |
− | .igem_2017_content_wrapper ul {
| |
− | padding:0px 20px;
| |
− | font-size: 13px;
| |
− | font-family:Tahoma, Geneva, sans-serif;
| |
− | }
| |
| | | |
− | /* numbered lists */ | + | }); |
− | .igem_2017_content_wrapper ol {
| + | |
− | padding:0px;
| + | |
− | font-size: 13px;
| + | |
− | font-family:Tahoma, Geneva, sans-serif;
| + | |
− | }
| + | |
| | | |
− | /* Table */
| |
− | .igem_2017_content_wrapper table {
| |
− | width: 97%;
| |
− | margin:15px 10px;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | }
| |
| | | |
− | /* table cells */
| + | </script> |
− | .igem_2017_content_wrapper td {
| + | <style> |
− | padding: 10px;
| + | #background{ |
− | vertical-align: text-top;
| + | position:fixed; |
− | border: 1px solid #d3d3d3;
| + | min-width: 1024px; |
− | border-collapse: collapse;
| + | width:100%; |
− | }
| + | z-index:-1; |
| + | } |
| + | #background-image{ |
| + | width:100%; |
| + | } |
| | | |
− | /* table headers */
| + | .top_btn{ |
− | .igem_2017_content_wrapper th {
| + | width:55px; |
− | padding: 10px;
| + | height:55px; |
− | vertical-align: text-top;
| + | background:url(https://static.igem.org/mediawiki/2017/9/9e/To-top.png); |
− | border: 1px solid #d3d3d3;
| + | background-position:0px 0px; |
− | border-collapse: collapse;
| + | position:fixed; |
− | background-color:#f2f2f2;
| + | bottom:25px; |
| + | right:25px; |
| + | color:white; |
| + | z-index:20000; |
| + | cursor:pointer; |
| } | | } |
| + | .top_btn:hover{ |
| + | background:url(https://static.igem.org/mediawiki/2017/7/7d/To-top-hover.png); |
| + | } |
| | | |
| | | |
− | /**********************************LAYOUT CLASSES **********************************/
| + | #topbanner-wrapper{ |
− | | + | |
− | /* general class for column divs */
| + | |
− | .igem_2017_content_wrapper .column {
| + | |
− | padding: 10px 0px;
| + | |
− | float:left;
| + | |
| } | | } |
| + | #topbanner{ |
| + | |
| + | height: 80px; |
| + | margin:30px 0 0 160px; |
| + | line-height:25px |
| + | } |
| + | #button_wrapper{ |
| + | width: 1023px; |
| + | height: 186px; |
| + | margin: 0 auto; |
| + | padding: 0; |
| + | letter-spacing: -1em; |
| + | } |
| + | #button_left{ |
| + | /*float: left;*/ |
| + | display: inline-block; |
| + | width:341px; |
| + | height: 186px; |
| + | letter-spacing: normal; |
| + | border: 1px solid #000; |
| + | } |
| + | #button_center{ |
| + | display: inline-block; |
| + | width:341px; |
| + | height: 186px; |
| + | letter-spacing: normal; |
| + | border: 1px solid #000; |
| + | } |
| + | #button_right{ |
| + | display: inline-block; |
| + | width:341px; |
| + | height: 186px; |
| + | letter-spacing: normal; |
| + | border: 1px solid #000; |
| + | } |
| + | #contents{ |
| + | background-color:#ffffff; |
| + | } |
| | | |
− | /* class for a full width column */
| + | .acv_row_wrapper{ |
− | .column .full_size {
| + | width: 1024px; |
− | width:100%;
| + | } |
− | }
| + | .acv_row_left{ |
| + | width: 250px; |
| + | float: left; |
| + | margin-right: 20px; |
| + | } |
| + | .acv_row_center{ |
| + | width: 250px; |
| + | float: left; |
| + | margin-right: 20px; |
| + | } |
| + | .acv_row_right{ |
| + | width: 484px; |
| + | float: left; |
| + | } |
| + | .clear{ |
| + | clear:both; |
| + | } |
| + | |
| + | strong{ |
| + | color:#00aeef; |
| + | } |
| + | |
| + | </style> |
| | | |
− | /* styling for images in a full width column*/
| |
− | .column.full_size img {
| |
− | width:97%;
| |
− | padding: 10px 15px;
| |
− | }
| |
| | | |
− | /* class for a half width column */
| + | <script type="text/javascript"> |
− | .column.half_size {
| + | $(function(){ |
− | width: 50%;
| + | $("#top_btn").fadeOut(500); |
− | }
| + | $(window).scroll(function(){ |
− | /* styling for images in a half width column*/
| + | var w_height = $(window).height(); |
− | .column.half_size img {
| + | var scroll_top = $(document).scrollTop(); |
− | width: 94.5%;
| + | if(scroll_top > w_height){ |
− | padding: 10px 15px;
| + | $("#top_btn").fadeIn(500); |
− | }
| + | }else{ |
| + | $("#top_btn").fadeOut(500); |
| + | } |
| + | }); |
| + | $("#top_btn").click(function(e){ |
| + | e.preventDefault(); |
| + | $(document.documentElement).animate({ |
| + | scrollTop: 0 |
| + | },200); |
| + | $(document.body).animate({ |
| + | scrollTop: 0 |
| + | },200); |
| + | }); |
| + | }) |
| + | </script> |
| | | |
| + | <style type="text/css"> |
| | | |
| + | table{ |
| + | border: 1px solid #ccc; |
| + | border-collapse: collapse; |
| + | margin: auto; |
| + | margin-bottom: 15px; |
| + | margin-top: 15px; |
| + | table-layout: fixed; |
| + | vertical-align : top; |
| | | |
| + | font-size: 100%; |
| + | background: white; |
| + | color: black; |
| | | |
− | /********************************* SUPPORT CLASSES ********************************/
| |
| | | |
− | /* class that clears content below*/
| |
− | .igem_2017_content_wrapper .clear {
| |
− | clear:both;
| |
− | }
| |
− |
| |
− |
| |
− | /* adds extra spacing when clearing content */
| |
− | .igem_2017_content_wrapper .clear.extra_space {
| |
− | height: 30px;
| |
− | }
| |
| | | |
| + | } |
| + | table, th, td { |
| + | border: 1px solid black; |
| + | border-collapse: collapse; |
| + | } |
| + | |
| + | |
| + | th, td { |
| + | padding: 15px; |
| + | font-size: 20px; |
| + | } |
| + | |
| + | th { |
| + | text-align: left; |
| + | } |
| + | |
| + | </style> |
| | | |
− | /* highlight class, makes content slightly smaller */
| + | <style> |
− | .igem_2017_content_wrapper .highlight {
| + | p{ |
− | margin: 0px 15px;
| + | font-size:20px; |
− | padding: 15px 0px;
| + | |
− | }
| + | color:#000; |
| + | |
| + | } |
| | | |
− |
| |
− | /* highlight class, adds a gray background */
| |
− | .igem_2017_content_wrapper .highlight.gray {
| |
− | background-color: #f2f2f2;
| |
− | }
| |
− |
| |
− | /* highlight with decoration blue line on top */
| |
− | .igem_2017_content_wrapper .highlight.blue_top {
| |
− | border-top: 4px solid #3399ff;
| |
− | }
| |
− |
| |
− | /* highlight with a full blue border decoration */
| |
− | .igem_2017_content_wrapper .highlight.blue_border {
| |
− | border: 4px solid #3399ff;
| |
− | }
| |
− |
| |
− |
| |
− | /* button class */
| |
− | .igem_2017_content_wrapper .button{
| |
− | max-width: 35%;
| |
− | margin: 30px auto;
| |
− | padding: 12px 10px;
| |
− | background-color: #3399ff;
| |
− | text-align: center;
| |
− | color: #ffffff;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | /* styling for button on hover */
| |
− | .igem_2017_content_wrapper .button:hover{
| |
− | background-color: #3399ff;
| |
− | color: #000000;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /***************************************************** RESPONSIVE STYLING ****************************************************/
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 1200PX */
| |
− | @media only screen and (max-width: 1200px) {
| |
− |
| |
− | #content {width:100%; }
| |
− | .igem_2017_menu_wrapper {width:15%; right:0;}
| |
− | .highlight {padding:10px 0px;}
| |
− | .igem_2017_menu_wrapper #display_menu_control { display:none; }
| |
− | #menu_content { display:block;}
| |
− | .menu_button.direct_to_page {padding-left: 17px;}
| |
− |
| |
− | }
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 800PX */
| |
− | @media only screen and (max-width: 800px) {
| |
− |
| |
− | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
| |
− | .igem_2017_content_wrapper {width:100%; margin-left:0px;}
| |
− | .column.half_size {width:100%; }
| |
− | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;}
| |
− | .highlight {padding:15px 5px;}
| |
− | .igem_2017_menu_wrapper #display_menu_control { display:block; }
| |
− | #menu_content { display:none;}
| |
− | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
| |
− | .menu_bottom_padding {display:none;}
| |
− | .menu_button.direct_to_page { padding-left: 36px; }
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /* special class that the system uses to make sure the team wants a page to be evaluated */
| |
− | .judges-will-not-evaluate {
| |
− | width: 96.6%;
| |
− | margin: 5px 15px;
| |
− | display: block;
| |
− | border: 4px solid #3399ff;
| |
− | font-weight: bold;
| |
− | }
| |
− | #nav ul li {
| |
− |
| |
− | float:left;
| |
− |
| |
− | text-align:center;
| |
− |
| |
− | font:16px/2.5 "microsoft yahei";
| |
− |
| |
− | }
| |
| </style> | | </style> |
| + | |
| | | |
− | | + | </html> |
− | <!--- THIS IS WHERE THE HTML BEGINS --->
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <head>
| + | |
− | | + | |
− | <!-- This tells the browser that your page is responsive -->
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | | + | |
− | </head>
| + | |
− | | + | |
− | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 10px; padding-top: 14px; height:80px; font-size:22px !important;">
| + | |
− | <div class="container-fluid ">
| + | |
− |
| + | |
− | <div class="collapse navbar-collapse collapse" id="myNavbar" style="background-color: #fff;">
| + | |
− |
| + | |
− | <ul class="nav navbar-nav">
| + | |
− | <li class="dropdown">
| + | |
− | <a href="https://2017.igem.org/Team:WHU-China">HOME</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Team">Team</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Collaborations">Collaborations</a></li>
| + | |
− |
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Description">Description</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Design">Design</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Experiments">Experiments</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Notebook">Notebook</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/InterLab">InterLab</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Contribution">Contribution</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Model">Model</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Results">Results</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Demonstrate">Demonstrate</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Improve">Improve</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Parts">Parts</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Basic_Part">Basic Parts</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Part_Collection">Part Collection</a></li>
| + | |
− |
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="https://2017.igem.org/Team:WHU-China">SAFETY</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/HP/Silver">Silver HP</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/HP/Gold_Integrated">Integrated and Gold</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Engagement">Public Engagement</a></li>
| + | |
− |
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS <span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Applied_Design">Applied Design</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Entrepreneurship">Entrepreneurship</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Hardware">Hardware</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Measurement">Measurement</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Model">Model</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Plant">Plant</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:WHU-China/Software">Software</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="https://2017.igem.org/Team:WHU-China">JUDGING FORM</a></li>
| + | |
− |
| + | |
− | | + | |
− | | + | |
− | </ul>
| + | |
− |
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </nav>
| + | |
− | <!--<div style="height:50px;"> </div>-->
| + | |
− | | + | |
− | <!-- start of content -->
| + | |
− | <div class="igem_2017_content_wrapper">
| + | |
− | <h1>WHU-China</h1>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <div class="column full_size judges-will-not-evaluate">
| + | |
− | <h3>★ ALERT! </h3>
| + | |
− | <p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
| + | |
− | <p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
| + | |
− | </div>
| + | |
− | <div class="clear"></div>
| + | |
− | | + | |
− | <div class="column full_size">
| + | |
− | <h1>InterLab</h1>
| + | |
− | <h3>Bronze Medal Criterion #4</h3>
| + | |
− | <p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
| + | |
− | <br><br>
| + | |
− | For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.
| + | |
− | | + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </p>
| + | |
− | <!--
| + | |
− | NewPP limit report
| + | |
− | CPU time usage: 0.005 seconds
| + | |
− | Real time usage: 0.006 seconds
| + | |
− | Preprocessor visited node count: 9/1000000
| + | |
− | Preprocessor generated node count: 42/1000000
| + | |
− | Post‐expand include size: 41/2097152 bytes
| + | |
− | Template argument size: 0/2097152 bytes
| + | |
− | Highest expansion depth: 2/40
| + | |
− | Expensive parser function count: 0/100
| + | |
− | -->
| + | |
− | | + | |
− | <!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:8290-0!*!*!*!*!*!* and timestamp 20170729082204 and revision id 17195
| + | |
− | -->
| + | |
− | </div> <div class="visualClear"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | <!-- Side Menubar -->
| + | |
− | <div id="sideMenu">
| + | |
− | <a href="https://2017.igem.org">
| + | |
− | <div id="home_logo" >
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <div style="clear:both; height:5px;"></div>
| + | |
− | | + | |
− | <div id="menuDisplay"></div> <!- Menu will be loaded here ->
| + | |
− | </div>
| + | |
− | | + | |
− | <!-- Pop_Why Div is definded here -->
| + | |
− | <div class="pop_why_cover"></div>
| + | |
− | | + | |
− | <div class="pop_why_box" >
| + | |
− | <div class="pop_close">× </div>
| + | |
− | <div class="pop_why_content"><h3> Loading ... </h3></div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <!-- start of content -->
| + | |
− | <div class="igem_2017_content_wrapper">
| + | |
− | <h1>WHU-China</h1>
| + | |