(125 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head> | + | <head> |
− | <meta charset="utf-8"> | + | <meta charset="utf-8"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
<title>PlastiCure</title> | <title>PlastiCure</title> | ||
Line 12: | Line 12: | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
− | <link rel="stylesheet" type="text/css" | + | <link rel="stylesheet" type="text/css" |
− | href="https://2015.igem.org/Template:BGU_ISRAEL/CSS?action=raw&ctype=text/css" /> | + | href="https://2015.igem.org/Template:BGU_ISRAEL/CSS?action=raw&ctype=text/css" /> |
− | <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet"> | + | <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet"> |
− | <script> | + | <link href="https://fonts.googleapis.com/css?family=Monda" rel="stylesheet"> |
+ | <script> | ||
+ | |||
$(document).ready(function () { | $(document).ready(function () { | ||
$("#TomerPic").attr("src", "https://static.igem.org/mediawiki/2016/2/2d/TomerTsmall.png"); | $("#TomerPic").attr("src", "https://static.igem.org/mediawiki/2016/2/2d/TomerTsmall.png"); | ||
Line 62: | Line 64: | ||
</script> | </script> | ||
− | <style> | + | <style> |
− | /********************************* DEFAULT WIKI SETTINGS ********************************/ | + | /********************************* DEFAULT WIKI SETTINGS ********************************/ |
− | + | #sideMenu, #top_title {display:none;} | |
− | + | #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;} | |
− | + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | |
− | + | body {background-color:white; } | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
− | /********************************* MENU ********************************/ | + | /********************************* MENU ********************************/ |
− | + | /* Wrapper for the menu */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* styling for the menu items */ | |
− | + | .menu_item { | |
− | + | width:100%; | |
− | + | margin:-2px 0px 0px -20px; | |
− | + | padding: 10px 10px; | |
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | font-weight:bold; | ||
+ | color:#000000; | ||
+ | cursor: pointer; | ||
+ | } | ||
− | + | /* when hovering on a menu item */ | |
− | + | .menu_item:hover { | |
− | + | color:#000000; | |
− | + | background-color: #72c9b6; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* 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; | |
+ | } | ||
− | + | /* When hovering on a menu item */ | |
+ | .menu_items li:hover { | ||
+ | background-color:#72c9b6; | ||
+ | color: #000000; | ||
+ | } | ||
− | + | /* styling for the submenus */ | |
− | + | .submenu { | |
− | + | width:100%; | |
− | + | display: none; | |
− | + | font-weight:bold; | |
− | + | cursor:pointer; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* 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: 100%; | |
− | + | margin-left: 10px; | |
− | + | margin-bottom: 0px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* hover state for the submenu buttons */ | ||
+ | .submenu li a { | ||
+ | width: 100%; | ||
+ | padding: 5px 10px; | ||
+ | display: inline-block; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | background-color:white; | ||
+ | text-decoration:none; | ||
+ | color:#000000; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | .submenu li a:hover { | |
− | + | background-color:#000000; | |
− | + | color: #72c9b6; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | /* | + | /* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */ |
+ | .collapsable_menu_control { | ||
+ | width:100%; | ||
+ | padding: 15px 0px; | ||
+ | display:none; | ||
+ | background-color:#000000; | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | color:#72c9b6; | ||
+ | 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; | ||
+ | } | ||
− | + | /* when hovering on that button */ | |
− | + | .collapsable_menu_control:hover { | |
− | + | background-color: #72c9b6; | |
− | + | color:#000000; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | /********************************* CONTENT OF THE PAGE ********************************/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Wrapper for the content */ | |
− | + | .content_wrapper { | |
− | + | width: 85%; | |
+ | margin-left:150px; | ||
+ | padding:10px 0px; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | } | ||
− | + | /*LAYOUT */ | |
− | + | .column { | |
− | + | padding: 10px 0px; | |
− | + | 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; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*STYLING */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* styling for the titles */ | ||
+ | .content_wrapper h1, .content_wrapper h2 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom:0px; | ||
+ | color:#72c9b6; | ||
− | + | } | |
− | + | .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 { | |
− | + | padding:5px 15px; | |
− | + | border-bottom:0px; | |
− | + | color: #000000; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* font and text */ | |
− | + | .content_wrapper p { | |
− | + | padding:0px 15px; | |
− | + | font-size: 13px; | |
− | + | font-family:Tahoma, Geneva, sans-serif; | |
+ | } | ||
− | + | /* Links */ | |
− | + | .content_wrapper a { | |
− | + | font-weight: bold; | |
− | + | text-decoration-color:#72c9b6; | |
− | + | color: #72c9b6; | |
− | + | -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 */ | |
− | + | .content_wrapper a:hover { | |
− | + | text-decoration:none; | |
− | + | color:#000000; | |
− | + | } | |
− | + | ||
− | + | /* non numbered lists */ | |
− | + | .content_wrapper ul { | |
− | + | padding:0px 20px; | |
− | + | font-size: 13px; | |
− | + | font-family:Tahoma, Geneva, sans-serif; | |
− | + | } | |
− | + | ||
− | + | /* numbered lists */ | |
− | + | .content_wrapper ol { | |
− | + | padding:0px; | |
− | + | font-size: 13px; | |
− | + | font-family:Tahoma, Geneva, sans-serif; | |
− | + | } | |
− | + | ||
− | + | /* Table */ | |
− | + | .content_wrapper table { | |
− | + | width: 97%; | |
− | + | margin:15px 10px; | |
− | + | border: 1px solid #d3d3d3; | |
− | + | border-collapse: collapse; | |
− | + | } | |
− | + | ||
− | + | /* table cells */ | |
− | + | .content_wrapper td { | |
− | + | padding: 10px; | |
− | + | vertical-align: text-top; | |
− | + | border: 1px solid #d3d3d3; | |
− | + | border-collapse: collapse; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* table headers */ | |
− | + | .content_wrapper th { | |
− | + | padding: 10px; | |
− | + | vertical-align: text-top; | |
− | + | border: 1px solid #d3d3d3; | |
+ | border-collapse: collapse; | ||
+ | background-color:#f2f2f2; | ||
+ | } | ||
− | /* | + | /* Button class */ |
+ | .button_click { | ||
+ | margin: 10px auto; | ||
+ | padding: 15px; width:12%; | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | background-color: #72c9b6; | ||
+ | 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; | ||
+ | } | ||
− | + | /* button class on hover */ | |
− | + | .button_click:hover { | |
− | + | background-color:#000000; | |
+ | color:#72c9b6; | ||
+ | } | ||
− | + | /********************************* RESPONSIVE STYLING ********************************/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* IF THE SCREEN IS LESS THAN 1000PX */ | ||
+ | /* | ||
+ | @media only screen and (max-width: 1000px) { | ||
+ | |||
+ | #content {width:100%; } | ||
+ | .menu_wrapper {width:15%;} | ||
+ | .content_wrapper {margin-left: 15%;} | ||
+ | .menu_item {display:block;} | ||
+ | .icon {display:none;} | ||
+ | .highlight {padding:10px 0px;} | ||
+ | } | ||
+ | |||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 680PX | ||
− | + | @media only screen and (max-width: 680px) { | |
− | + | .collapsable_menu_control { display:block;} | |
− | + | .menu_item {display:none;} | |
− | + | .menu_wrapper { width:100%; height: 15%; position:relative;} | |
− | + | .content_wrapper {width:100%; margin-left:0px;} | |
− | + | .column.half_size {width:100%; } | |
− | + | .column img { width: 100%; padding: 5px 0px;} | |
− | + | .icon {display:block;} | |
− | + | .highlight {padding:15px 5px;} | |
− | + | } | |
− | + | ||
− | + | ||
− | */ | + | */ |
− | /********************THIS IS MINE*************/ | + | /********************THIS IS MINE*************/ |
− | /*css for main menu*/ | + | /*css for main menu*/ |
html{ | html{ | ||
− | + | overflow-x: hidden; | |
} | } | ||
body { | body { | ||
Line 458: | Line 455: | ||
} | } | ||
.dropdown-menu{ | .dropdown-menu{ | ||
− | + | top: 100%; | |
} | } | ||
@media (min-width: 979px) { | @media (min-width: 979px) { | ||
Line 494: | Line 491: | ||
font-weight: 400; | font-weight: 400; | ||
white-space: nowrap; | white-space: nowrap; | ||
− | + | } | |
− | + | .dropdown-menu{ | |
top: 99%; | top: 99%; | ||
border-radius: 10px; | border-radius: 10px; | ||
− | + | } | |
.back-to-top { | .back-to-top { | ||
position: fixed; | position: fixed; | ||
Line 545: | Line 542: | ||
.item{ | .item{ | ||
height: auto; | height: auto; | ||
+ | } | ||
+ | .sorryNote{ | ||
+ | font-size: 28px; | ||
+ | font-weight: boled; | ||
} | } | ||
.partBox{ | .partBox{ | ||
Line 600: | Line 601: | ||
background-color: #FCEDCF; | background-color: #FCEDCF; | ||
} | } | ||
− | + | .measurPic{ | |
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .measurText p{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
.bigAssHeader{ | .bigAssHeader{ | ||
font-size: 60px; | font-size: 60px; | ||
Line 615: | Line 623: | ||
.abstractText{ | .abstractText{ | ||
padding-top: 2%; | padding-top: 2%; | ||
− | |||
} | } | ||
.abstractText p{ | .abstractText p{ | ||
Line 632: | Line 639: | ||
margin-top: 4%; | margin-top: 4%; | ||
margin-left: 40%; | margin-left: 40%; | ||
+ | } | ||
+ | .infobtnExpToRes{ | ||
+ | float: right; | ||
+ | } | ||
+ | .infobtnExpToRes:visited{ | ||
+ | color: white; | ||
} | } | ||
.handInHand{ | .handInHand{ | ||
Line 643: | Line 656: | ||
padding-top: 15px; | padding-top: 15px; | ||
} | } | ||
− | + | .smallbox a{ | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | .knowledgeText p{ | |
− | + | line-height: 1.8; | |
padding-bottom: 3%; | padding-bottom: 3%; | ||
+ | } | ||
+ | .knowledgePics{ | ||
+ | width:100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .artPics{ | ||
+ | width:100%; | ||
+ | height: auto; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .smallPics{ | ||
+ | margin-top: 25%; | ||
+ | } | ||
+ | .outreachPics{ | ||
+ | width:100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .outreachText p{ | ||
+ | line-height: 1.8; | ||
+ | padding-top: 2%; | ||
} | } | ||
.humanfirstrow{ | .humanfirstrow{ | ||
− | padding-top: | + | padding-top: 7%; |
} | } | ||
p.overviewText{ | p.overviewText{ | ||
− | line-height: | + | line-height: 1.8; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.picforsmallbox{ | .picforsmallbox{ | ||
Line 663: | Line 693: | ||
margin-left: 35%; | margin-left: 35%; | ||
} | } | ||
− | /* | + | /* |
− | + | p.helpName{ | |
− | + | font-size: 105%; | |
− | + | } | |
− | */ | + | */ |
p.helpDesc{ | p.helpDesc{ | ||
font-size: 90%; | font-size: 90%; | ||
Line 686: | Line 716: | ||
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { | .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { | ||
color: #262626; | color: #262626; | ||
− | + | /* text-decoration: none; */ | |
background-color: #f5f5f5; | background-color: #f5f5f5; | ||
border-radius: 7px; | border-radius: 7px; | ||
− | + | } | |
− | /*************ProjectPage***************/ | + | .homeBack{ |
+ | width: 100%; | ||
+ | padding-top: 1%; | ||
+ | } | ||
+ | /*************ProjectPage***************/ | ||
.projectColor{ | .projectColor{ | ||
background-color: #CB99C9; | background-color: #CB99C9; | ||
Line 710: | Line 744: | ||
position: relative; | position: relative; | ||
margin-top: 5%; | margin-top: 5%; | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.resultsImg{ | .resultsImg{ | ||
Line 729: | Line 763: | ||
.protocolsContent{ | .protocolsContent{ | ||
position: relative; | position: relative; | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.protocolsImg{ | .protocolsImg{ | ||
Line 746: | Line 780: | ||
} | } | ||
.contentText p, .contentText ol{ | .contentText p, .contentText ol{ | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.descText p, .descText ol{ | .descText p, .descText ol{ | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.descText ol{ | .descText ol{ | ||
Line 766: | Line 800: | ||
height: auto; | height: auto; | ||
margin-left: 32.5%; | margin-left: 32.5%; | ||
+ | } | ||
+ | .designPics{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .orderedListDesign{ | ||
+ | border: 1px solid black; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .DesignText p{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .DesignText ol{ | ||
+ | line-height: 1.8; | ||
+ | padding-left: 40px; | ||
} | } | ||
.descTitle{ | .descTitle{ | ||
Line 775: | Line 825: | ||
} | } | ||
.protoLists{ | .protoLists{ | ||
− | padding-top: | + | padding-top: 4%; |
+ | } | ||
+ | .protoLists ul{ | ||
+ | border: 1px solid black; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .protoLists ul li{ | ||
+ | margin-left: 4%; | ||
+ | font-size: 110%; | ||
} | } | ||
.medHeader{ | .medHeader{ | ||
Line 783: | Line 841: | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
− | /**************TEAM PAGE****************/ | + | .resultsPics{ |
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | .resultsText figure{ | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | .resultsText p{ | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | figcaption p{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | .experimentText ol{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | .ImprovedPics{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding-top: 4%; | ||
+ | padding-bottom: 4%; | ||
+ | } | ||
+ | .firstrowPart{ | ||
+ | padding-top: 5%; | ||
+ | } | ||
+ | .partText p{ | ||
+ | line-height: 1.8; | ||
+ | margin: 0 0 10px; | ||
+ | } | ||
+ | .partText ol{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .partText ul{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .partText figure{ | ||
+ | padding-bottom: 4%; | ||
+ | } | ||
+ | .improvedPicsWrapper figcaption p{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | .partText{ | ||
+ | padding-bottom: 5%; | ||
+ | } | ||
+ | #BusinessPlanAnchorsContainerList{ | ||
+ | padding-left: 5%; | ||
+ | } | ||
+ | /**************TEAM PAGE****************/ | ||
+ | @media (max-width: 979px){ | ||
+ | .HoverMe img{ | ||
+ | display: none; | ||
+ | } | ||
+ | .HoverMe p{ | ||
+ | display: none; | ||
+ | } | ||
+ | .outPhotosLine{ | ||
+ | display: none; | ||
+ | } | ||
+ | .outPhotosLine img{ | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | .footerColor{ | ||
+ | position: relative; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | .outPhotosLine{ | ||
+ | position: fixed; | ||
+ | left: 70%; | ||
+ | top: 11%; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | .photoLine{ | ||
+ | width: 50%; | ||
+ | height: auto; | ||
+ | } | ||
.teamPicSize{ | .teamPicSize{ | ||
width: 140px; | width: 140px; | ||
Line 791: | Line 925: | ||
width: 80%; | width: 80%; | ||
margin-left: 10%; | margin-left: 10%; | ||
− | padding-top: | + | padding-top: 7%; |
padding-bottom: 7%; | padding-bottom: 7%; | ||
− | line-height: | + | line-height: 1.8; |
font-size: 16px; | font-size: 16px; | ||
+ | } | ||
+ | .townSmallPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .TownContentText p{ | ||
+ | padding-bottom: 10px; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | .TownContentText{ | ||
+ | padding-top: 5%; | ||
+ | padding-bottom: 5%; | ||
} | } | ||
.TeamMembersBox{ | .TeamMembersBox{ | ||
Line 800: | Line 946: | ||
margin-left: 10%; | margin-left: 10%; | ||
padding-bottom: 7%; | padding-bottom: 7%; | ||
− | line-height: | + | line-height: 1.8; |
font-size: 16px; | font-size: 16px; | ||
} | } | ||
Line 858: | Line 1,004: | ||
.TeamText{ | .TeamText{ | ||
line-height: 1.5; | line-height: 1.5; | ||
− | margin-top: | + | margin-top: 5%; |
} | } | ||
.TeamPicLeft{ | .TeamPicLeft{ | ||
Line 901: | Line 1,047: | ||
} | } | ||
.engagementText p{ | .engagementText p{ | ||
− | line-height: | + | line-height: 1.8; |
+ | padding-bottom: 2%; | ||
} | } | ||
.osimRechovPics, .whiteNightPics, .shoharimPics{ | .osimRechovPics, .whiteNightPics, .shoharimPics{ | ||
Line 911: | Line 1,058: | ||
} | } | ||
.UniContentText{ | .UniContentText{ | ||
− | line-height: | + | line-height: 1.8; |
width: 94%; | width: 94%; | ||
margin-left: 3%; | margin-left: 3%; | ||
− | |||
padding-bottom: 3%; | padding-bottom: 3%; | ||
} | } | ||
.UniContentText p{ | .UniContentText p{ | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.OverviewBox{ | .OverviewBox{ | ||
Line 933: | Line 1,079: | ||
} | } | ||
.OverviewBox p{ | .OverviewBox p{ | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.OverviewBox ol{ | .OverviewBox ol{ | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.partPutipic{ | .partPutipic{ | ||
Line 942: | Line 1,088: | ||
height: auto; | height: auto; | ||
margin-left: 25%; | margin-left: 25%; | ||
− | padding- | + | padding-top: 15%; |
} | } | ||
.partCutipic{ | .partCutipic{ | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
+ | padding-top: 5%; | ||
} | } | ||
.protoText{ | .protoText{ | ||
− | line-height: | + | line-height: 1.8; |
padding-bottom: 4%; | padding-bottom: 4%; | ||
} | } | ||
.CutiText{ | .CutiText{ | ||
− | line-height: | + | line-height: 1.8; |
} | } | ||
.PartColor{ | .PartColor{ | ||
Line 967: | Line 1,114: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | . | + | .advisorsPic{ |
− | width: | + | width: 100%; |
height: auto; | height: auto; | ||
− | + | vertical-align: middle; | |
+ | padding-top: 50%; | ||
} | } | ||
− | . | + | .IditPic{ |
− | + | padding-top: 0; | |
− | + | } | |
− | margin-left: | + | .advisorBox{ |
+ | padding-bottom: 3%; | ||
+ | padding-top: 2%; | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
} | } | ||
.uniBigPic{ | .uniBigPic{ | ||
Line 1,000: | Line 1,152: | ||
} | } | ||
.collaborationText p{ | .collaborationText p{ | ||
− | line-height: 2; | + | line-height: 1.8; |
+ | } | ||
+ | .descCollaboration{ | ||
+ | padding-top: 2%; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .descCollaboration p{ | ||
+ | font-size: 90%; | ||
+ | font-family: 'Monda', serif; | ||
+ | } | ||
+ | .collaborationText ol{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | .teamCollaborationPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding-top: 3%; | ||
} | } | ||
.gotoidcoll{ | .gotoidcoll{ | ||
Line 1,054: | Line 1,222: | ||
} | } | ||
.ethicsBox p{ | .ethicsBox p{ | ||
− | line-height: | + | line-height: 1.8; |
+ | padding-bottom: 1% | ||
+ | } | ||
+ | .ethicsBox ol{ | ||
+ | line-height: 1.8; | ||
padding-bottom: 1% | padding-bottom: 1% | ||
} | } | ||
.safetyBox p{ | .safetyBox p{ | ||
− | line-height: | + | line-height: 1.8; |
padding-bottom: 1% | padding-bottom: 1% | ||
} | } | ||
.safetyBox ul{ | .safetyBox ul{ | ||
− | line-height: | + | line-height: 1.8; |
font-size: 16px; | font-size: 16px; | ||
} | } | ||
.safetyBox ol{ | .safetyBox ol{ | ||
− | line-height: | + | line-height: 1.8; |
font-size: 85%; | font-size: 85%; | ||
} | } | ||
Line 1,087: | Line 1,259: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
− | /***********************NoteBook************************/ | + | /******************Achievments**********************************************/ |
+ | .AchievmentsPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .Achievments ul { | ||
+ | list-style: none; /* Remove list bullets */ | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .Achievment.s li{ | ||
+ | padding-bottom: 20px ; | ||
+ | } | ||
+ | .Achievments li:before { | ||
+ | content: "✔"; /* Insert content that looks like bullets */ | ||
+ | padding-right: 8px; | ||
+ | } | ||
+ | .Achievments ol li{ | ||
+ | padding-bottom: 0px ; | ||
+ | } | ||
+ | .Achievments ol li:before { | ||
+ | content: ""; /* Insert content that looks like bullets */ | ||
+ | padding-right: 4px; | ||
+ | } | ||
+ | .AchievmentsTitle{ | ||
+ | font-size: 35px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 3%; | ||
+ | } | ||
+ | /***********************NoteBook************************/ | ||
.calendar{ | .calendar{ | ||
width: 100%; | width: 100%; | ||
Line 1,093: | Line 1,295: | ||
} | } | ||
.calendar_row{ | .calendar_row{ | ||
− | + | ||
} | } | ||
.calendar_table{ | .calendar_table{ | ||
Line 1,123: | Line 1,325: | ||
} | } | ||
.referenceExpe{ | .referenceExpe{ | ||
− | font-size: | + | font-size: 90%; |
} | } | ||
.experimentText{ | .experimentText{ | ||
padding-bottom: 4%; | padding-bottom: 4%; | ||
padding-top: 4%; | padding-top: 4%; | ||
+ | } | ||
+ | .experimentText p{ | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .expFigCaption{ | ||
+ | margin-left: 20%; | ||
+ | } | ||
+ | .expPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 3%; | ||
+ | } | ||
+ | .smallerExpPic{ | ||
+ | width: 60%; | ||
+ | height: auto; | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 3%; | ||
+ | margin-left: 20%; | ||
+ | } | ||
+ | .petPlatePic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 3%; | ||
+ | } | ||
+ | .protoText{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .protoText ul{ | ||
+ | font-size: 90%; | ||
+ | padding-left: 3%; | ||
+ | list-style: disc; | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .infobtn:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | .infobtnright:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | .infobtnleft:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | .protocolsContent ol{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .projectPics{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .firstrow{ | ||
+ | padding-top: 6%; | ||
+ | } | ||
+ | .experimentText ol{ | ||
+ | line-height: 1.8; | ||
+ | font-size: inherit; | ||
+ | } | ||
+ | .artContent p{ | ||
+ | padding-bottom: 2% | ||
+ | } | ||
+ | /****************Entrepreneurship************************/ | ||
+ | .EntrepreneurshipPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .EntrepreneurshipBigTitle { | ||
+ | font-size: 40px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 3%; | ||
+ | } | ||
+ | .EntrepreneurshipSmallTitle { | ||
+ | font-size: 30px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .BusinessPlanAnchorsContainer{ | ||
+ | border: solid black; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | #BusinessPlanAnchorsContainerList .BusinessPlanAnchorsTitle{ | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | #BusinessPlanAnchorsContainerList .BusinessPlanAnchorsText{ | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | #Entrepreneurship li:before { | ||
+ | content: ""; /* Insert content */ | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | .Entrepreneurship li{ | ||
+ | font-size: 18px; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .extremlySmallMedal{ | ||
+ | width: 2%; | ||
+ | height: auto; | ||
} | } | ||
/******addings beacuse of igem**********/ | /******addings beacuse of igem**********/ | ||
− | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ |
− | + | margin: 0 0 0 0; | |
− | + | } | |
− | } | + | .menu-wrapper p{ |
− | .menu-wrapper p{ | + | display: none; |
− | display: none; | + | } |
− | } | + | .visualClear { |
− | .visualClear { | + | display: none; |
− | + | } | |
− | } | + | p { |
− | p { | + | margin: 0 0 0 0; |
− | + | font-size: 18px; | |
− | + | font-style: normal; | |
− | + | font-variant: normal; | |
− | + | font-weight: 400; | |
− | + | line-height: 2; | |
− | + | } | |
− | + | ol{ | |
− | } | + | font-size: 18px; |
− | + | font-style: normal; | |
− | + | font-variant: normal; | |
− | + | font-weight: 400; | |
− | + | line-height: 20px; | |
− | + | } | |
− | + | #globalWrapper{ | |
− | + | font-size: 100%; | |
− | } | + | padding-bottom: 0; |
− | #globalWrapper{ | + | } |
− | font-size: 100% | + | .logo_2016{ |
− | } | + | display: none; |
− | .logo_2016{ | + | } |
− | display: none; | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5{ |
− | } | + | margin-top: 10px; |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5{ | + | margin-bottom: 10px; |
− | margin-top: 10px; | + | padding-top: 0; |
− | margin-bottom: 10px; | + | padding-bottom: 0; |
− | padding-top: 0; | + | } |
− | padding-bottom: 0; | + | #bodyContent a[href ^="https://"], .link-https{ |
− | } | + | padding-right: 0; |
− | #bodyContent a[href ^="https://"], .link-https{ | + | } |
− | padding-right: 0; | + | a:visited{ |
− | } | + | color: #337ab7; |
+ | } | ||
+ | </style> | ||
+ | </head> | ||
− | |||
− | |||
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
− | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
− | |||
− | |||
− | <div class="menu_wrapper" > | + | <div class="menu_wrapper" ></div> |
− | <!-- | + | <!-- |
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="collapsable_menu_control"> MENU ▤ </div> | |
− | + | ||
− | + | <ul id="accordion" class="accordion"> | |
− | + | ||
− | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:BGU_ISRAEL">HOME </a> </li> | |
− | + | ||
− | + | ||
− | + | <li class="menu_item"> <div class="icon plus"></div> TEAM | |
− | + | <ul class="submenu"> | |
− | + | <li> <a href=" https://2016.igem.org/Team:BGU_ISRAEL/Team"> Team </a> </li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Collaborations">★ Collaborations </a> </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | <li class="menu_item"> <div class="icon plus"></div> PROJECT | |
− | + | <ul class="submenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Description"> ★ Description </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Design"> ★ Design </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Experiments"> Experiments </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Proof"> ★ Proof of Concept </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Demonstrate"> ★ Demonstrate </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Results"> Results </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Notebook"> Notebook </a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | <li class="menu_item"> <div class="icon plus"></div> PARTS | |
− | + | <ul class="submenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Parts">Parts </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Basic_Part"> ★ Basic Parts </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Composite_Part"> ★ Composite Parts </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Part_Collection"> ★ Part Collection </a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Safety"> SAFETY </a> </li> | |
− | + | ||
− | + | ||
− | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Attributions">★ ATTRIBUTIONS </a></li> | |
− | + | ||
− | + | ||
− | + | <li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES | |
− | + | <ul class="submenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Human_Practices"> Human Practices </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/HP/Silver">★ Silver </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/HP/Gold">★ Gold </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Integrated_Practices"> ★ Integrated Practices </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Engagement">★ Engagement </a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | <li class="menu_item"> <div class="icon plus"></div> AWARDS | |
− | + | <ul class="submenu"> | |
− | + | <li><a href="https://2016.igem.org/Team:BGU_ISRAEL/Entrepreneurship"> ★ Entrepreneurship </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Hardware"> ★ Hardware </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Software">★ Software </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Measurement">★ Measurement </a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:BGU_ISRAEL/Model">★ Model </a></li> | |
− | + | ||
− | + | </ul> | |
− | + | </li> | |
− | + | </ul> | |
− | + | ||
− | </div> | + | </div> |
− | --> | + | --> |
− | + | ||
− | |||
− | + | <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> | + | </script> |
− | </html> | + | </html> |
Latest revision as of 12:51, 19 November 2016