(686 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | <!-- *************************************************** CSS PART ************************************************** --> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | #sideMenu, #top_title {display:none;} | + | /***** CHANGE DEFAULT WIKI SETINGS *****/ |
− | + | ||
− | body {background-color: | + | |
− | # | + | #sideMenu, #top_title {display:none;} /*-- hide right menu bar per default --*/ |
+ | |||
+ | #globalWrapper, #content { /*-- remove white block on the right, set width to 100% --*/ | ||
+ | width: 100%; | ||
+ | max-width:1400px; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #pageContent { | ||
+ | padding:0 1.5%; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /***************** DON'T HAVE ANY F****** CLUE WHY, BUT THIS RESET IS VERY IMOPORTANT! *****************/ | ||
+ | /*reset padding, margin and list style*/ | ||
+ | body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | /* list-style-image:url('');*/ | ||
+ | /* background-image:url('');*/ | ||
+ | border-bottom:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | a:link { | ||
+ | text-decoration:none; | ||
+ | color: #000000; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | color: #000000; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | a:hover { | ||
+ | color: #6f6f6f; | ||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | font-weight:normal; | ||
+ | font-size:100%; | ||
+ | } | ||
+ | p{ | ||
+ | line-height:150%; | ||
+ | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
+ | } | ||
+ | body{ | ||
+ | background-color:#F7F7F7; | ||
+ | } | ||
+ | |||
+ | td{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | margin-top:10px; | ||
+ | background:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .text ul { | ||
+ | list-style-type: disc !important; | ||
+ | } | ||
+ | |||
+ | /*end of the reset*/ | ||
+ | |||
+ | /***************************************************************/ | ||
+ | |||
+ | |||
+ | /****** PLACE HOLDER DIVS FROM EXAMPLE WIKI TEAMPLATE *******/ | ||
+ | |||
+ | |||
+ | /*LAYOUT */ | ||
+ | .column { | ||
+ | padding: 10px 10px; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | } | ||
+ | |||
+ | .full_size { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .full_size img { | ||
+ | padding: 10px 15px; | ||
+ | width:96.5%; | ||
+ | } | ||
+ | |||
+ | .half_size { | ||
+ | width: 50%; | ||
+ | } | ||
+ | .half_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 93%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .highlight { | ||
+ | width: 90%; | ||
+ | margin: auto; | ||
+ | padding: 15px 5px; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | .judges-will-not-evaluate { | ||
+ | border: 4px solid #72c9b6; | ||
+ | display: block; | ||
+ | margin: 5px 15px; | ||
+ | width: 95%; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /************************* SIDE BAR *************************/ | ||
+ | |||
+ | html,body,.container { | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Side Bar */ | ||
+ | |||
+ | .sidebar{ | ||
+ | float:right; | ||
+ | width:100%; | ||
+ | margin:auto | ||
+ | background-color:transparent; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sidebaraddress{ | ||
+ | width:90%; | ||
+ | min-width:240px; | ||
+ | max-width:300px; | ||
+ | margin:auto; | ||
+ | position:relative; | ||
+ | background-color:transparent; | ||
+ | font-weight: normal; | ||
+ | text-align:justify; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .sidebarsponsors{ | ||
+ | width:90%; | ||
+ | max-width:500px; | ||
+ | margin: auto auto 10px; | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .sidebar h3{ | ||
+ | font:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | font-size:24px; | ||
+ | color:#000; | ||
+ | padding:10px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .sidebar h4 a{ | ||
+ | display:block; | ||
+ | font:Geneva, Arial, Helvetica, sans-serif; | ||
+ | font-size:18px; | ||
+ | color:#000; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | #protocol ul li a{ | ||
+ | display:block; | ||
+ | font:Geneva, Arial, Helvetica, sans-serif; | ||
+ | font-size:15px; | ||
+ | color:#034996; | ||
+ | } | ||
+ | .sidebar ul li{ | ||
+ | display:block; | ||
+ | padding:5px 25px 5px 0px; | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-size:16px; | ||
+ | line-height:28px; | ||
+ | } | ||
+ | |||
+ | .sidebar ul li a{ | ||
+ | font-weight:normal; | ||
+ | /* color:#034996; */ | ||
+ | } | ||
+ | .sidebar ul li ul li{ | ||
+ | display:block; | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-size:14px; | ||
+ | padding-left:20px; | ||
+ | line-height:24px; | ||
+ | } | ||
+ | .sidebar ul li ul li a{ | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | .sidebar ul li ul li a:hover{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | .sidebar ul li ul li ul li{ | ||
+ | display:block; | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-size:13px; | ||
+ | line-height:24px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Side Bar Navigation */ | ||
+ | |||
+ | .sidebar_navigation{ | ||
+ | |||
+ | width:80%; | ||
+ | min-width:220px; | ||
+ | max-width:400px; | ||
+ | position: relative; | ||
+ | margin:auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sidebar_navigation h3{ | ||
+ | font:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | font-size:24px; | ||
+ | color:#000; | ||
+ | padding:10px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .sidebar_navigation h4 a{ | ||
+ | display:block; | ||
+ | font:Geneva, Arial, Helvetica, sans-serif; | ||
+ | font-size:18px; | ||
+ | color:#000; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | .sidebar_navigation ul li{ | ||
+ | display:block; | ||
+ | padding:5px 25px 5px 10px; | ||
+ | font-size:16px; | ||
+ | line-height:28px; | ||
+ | } | ||
+ | |||
+ | .sidebar_navigation ul li a{ | ||
+ | font-weight:normal; | ||
+ | /* color:#034996; */ | ||
+ | } | ||
+ | .sidebar_navigation ul li ul li{ | ||
+ | display:block; | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-size:14px; | ||
+ | padding-left:20px; | ||
+ | line-height:24px; | ||
+ | |||
+ | } | ||
+ | .sidebar_navigation ul li ul li a{ | ||
+ | color:black; | ||
+ | padding-left:10px; | ||
+ | width:120%; | ||
+ | } | ||
+ | |||
+ | .sidebar_navigation ul li ul li a:hover{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | .sidebar_navigation ul li ul li ul li{ | ||
+ | display:block; | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-size:13px; | ||
+ | line-height:24px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /***** NAVIGATION MENU *****/ | ||
+ | /* Wrapper for the menu */ | ||
+ | .menu_wrapper { | ||
+ | width:80%; | ||
+ | min-width:220px; | ||
+ | max-width:400px; | ||
+ | margin: auto; | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* styling for the menu items */ | ||
+ | .menu_item { | ||
+ | width:100%; | ||
+ | |||
+ | margin:0px 10px; | ||
+ | padding: auto 10px; | ||
+ | /* border-bottom: 1px solid #d3d3d3; */ | ||
+ | color:#000000; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .menu_item a:hover{ | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | /* when hovering on a menu item */ | ||
+ | .menu_item:hover { | ||
+ | color:#000000; | ||
+ | background-color: #e7e7e7; | ||
+ | } | ||
+ | |||
+ | /* decoration icon for the menu buttons*/ | ||
+ | .icon { | ||
+ | float:right; | ||
+ | font-size:16px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | /* this is the icon for when the content is collapsed */ | ||
+ | .plus::before { | ||
+ | content: "▾"; | ||
+ | } | ||
+ | /* this is the icon for when the content is expanded */ | ||
+ | .less::before { | ||
+ | content: "▾"; | ||
+ | } | ||
+ | |||
+ | /* styling for the ul that creates the buttons */ | ||
+ | ul.menu_items { | ||
+ | width:100%; | ||
+ | margin-left:0px; | ||
+ | padding:0px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | /* styling for the li that are the menu items */ | ||
+ | .menu_items li { | ||
+ | width:90%; | ||
+ | margin-top:-2px; | ||
+ | padding: 15px 0px 15px 15px ; | ||
+ | display:block; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | text-align:left; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | color:#000000; | ||
+ | list-style-type:none; | ||
+ | cursor:pointer; | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | .menu_item a { | ||
+ | width: 100%; | ||
+ | margin-left: -20px; | ||
+ | padding: 11px 90px 12px 20px; | ||
+ | text-decoration: none; | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the submenus */ | ||
+ | .submenu { | ||
+ | width:90%; | ||
+ | min-width:200px; | ||
+ | display: none; | ||
+ | font-weight:bold; | ||
+ | cursor:pointer; | ||
+ | color: #000000; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* moving the margin for the submenu ul list */ | ||
+ | ul.submenu { | ||
+ | width: 100%; | ||
+ | margin: 10px 0px -11px 0px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | /*styling for the submenu buttons */ | ||
+ | .submenu li { | ||
+ | width: 90%; | ||
+ | margin-left: 10px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* hover state for the submenu buttons */ | ||
+ | .submenu li a { | ||
+ | width: 100%; | ||
+ | padding: 5px 0px; | ||
+ | display: inline-block; | ||
+ | /* border-bottom: 1px solid #d3d3d3; */ | ||
+ | text-decoration:none; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .submenu li a:hover { | ||
+ | background-color:#d8d8d8; | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*****************************************************************************************/ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************** FONTS, HEADINGS, DIVS, etc. ********************************/ | ||
+ | |||
+ | #bodyContent{ | ||
+ | background-color: #f5f8fa; | ||
+ | } | ||
− | |||
− | |||
.firstHeading { | .firstHeading { | ||
Line 57: | Line 497: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
html, body, .wrapper { /*-- changes default wiki settings --*/ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
Line 127: | Line 560: | ||
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 286: | Line 578: | ||
#globalWrapper{ | #globalWrapper{ | ||
margin:0 auto; | margin:0 auto; | ||
− | |||
} | } | ||
− | + | .pictures { | |
− | + | width:75; | |
− | + | margin: 10px auto 10px auto; | |
− | + | position:relative; | |
− | + | display:block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#contact{ | #contact{ | ||
float:right; | float:right; | ||
Line 388: | Line 601: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*main part*/ | /*main part*/ | ||
/*for the wrapper*/ | /*for the wrapper*/ | ||
#wrapper { | #wrapper { | ||
display: block; | display: block; | ||
− | height: 360px; | + | /*height: 360px;*/ |
− | width: | + | width: 100%; |
margin: auto; | margin: auto; | ||
} | } | ||
Line 417: | Line 615: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
− | height: 360px; | + | /*height: 360px;*/ |
− | width: | + | width: 100%; |
overflow: auto; | overflow: auto; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*For the four main parts*/ | /*For the four main parts*/ | ||
#fourParts{ | #fourParts{ | ||
− | + | float:left; | |
− | margin:10px 0; | + | width:100%; |
− | + | margin: 10px 0 0 0; | |
− | + | padding:5px; | |
− | + | background-color: #ffffff; | |
− | border-radius: | + | border-style:solid; |
+ | border-color: #ececec; | ||
+ | border-width:1px; | ||
+ | border-radius:3px; | ||
} | } | ||
.four{ | .four{ | ||
− | margin: | + | margin:15px 15px; |
− | padding: | + | padding:0px 0px 0px 0px; |
− | height: | + | /*height:210px;*/ |
− | width: | + | /*width:310px;*/ |
float:left; | float:left; | ||
} | } | ||
+ | |||
+ | .four img { | ||
+ | width:90%; | ||
+ | max-width:90px; | ||
+ | display:block; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
+ | |||
#fourParts h1{ | #fourParts h1{ | ||
display:block; | display:block; | ||
font:20px Helvetica,sans-serif; | font:20px Helvetica,sans-serif; | ||
− | color:# | + | font-weight:bold; |
+ | line-height:36px; | ||
+ | color:#000000; | ||
border-bottom:solid thin #D3D3D3; | border-bottom:solid thin #D3D3D3; | ||
} | } | ||
− | .pictures{ | + | #fourParts .pictures{ |
− | margin: | + | margin:0px 0 0px 0px; |
− | + | ||
− | + | ||
float:left; | float:left; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.paragraph{ | .paragraph{ | ||
− | margin: | + | margin:15px 0; |
− | height:190px; | + | /*height:190px;*/ |
− | width: | + | /*width:220px;*/ |
float:right; | float:right; | ||
font-size:13px; | font-size:13px; | ||
Line 503: | Line 679: | ||
height:30px; | height:30px; | ||
float:right; | float:right; | ||
− | background:# | + | background:#0099e8; |
font:14px Candara,sans-serif; | font:14px Candara,sans-serif; | ||
text-align:center; | text-align:center; | ||
Line 528: | Line 704: | ||
− | + | .t-left table { | |
− | . | + | border: solid 4px white; |
− | + | border-bottom: solid 1px #DDDDDD; | |
− | + | border-top: solid 2px #DDDDDD; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | |
− | + | ||
− | + | .t-center table { | |
+ | border: solid 4px white; | ||
+ | border-bottom: solid 1px #DDDDDD; | ||
+ | border-top: solid 2px #DDDDDD; | ||
+ | |||
} | } | ||
− | . | + | |
− | + | ||
− | + | .t-center th { | |
− | + | text-align: center !important; | |
− | + | border-right: solid 1px #DDDDDD; | |
− | + | border-left: solid 1px #DDDDDD; | |
− | + | ||
} | } | ||
− | . | + | |
− | + | .t-center td { | |
− | + | text-align: left !important; | |
+ | border-right: solid 1px #DDDDDD; | ||
} | } | ||
− | . | + | |
− | + | ||
− | + | .t-left .table th { | |
− | + | text-align: left !important; | |
− | + | border-right: solid 1px #DDDDDD; | |
− | + | border-left: solid 1px #DDDDDD; | |
} | } | ||
− | + | ||
− | + | .t-left .table td { | |
− | + | text-align: left !important; | |
− | + | border-right: solid 1px #DDDDDD; | |
− | + | border-left: solid 1px #DDDDDD; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .exp { | |
− | + | padding:0px; | |
+ | margin:0px; | ||
+ | width:80%; | ||
+ | background-repeat: no-repeat; | ||
+ | display: block; | ||
+ | margin:0 auto 0 auto; | ||
+ | |||
} | } | ||
− | + | .img-noborder { | |
− | + | margin-top:-0.5px; | |
− | + | margin-left:-4.5px; | |
− | + | padding:0; | |
− | + | opacity: 0; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .img-noborder1 { | |
− | + | margin-top:-0.5px; | |
− | + | padding:0; | |
− | + | opacity: 0; | |
+ | |||
} | } | ||
− | + | .img-noborder:hover { | |
− | . | + | |
− | + | opacity: 1; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .img-noborder1:hover { |
− | + | ||
− | + | opacity: 1; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | /* Normal Text */ | |
− | + | ||
− | + | ||
− | + | .text{ | |
− | + | float:left; | |
− | . | + | width:100%; |
− | + | margin:10px 0 0 0; | |
− | + | padding: 4%; | |
− | + | background-color: #ffffff; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | margin | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
border-style:solid; | border-style:solid; | ||
− | border-color:# | + | border-color:#ececec; |
border-width:1px; | border-width:1px; | ||
+ | border-radius:3px; | ||
+ | font-size: 16px; | ||
} | } | ||
− | + | .text h1{ | |
− | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
− | + | font-size:32px; | |
− | + | font-weight:bold; | |
− | + | color:#000000; | |
− | + | line-height:40px; | |
+ | text-align:center; | ||
+ | padding:0px; | ||
+ | } | ||
+ | .text h2{ | ||
+ | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
+ | font-size:24px; | ||
line-height:40px; | line-height:40px; | ||
− | font- | + | font-weight:bold; |
− | + | padding:0; | |
− | + | color:#000000; | |
− | + | text-align:center; | |
} | } | ||
− | + | .text h3{ | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:18px; | |
− | + | font-weight:bold; | |
− | height: | + | line-height:38px; |
− | padding: | + | padding:0; |
− | + | margin-top:16px; | |
+ | color:#000000; | ||
+ | text-align:left; | ||
} | } | ||
− | . | + | .text h4{ |
− | + | font-family:"Charter Black", sans-serif; | |
− | height: | + | font-size:18px; |
− | text-align: | + | line-height:24px; |
− | + | padding:10px 0; | |
− | + | color:black; | |
+ | text-align:justify; | ||
+ | font-weight:bold; | ||
+ | margin-bottom: 0 !important; | ||
} | } | ||
− | . | + | |
− | + | .text h5{ | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:18px; | |
− | + | line-height:24px; | |
− | padding:10px; | + | padding:10px 0; |
− | + | color:black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align:center; | text-align:center; | ||
+ | margin-bottom: 0 !important; | ||
} | } | ||
− | . | + | |
− | + | .text h6{ | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:16px; | |
− | + | font-weight:bold; | |
− | + | line-height:18px; | |
− | + | padding:0; | |
− | + | margin-top:16px; | |
− | color:# | + | color:#000000; |
+ | text-align:left; | ||
} | } | ||
− | . | + | |
− | + | .text p{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
font-size:16px; | font-size:16px; | ||
− | |||
text-align:justify; | text-align:justify; | ||
} | } | ||
− | . | + | |
− | + | .text ul{ | |
+ | font-size: 16px; | ||
+ | list-style-type: circle !important; | ||
} | } | ||
− | + | ||
− | . | + | .text ol{ |
− | + | font-size: 16px; | |
− | + | list-style-type: decimal; | |
} | } | ||
− | . | + | |
− | + | ||
− | + | ol.ref { | |
− | + | counter-reset: item; | |
− | + | list-style-type: none; | |
− | + | *list-style-type: decimal; /*Conditional hack for ie7*/ | |
− | + | ||
} | } | ||
− | . | + | |
− | + | ol.ref li:before { | |
− | + | content: '[' counter(item, decimal) '. '; | |
− | + | counter-increment: item; | |
− | + | ||
} | } | ||
− | . | + | |
− | + | ol.ref { counter-reset: item; } | |
− | + | ol.ref li:before { content: '[' counter(item, decimal) '] '; } | |
− | + | ||
+ | |||
+ | img.text { | ||
+ | width:100%; | ||
} | } | ||
− | + | ||
− | + | .caption { | |
+ | margin:auto; | ||
+ | display:block; | ||
+ | width:80%; | ||
+ | margin-top:16px; | ||
+ | margin-bottom:16px; | ||
} | } | ||
− | + | ||
− | + | ||
+ | .photo { | ||
+ | width:90%; | ||
+ | margin:16px auto 16px auto; | ||
+ | display: block; | ||
+ | border-radius:4px; | ||
} | } | ||
− | + | ||
− | + | .poem { | |
+ | text-align:center !important; | ||
} | } | ||
− | + | ||
− | + | .poem p{ | |
+ | text-align:center !important; | ||
} | } | ||
− | + | ||
− | + | ||
+ | |||
+ | .heading{ | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin:10px 0 0 0; | ||
+ | padding: 4%; | ||
+ | background-color: #ffffff; | ||
+ | border-style:solid; | ||
+ | border-color:#ececec; | ||
+ | border-width:1px; | ||
+ | border-radius:3px; | ||
+ | font-size: 16px; | ||
} | } | ||
− | + | .heading h1{ | |
− | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
+ | font-size:32px; | ||
+ | font-weight:bold; | ||
+ | color:#000000; | ||
+ | line-height:40px; | ||
+ | text-align:center; | ||
+ | padding: 0px; | ||
+ | margin:0 0 !important; | ||
} | } | ||
− | + | .heading h2{ | |
− | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
+ | font-size:20px; | ||
+ | line-height:32px; | ||
+ | font-weight:bold; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#034996; | ||
+ | text-align:left; | ||
} | } | ||
− | + | .heading h3{ | |
− | + | font-family:"Charter Black", sans-serif; | |
+ | font-size:18px; | ||
+ | font-weight:bold; | ||
+ | line-height:38px; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#034996; | ||
+ | text-align:left; | ||
} | } | ||
− | + | .heading h4{ | |
− | + | font-family:"Charter Black", sans-serif; | |
+ | font-size:18px; | ||
+ | line-height:24px; | ||
+ | padding:10px 0; | ||
+ | color:black; | ||
+ | text-align:justify; | ||
+ | font-weight:bold; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .member{ | |
− | font-size: | + | float:left; |
− | + | width:100%; | |
+ | height:100%; | ||
+ | margin:0 0 10px 0; | ||
+ | padding:8px 0 8px 0; | ||
+ | background-color: #ffffff; | ||
+ | border-style:solid; | ||
+ | border-color:#ececec; | ||
+ | border-width:1px; | ||
+ | border-radius:3px; | ||
+ | font-size: 14px; | ||
+ | align-items: stretch | ||
} | } | ||
− | . | + | |
− | + | .member h2{ | |
− | + | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | |
− | + | font-size:20px; | |
− | + | line-height:340px; | |
+ | font-weight:bold; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#034996; | ||
+ | text-align:left; | ||
} | } | ||
− | + | ||
− | + | .member h3{ | |
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:18px; | ||
+ | font-weight:bold; | ||
+ | line-height:20px; | ||
+ | padding:0; | ||
+ | margin-top:14px; | ||
+ | color:#000000; | ||
+ | text-align:center; | ||
} | } | ||
− | + | .member h4{ | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:14px; | |
+ | color:black; | ||
+ | text-align:justify; | ||
+ | font-weight:bold; | ||
+ | margin-bottom: 0 !important; | ||
+ | padding:0; | ||
} | } | ||
− | . | + | |
− | + | .member h5{ | |
− | + | font-family:"Charter Black", sans-serif; | |
− | + | font-size:14px; | |
− | + | line-height:24px; | |
− | + | padding:10px 0; | |
− | + | color:black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | font-size: | + | |
− | line-height: | + | |
− | + | ||
text-align:center; | text-align:center; | ||
− | + | margin-bottom: 0 !important; | |
} | } | ||
− | . | + | |
− | + | .member h6{ | |
− | font-family: | + | font-family:"Charter Black", sans-serif; |
− | font-size: | + | font-size:14px; |
− | + | font-weight:bold; | |
− | color:# | + | line-height:18px; |
− | + | padding:0; | |
+ | margin-top:16px; | ||
+ | color:#000000; | ||
+ | text-align:left; | ||
} | } | ||
− | . | + | |
− | + | .member p{ | |
+ | font-size:14px; | ||
+ | text-align:justify; | ||
} | } | ||
− | . | + | |
− | + | .member ul{ | |
− | + | font-size: 14px; | |
− | + | list-style-type: circle !important; | |
− | + | ||
} | } | ||
− | + | ||
− | + | .member img { | |
+ | width:100%; | ||
+ | border-radius:4px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .member hr { | ||
+ | margin-top:10px; | ||
+ | margin-bottom:10px; | ||
} | } | ||
− | . | + | |
− | + | .supervisor { | |
− | + | background-color: #f1f7f9; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | |
− | + | .supervisor hr { | |
− | + | background-color:#000000; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | |
− | + | ||
+ | |||
+ | |||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | .row-eq-height { | ||
+ | display: -webkit-box; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | margin-bottom:20px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | |
− | + | ||
− | + | ||
− | margin: | + | |
− | padding: | + | |
− | background-color: | + | .box{ |
+ | float:left; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | margin:0 0 10px 0; | ||
+ | padding:10px; | ||
+ | background-color: #ffffff; | ||
border-style:solid; | border-style:solid; | ||
− | border-color:# | + | border-color:#ececec; |
border-width:1px; | border-width:1px; | ||
− | border-radius: | + | border-radius:3px; |
+ | font-size: 14px; | ||
+ | align-items: stretch | ||
} | } | ||
− | + | ||
− | + | .box h2{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; | ||
− | + | font-family:"Charter Black", sans-serif; | |
− | line-height: | + | font-size:24px; |
+ | font-weight:bold; | ||
+ | line-height:48px; | ||
padding:0; | padding:0; | ||
− | + | margin-top:14px; | |
− | text-align: | + | color:#000000; |
+ | text-align:center; | ||
+ | |||
} | } | ||
− | . | + | |
+ | .box h3{ | ||
font-family:"Charter Black", sans-serif; | font-family:"Charter Black", sans-serif; | ||
font-size:18px; | font-size:18px; | ||
− | padding: | + | font-weight:bold; |
− | color:# | + | line-height:20px; |
− | text-align: | + | padding:0; |
+ | margin-top:14px; | ||
+ | color:#000000; | ||
+ | text-align:center; | ||
} | } | ||
− | . | + | .box h4{ |
font-family:"Charter Black", sans-serif; | font-family:"Charter Black", sans-serif; | ||
− | font-size: | + | font-size:14px; |
− | + | ||
− | + | ||
color:black; | color:black; | ||
text-align:justify; | text-align:justify; | ||
font-weight:bold; | font-weight:bold; | ||
+ | margin-bottom: 0 !important; | ||
+ | padding:0; | ||
} | } | ||
− | . | + | .box h5{ |
− | font-size: | + | font-family:"Charter Black", sans-serif; |
− | text-align: | + | font-size:14px; |
+ | line-height:24px; | ||
+ | padding:10px 0; | ||
+ | color:black; | ||
+ | text-align:center; | ||
+ | margin-bottom: 0 !important; | ||
} | } | ||
− | + | ||
− | + | .box h6{ | |
+ | font-family:"Charter Black", sans-serif; | ||
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | line-height:18px; | ||
+ | padding:0; | ||
+ | margin-top:16px; | ||
+ | color:#000000; | ||
+ | text-align:left; | ||
} | } | ||
− | + | ||
− | + | ||
− | border | + | |
+ | .box:hover { | ||
+ | border-color:#000000 !important; | ||
+ | border: 2px solid; | ||
+ | padding: 9px; | ||
+ | |||
} | } | ||
− | + | ||
− | + | ||
− | + | .box p{ | |
− | + | font-size:14px; | |
− | + | text-align:justify; | |
− | + | font-weight: normal !important; | |
− | + | color: #000000; | |
− | + | ||
} | } | ||
− | + | ||
− | + | .box ul{ | |
− | color:# | + | font-size: 20px; |
+ | line-height:48px; | ||
+ | list-style-type: square !important; | ||
+ | font-weight: normal !important; | ||
+ | color: #000000 !important; | ||
} | } | ||
− | + | ||
− | + | .box img { | |
+ | width:100%; | ||
+ | border-radius:4px; | ||
+ | |||
} | } | ||
− | + | ||
− | + | ||
− | + | .box hr { | |
− | + | margin-top:10px; | |
− | + | margin-bottom:10px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | |||
/*For each overview part*/ | /*For each overview part*/ | ||
Line 1,083: | Line 1,226: | ||
font:20px Lucida Sans Unicode, Lucida Grande, sans-serif; | font:20px Lucida Sans Unicode, Lucida Grande, sans-serif; | ||
padding:10px 0; | padding:10px 0; | ||
− | color:# | + | color:#034996; |
} | } | ||
.note_three a{ | .note_three a{ | ||
− | color:# | + | color:#034996; |
} | } | ||
Line 1,159: | Line 1,302: | ||
font:20px Lucida Sans Unicode, Lucida Grande, sans-serif; | font:20px Lucida Sans Unicode, Lucida Grande, sans-serif; | ||
padding:10px 0; | padding:10px 0; | ||
− | color:# | + | color:#034996; |
} | } | ||
.note_sthree a{ | .note_sthree a{ | ||
− | color:# | + | color:#034996; |
} | } | ||
Line 1,183: | Line 1,326: | ||
#Presentation{ | #Presentation{ | ||
float:left; | float:left; | ||
− | width:690px; | + | /*width:690px;*/ |
} | } | ||
.pres{ | .pres{ | ||
Line 1,210: | Line 1,353: | ||
.table1 th, .table1 td{ | .table1 th, .table1 td{ | ||
font-size:1em; | font-size:1em; | ||
− | border:1px solid # | + | border:1px solid #2EBAFF; |
padding:3px 7px 2px 7px; | padding:3px 7px 2px 7px; | ||
} | } | ||
Line 1,218: | Line 1,361: | ||
padding-top:5px; | padding-top:5px; | ||
padding-bottom:4px; | padding-bottom:4px; | ||
− | background-color:# | + | background-color:#2EBAFF; |
color:#ffffff; | color:#ffffff; | ||
} | } | ||
.table1 tr:nth-child(odd){ | .table1 tr:nth-child(odd){ | ||
− | background-color:# | + | background-color:#DFF5FF; |
} | } | ||
.table2{ | .table2{ | ||
Line 1,234: | Line 1,377: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*LAYOUT */ | /*LAYOUT */ | ||
Line 1,291: | Line 1,422: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
+ | |||
+ | ul#accordion.accordion { | ||
+ | margin-left:0; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
+ | <!-- ***************************************************************************************************************** --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | <!-- *************************************************** HTML PART ************************************************** --> | |
− | + | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/ | + | |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/ | + | <head> |
+ | |||
+ | <!-- important to fit the page on mobile displays --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | ||
+ | |||
+ | <!-- Bootstrap CSS--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/bootstrap_css?action=raw&ctype=text/css"> | ||
+ | |||
+ | <!-- Bootstrap Javascript--> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:Goettingen/bootstrap_js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <!-- Plyr css--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/plyr_css?action=raw&ctype=text/css"> | ||
+ | |||
+ | <!-- Fontawesome CSS--> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:Goettingen/CSS_fontawesome?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div-class="row"> | ||
+ | <div class="col-md12"> | ||
+ | <a href="https://2016.igem.org/Team:Goettingen"> <img style="width:100%;" src="https://static.igem.org/mediawiki/2016/f/fd/T--Goettingen--Header.png" /> </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <nav class="navbar navbar-inverse"> | ||
+ | <div class="container-fluid"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </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"> | ||
+ | |||
+ | <li><a href="https://2016.igem.org/Team:Goettingen">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://2016.igem.org/Team:Goettingen/Team"> Team </a> </li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Goettingen/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://2016.igem.org/Team:Goettingen/Description"> Description </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Experiments"> Experiments </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Proof"> Proof of Concept </a></li> |
− | + | ||
<li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Results"> Results </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Notebook"> Notebook </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://2016.igem.org/Team:Goettingen/Parts">Parts </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Parts">Parts </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Basic_Part"> Basic Parts </a></li> |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <li><a href="https://2016.igem.org/Team:Goettingen/Safety">Safety</a></li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2016.igem.org/Team:Goettingen/Attributions">Attributions</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://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li> | <li> <a href="https://2016.igem.org/Team:Goettingen/Human_Practices"> Human Practices </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Silver"> HP on the Road </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold"> | + | <li> <a href="https://2016.igem.org/Team:Goettingen/HP/Gold"> HP on the Web </a></li> |
− | <li> <a href="https://2016.igem.org/Team:Goettingen/ | + | <li> <a href="https://2016.igem.org/Team:Goettingen/Engagement"> Engagement </a></li> |
− | + | </ul> | |
− | + | </li> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | <!--*********** INLINE JAVASCRIPT *********** --> | ||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | |||
+ | 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 ); | ||
+ | } | ||
+ | |||
+ | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name | ||
+ | $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) ); | ||
+ | } | ||
+ | |||
+ | else { | ||
+ | // this adds the team's name as an h1 | ||
+ | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) ); | ||
+ | |||
+ | // this adds the page's title as an h4 | ||
+ | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | $('#accordion').find('.menu_item').click(function(){ | ||
+ | |||
+ | //Expand or collapse this panel | ||
+ | submenu = $(this).find('.submenu'); | ||
+ | submenu.toggle(); | ||
+ | |||
+ | icon = $(this).find('.icon'); | ||
+ | |||
+ | if ( !$( submenu ).is(':visible') ) { | ||
+ | icon.removeClass("less").addClass("plus"); | ||
+ | } | ||
+ | else { | ||
+ | icon.removeClass("plus").addClass("less"); | ||
+ | } | ||
+ | |||
+ | //Hide the other panels | ||
+ | $(".submenu").not(submenu).hide(); | ||
+ | $(".icon").not(icon).removeClass("less").addClass("plus"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $(".collapsable_menu_control").click(function() { | ||
+ | $(".menu_item").toggle(); | ||
+ | }); | ||
+ | |||
+ | $( window ).resize(function() { | ||
+ | $(".menu_item").show(); | ||
+ | }); | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--************************************* --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
Latest revision as of 17:49, 19 October 2016