(339 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 9: | Line 9: | ||
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | <link rel="apple-touch-icon" href="apple-touch-icon.png"> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
− | |||
− | |||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
<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=Monda" rel="stylesheet"> | ||
+ | <script> | ||
+ | $(document).ready(function () { | ||
+ | $("#TomerPic").attr("src", "https://static.igem.org/mediawiki/2016/2/2d/TomerTsmall.png"); | ||
+ | $("#BenPic").attr("src", "https://static.igem.org/mediawiki/2016/1/11/BenTsmall.png"); | ||
+ | $("#NoaPic").attr("src", "https://static.igem.org/mediawiki/2016/8/8f/NoaTsmall.png"); | ||
+ | $("#NirPic").attr("src", "https://static.igem.org/mediawiki/2016/3/39/NirTsmall.png"); | ||
+ | $("#InbarsPic").attr("src", "https://static.igem.org/mediawiki/2016/d/d4/InbarsTsmall.png"); | ||
+ | $("#GuyPic").attr("src", "https://static.igem.org/mediawiki/2016/4/4f/GuyTsmall.png"); | ||
+ | $("#DorPic").attr("src", "https://static.igem.org/mediawiki/2016/f/f8/DorTsmall.png"); | ||
+ | $("#EfratPic").attr("src", "https://static.igem.org/mediawiki/2016/2/26/Efratsmall.png"); | ||
+ | $("#EyalPic").attr("src", "https://static.igem.org/mediawiki/2016/0/0c/EyalTsmall.png"); | ||
+ | $("#InbarbPic").attr("src", "https://static.igem.org/mediawiki/2016/c/cb/InbarbTsmall.png"); | ||
+ | $("#YotamPic").attr("src", "https://static.igem.org/mediawiki/2016/b/b9/YotamTsmall.png"); | ||
+ | $("#LiranPic").attr("src", "https://static.igem.org/mediawiki/2016/e/e8/LiranTsmall.png"); | ||
+ | $(".fig").hover(function () | ||
+ | { | ||
+ | $(this).find("#TomerPic").attr("src", "https://static.igem.org/mediawiki/2016/3/36/TomerFsmall.png"); | ||
+ | $(this).find("#BenPic").attr("src", "https://static.igem.org/mediawiki/2016/c/ca/BenFsmall.png"); | ||
+ | $(this).find("#NoaPic").attr("src", "https://static.igem.org/mediawiki/2016/0/09/NoaFsmall.png"); | ||
+ | $(this).find("#NirPic").attr("src", "https://static.igem.org/mediawiki/2016/1/17/NirFsmall.png"); | ||
+ | $(this).find("#InbarsPic").attr("src", "https://static.igem.org/mediawiki/2016/8/8b/InbarsFsmall.png"); | ||
+ | $(this).find("#GuyPic").attr("src", "https://static.igem.org/mediawiki/2016/f/fe/GuyFsmall.png"); | ||
+ | $(this).find("#DorPic").attr("src", "https://static.igem.org/mediawiki/2016/6/6b/DorFsmall.png"); | ||
+ | $(this).find("#EfratPic").attr("src", "https://static.igem.org/mediawiki/2016/0/0e/EfratFsmall.png"); | ||
+ | $(this).find("#EyalPic").attr("src", "https://static.igem.org/mediawiki/2016/0/07/EyalFsmall.png"); | ||
+ | $(this).find("#InbarbPic").attr("src", "https://static.igem.org/mediawiki/2016/8/88/InbarbFsmall.png"); | ||
+ | $(this).find("#YotamPic").attr("src", "https://static.igem.org/mediawiki/2016/3/31/YotamFsmall.png"); | ||
+ | $(this).find("#LiranPic").attr("src", "https://static.igem.org/mediawiki/2016/6/67/LiranF1small.png"); | ||
+ | }, | ||
+ | function () | ||
+ | { | ||
+ | $("#TomerPic").attr("src", "https://static.igem.org/mediawiki/2016/2/2d/TomerTsmall.png"); | ||
+ | $("#BenPic").attr("src", "https://static.igem.org/mediawiki/2016/1/11/BenTsmall.png"); | ||
+ | $("#NoaPic").attr("src", "https://static.igem.org/mediawiki/2016/8/8f/NoaTsmall.png"); | ||
+ | $("#NirPic").attr("src", "https://static.igem.org/mediawiki/2016/3/39/NirTsmall.png"); | ||
+ | $("#InbarsPic").attr("src", "https://static.igem.org/mediawiki/2016/d/d4/InbarsTsmall.png"); | ||
+ | $("#GuyPic").attr("src", "https://static.igem.org/mediawiki/2016/4/4f/GuyTsmall.png"); | ||
+ | $("#DorPic").attr("src", "https://static.igem.org/mediawiki/2016/f/f8/DorTsmall.png"); | ||
+ | $("#EfratPic").attr("src", "https://static.igem.org/mediawiki/2016/2/26/Efratsmall.png"); | ||
+ | $("#EyalPic").attr("src", "https://static.igem.org/mediawiki/2016/0/0c/EyalTsmall.png"); | ||
+ | $("#InbarbPic").attr("src", "https://static.igem.org/mediawiki/2016/c/cb/InbarbTsmall.png"); | ||
+ | $("#YotamPic").attr("src", "https://static.igem.org/mediawiki/2016/b/b9/YotamTsmall.png"); | ||
+ | $("#LiranPic").attr("src", "https://static.igem.org/mediawiki/2016/e/e8/LiranTsmall.png"); | ||
+ | }); | ||
+ | }); | ||
+ | </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*************/ | |
− | + | /*css for main menu*/ | |
− | /********************THIS IS MINE*************/ | + | |
− | /*css for main menu*/ | + | |
html{ | html{ | ||
− | + | overflow-x: hidden; | |
} | } | ||
body { | body { | ||
− | + | font-family: 'Bree Serif', serif; | |
− | + | ||
padding-bottom: 0; | padding-bottom: 0; | ||
− | overflow-x: hidden; | + | overflow-x: hidden; |
} | } | ||
.igemMenuBarGap{ | .igemMenuBarGap{ | ||
height: 15px; | height: 15px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.OurLogo{ | .OurLogo{ | ||
max-width:120px; | max-width:120px; | ||
Line 388: | Line 424: | ||
} | } | ||
.navbar-inverse{ | .navbar-inverse{ | ||
− | |||
background: #45484d; /* Old browsers */ | background: #45484d; /* Old browsers */ | ||
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */ | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */ | ||
Line 404: | Line 439: | ||
} | } | ||
.mainmenu > li{ | .mainmenu > li{ | ||
− | width: | + | width: 14%; |
height: 60px; | height: 60px; | ||
} | } | ||
Line 420: | Line 455: | ||
} | } | ||
.dropdown-menu{ | .dropdown-menu{ | ||
− | + | top: 100%; | |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
@media (min-width: 979px) { | @media (min-width: 979px) { | ||
ul.nav li.dropdown:hover > ul.dropdown-menu { | ul.nav li.dropdown:hover > ul.dropdown-menu { | ||
Line 520: | Line 465: | ||
text-align: center; | text-align: center; | ||
top: 7%; | top: 7%; | ||
− | font-family: Oswald, sans-serif; | + | /*font-family: Oswald, sans-serif;*/ |
font-weight: bolder; | font-weight: bolder; | ||
width: 100%; | width: 100%; | ||
Line 526: | Line 471: | ||
.submenubgu{ | .submenubgu{ | ||
background-color: inherit; | background-color: inherit; | ||
− | max-width: | + | max-width: 138%; |
− | min-width: | + | min-width: 138%; |
text-align: center; | text-align: center; | ||
− | left: - | + | left: -19%; |
+ | font-size: 105%; | ||
} | } | ||
.submenubgu > li > a{ | .submenubgu > li > a{ | ||
Line 545: | 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; | ||
z-index: 999; | z-index: 999; | ||
− | + | bottom: 5%; | |
− | + | right: 2%; | |
− | + | display: none; | |
− | + | } | |
+ | .back-to-top img{ | ||
+ | width: 50%; | ||
+ | height: 50%; | ||
+ | float: right; | ||
} | } | ||
.socialMediaIcon{ | .socialMediaIcon{ | ||
− | |||
border-radius: 7px; | border-radius: 7px; | ||
− | + | width: 80%; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
ul{ | ul{ | ||
list-style: none; | list-style: none; | ||
} | } | ||
− | + | #HomeB:hover{ | |
− | + | background-color: #FF6961; | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#projectB:hover { | #projectB:hover { | ||
background-color: #CB99C9; | background-color: #CB99C9; | ||
Line 621: | Line 523: | ||
#teamB:hover { | #teamB:hover { | ||
background-color: #4997D0; | background-color: #4997D0; | ||
− | |||
− | |||
− | |||
} | } | ||
#partsB:hover { | #partsB:hover { | ||
− | background-color: # | + | background-color: #77DD77; |
} | } | ||
#humanB:hover { | #humanB:hover { | ||
− | background-color: # | + | background-color: #dede04; |
} | } | ||
#humanB > a{ | #humanB > a{ | ||
top: -5px; | top: -5px; | ||
} | } | ||
− | # | + | #attributionsB:hover { |
background-color: #FFA447; | background-color: #FFA447; | ||
} | } | ||
#awardsB:hover { | #awardsB:hover { | ||
− | background-color: # | + | background-color: #C4AEAD; |
} | } | ||
/*end css for main menu*/ | /*end css for main menu*/ | ||
.item{ | .item{ | ||
height: auto; | height: auto; | ||
+ | } | ||
+ | .sorryNote{ | ||
+ | font-size: 28px; | ||
+ | font-weight: boled; | ||
} | } | ||
.partBox{ | .partBox{ | ||
Line 656: | Line 559: | ||
top:31px; | top:31px; | ||
} | } | ||
+ | @media (min-width: 768px){ | ||
+ | .navbar-nav>li>a { | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | padding-right: 5px; | ||
+ | padding-left: 5px; | ||
+ | } | ||
− | /**************TEAM PAGE****************/ | + | } |
+ | @media (min-width: 979px) { | ||
+ | ul.nav li.dropdown:hover > ul.dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | .plasticureMovie{ | ||
+ | width: 870px; | ||
+ | } | ||
+ | @media (max-width: 1200px){ | ||
+ | ul.nav-pills{ | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | .nav > li > a:hover, .nav > li > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: #eee; | ||
+ | color: black; | ||
+ | } | ||
+ | .nav > li > a{ | ||
+ | color: white; | ||
+ | } | ||
+ | .abstractBox{ | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
+ | padding-top: 4%; | ||
+ | padding-bottom: 10%; | ||
+ | } | ||
+ | .whiteback{ | ||
+ | background-color: white; | ||
+ | } | ||
+ | .lightgold{ | ||
+ | background-color: #FCEDCF; | ||
+ | } | ||
+ | .measurPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .measurText p{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .bigAssHeader{ | ||
+ | font-size: 60px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .bigAssHeader a{ | ||
+ | text-decoration: none; | ||
+ | color: #080808; | ||
+ | } | ||
+ | .bigAssHeader a:hover{ | ||
+ | color: #080808; | ||
+ | } | ||
+ | .abstractText{ | ||
+ | padding-top: 2%; | ||
+ | } | ||
+ | .abstractText p{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .abstractText ol{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .abstractPic{ | ||
+ | margin-top: 80%; | ||
+ | width: 110%; | ||
+ | height: auto; | ||
+ | margin-left: 10%; | ||
+ | } | ||
+ | .infobtn{ | ||
+ | margin-top: 4%; | ||
+ | margin-left: 40%; | ||
+ | } | ||
+ | .infobtnExpToRes{ | ||
+ | float: right; | ||
+ | } | ||
+ | .infobtnExpToRes:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | .handInHand{ | ||
+ | width:100%; | ||
+ | } | ||
+ | .headerforsmallbox{ | ||
+ | text-align: center; | ||
+ | color: grey; | ||
+ | } | ||
+ | .smallbox{ | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | .smallbox a{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .knowledgeText p{ | ||
+ | line-height: 1.8; | ||
+ | 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{ | ||
+ | padding-top: 7%; | ||
+ | } | ||
+ | p.overviewText{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .picforsmallbox{ | ||
+ | width: 30%; | ||
+ | margin-left: 35%; | ||
+ | } | ||
+ | /* | ||
+ | p.helpName{ | ||
+ | font-size: 105%; | ||
+ | } | ||
+ | */ | ||
+ | p.helpDesc{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | .attributionsfirstrow{ | ||
+ | padding-top: 5%; | ||
+ | } | ||
+ | .AttributionsText{ | ||
+ | line-height: 2.3; | ||
+ | width: 94%; | ||
+ | margin-left: 3%; | ||
+ | font-size: 105%; | ||
+ | } | ||
+ | .sponsorsPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { | ||
+ | color: #262626; | ||
+ | /* text-decoration: none; */ | ||
+ | background-color: #f5f5f5; | ||
+ | border-radius: 7px; | ||
+ | } | ||
+ | .homeBack{ | ||
+ | width: 100%; | ||
+ | padding-top: 1%; | ||
+ | } | ||
+ | /*************ProjectPage***************/ | ||
+ | .projectColor{ | ||
+ | background-color: #CB99C9; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .projectColor p{ | ||
+ | position: relative; | ||
+ | top: 48%; | ||
+ | font-size: 32px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .resultsHeadLine{ | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .resultsContent{ | ||
+ | position: relative; | ||
+ | margin-top: 5%; | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .resultsImg{ | ||
+ | width: 70%; | ||
+ | height: auto; | ||
+ | margin-left: 15%; | ||
+ | border-radius: 10px; | ||
+ | margin-top: 5%; | ||
+ | } | ||
+ | .imgDescription{ | ||
+ | width: 70%; | ||
+ | margin-left: 15%; | ||
+ | } | ||
+ | .protocolssHeadLine{ | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .protocolsContent{ | ||
+ | position: relative; | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .protocolsImg{ | ||
+ | width: 60%; | ||
+ | height: auto; | ||
+ | margin-left: 20%; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .imgDescription{ | ||
+ | width: 60%; | ||
+ | margin-left: 20%; | ||
+ | } | ||
+ | .DescriptionBox{ | ||
+ | position: relative; | ||
+ | margin-top: 5%; | ||
+ | } | ||
+ | .contentText p, .contentText ol{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .descText p, .descText ol{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .descText ol{ | ||
+ | font-size: 85%; | ||
+ | } | ||
+ | .descText{ | ||
+ | padding-top: 3%; | ||
+ | } | ||
+ | .descPics{ | ||
+ | width: 50%; | ||
+ | height: auto; | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | .longDescPics{ | ||
+ | width: 35%; | ||
+ | height: auto; | ||
+ | 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{ | ||
+ | font-size: 40px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 3%; | ||
+ | } | ||
+ | .protoLists{ | ||
+ | padding-top: 4%; | ||
+ | } | ||
+ | .protoLists ul{ | ||
+ | border: 1px solid black; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .protoLists ul li{ | ||
+ | margin-left: 4%; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | .medHeader{ | ||
+ | font-size: 35px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .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; | ||
+ | margin-top: 50%; | ||
+ | } | ||
+ | .firstTeamMembersBox{ | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
+ | padding-top: 7%; | ||
+ | padding-bottom: 7%; | ||
+ | line-height: 1.8; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .townSmallPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .TownContentText p{ | ||
+ | padding-bottom: 10px; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | .TownContentText{ | ||
+ | padding-top: 5%; | ||
+ | padding-bottom: 5%; | ||
+ | } | ||
+ | .TeamMembersBox{ | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
+ | padding-bottom: 7%; | ||
+ | line-height: 1.8; | ||
+ | font-size: 16px; | ||
} | } | ||
.infoCard{ | .infoCard{ | ||
Line 691: | Line 979: | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
− | |||
} | } | ||
.present{ | .present{ | ||
Line 701: | Line 986: | ||
color: #fff; | color: #fff; | ||
background-color: #CB99C9 !important; | background-color: #CB99C9 !important; | ||
+ | } | ||
+ | @media (min-width: 768px){ | ||
+ | .navbar-nav>li>a { | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
} | } | ||
+ | .TeamBox{ | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
+ | padding-top: 10%; | ||
+ | padding-bottom: 7%; | ||
+ | } | ||
+ | .TeamText{ | ||
+ | line-height: 1.5; | ||
+ | margin-top: 5%; | ||
+ | } | ||
+ | .TeamPicLeft{ | ||
+ | width: 90%; | ||
+ | height: auto; | ||
+ | border-radius: 20px; | ||
+ | box-shadow: 5px 5px 3px #888888; | ||
+ | } | ||
+ | .TeamPicRight{ | ||
+ | margin-left: 10%; | ||
+ | width: 90%; | ||
+ | height: auto; | ||
+ | border-radius: 20px; | ||
+ | box-shadow: 5px 5px 3px #888888; | ||
+ | } | ||
+ | .infobtnright{ | ||
+ | margin-top: 10%; | ||
+ | float: right; | ||
+ | } | ||
+ | .infobtnleft{ | ||
+ | margin-top: 10%; | ||
+ | float: left; | ||
+ | } | ||
+ | .HoverMe{ | ||
+ | position: fixed; | ||
+ | top: 50%; | ||
+ | z-index: 100; | ||
+ | width: 8%; | ||
+ | margin-left: 1.5%; | ||
+ | } | ||
+ | .HoverMe p{ | ||
+ | font-size: 20px; | ||
+ | margin-top: -15px; | ||
+ | } | ||
+ | .picHoverMe{ | ||
+ | width: 80%; | ||
+ | height: auto; | ||
+ | margin-left: 20%; | ||
+ | } | ||
+ | .gotoid{ | ||
+ | height: 60px; | ||
+ | } | ||
+ | .engagementText p{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .osimRechovPics, .whiteNightPics, .shoharimPics{ | ||
+ | padding-top: 2%; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .unifirstrow{ | ||
+ | padding-top: 5%; | ||
+ | } | ||
+ | .UniContentText{ | ||
+ | line-height: 1.8; | ||
+ | width: 94%; | ||
+ | margin-left: 3%; | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | .UniContentText p{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .OverviewBox{ | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
+ | padding-top: 4%; | ||
+ | padding-bottom: 3%; | ||
+ | } | ||
+ | .partOverviewPic{ | ||
+ | margin-top: 40%; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin-left: 15%; | ||
+ | } | ||
+ | .OverviewBox p{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .OverviewBox ol{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .partPutipic{ | ||
+ | width: 55%; | ||
+ | height: auto; | ||
+ | margin-left: 25%; | ||
+ | padding-top: 15%; | ||
+ | } | ||
+ | .partCutipic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding-top: 5%; | ||
+ | } | ||
+ | .protoText{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 4%; | ||
+ | } | ||
+ | .CutiText{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | .PartColor{ | ||
+ | background-color: #77DD77; | ||
+ | height: 130px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .PartColor p{ | ||
+ | position: relative; | ||
+ | top: 48%; | ||
+ | font-size: 32px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .advisorsPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | vertical-align: middle; | ||
+ | padding-top: 50%; | ||
+ | } | ||
+ | .IditPic{ | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | .advisorBox{ | ||
+ | padding-bottom: 3%; | ||
+ | padding-top: 2%; | ||
+ | width: 80%; | ||
+ | margin-left: 10%; | ||
+ | } | ||
+ | .uniBigPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .uniSmallPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .teams_coll_symbol{ | ||
+ | width: 60%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .teamColl img{ | ||
+ | margin-left: 20%; | ||
+ | } | ||
+ | .teamColl h4{ | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .teamColl{ | ||
+ | padding-bottom: 4%; | ||
+ | } | ||
+ | .collaborationText p{ | ||
+ | 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{ | ||
+ | height: 80px; | ||
+ | } | ||
+ | .uniBigPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .uniSmallPic{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .plasticureMovieLink{ | ||
+ | display:none; | ||
+ | } | ||
+ | @media (max-width: 1200px) { | ||
+ | .plasticureMovie{ | ||
+ | display: none; | ||
+ | } | ||
+ | .plasticureMovieLink{ | ||
+ | display: block; | ||
+ | margin-left: 25%; | ||
+ | } | ||
+ | .plasticureMovieLink div a{ | ||
+ | color: black; | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | .abstractPic{ | ||
+ | width: 50%; | ||
+ | margin-top: 5%; | ||
+ | margin-left: 30%; | ||
+ | } | ||
+ | .infobtn{ | ||
+ | margin-left: 30%; | ||
+ | } | ||
+ | .socialMediaIcon{ | ||
+ | border-radius: 7px; | ||
+ | width: 10%; | ||
+ | } | ||
+ | } | ||
+ | .footerColor{ | ||
+ | background: #45484d; /* Old browsers */ | ||
+ | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */ | ||
+ | background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ | ||
+ | background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ | ||
+ | color: white; | ||
+ | } | ||
+ | .ethicsBox{ | ||
+ | padding-top: 8%; | ||
+ | padding-bottom: 2%; | ||
+ | } | ||
+ | .ethicsBox p{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 1% | ||
+ | } | ||
+ | .ethicsBox ol{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 1% | ||
+ | } | ||
+ | .safetyBox p{ | ||
+ | line-height: 1.8; | ||
+ | padding-bottom: 1% | ||
+ | } | ||
+ | .safetyBox ul{ | ||
+ | line-height: 1.8; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .safetyBox ol{ | ||
+ | line-height: 1.8; | ||
+ | font-size: 85%; | ||
+ | } | ||
+ | .workingSafe{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin-bottom: 2%; | ||
+ | } | ||
+ | .firstPicWorkingSafe{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin-bottom: 2%; | ||
+ | margin-top: 15%; | ||
+ | } | ||
+ | .safeTitle{ | ||
+ | text-decoration: underline; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .referencesSafe{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | /******************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{ | ||
+ | width: 100%; | ||
+ | height:auto; | ||
+ | } | ||
+ | .calendar_row{ | ||
− | + | } | |
+ | .calendar_table{ | ||
+ | border: 0px !important; | ||
+ | width: 100%; | ||
+ | margin: 0 auto 1em; | ||
+ | } | ||
+ | .Month_table{ | ||
+ | border: 1px solid #502204; | ||
+ | } | ||
+ | .calendar_cell1,.calendar_cell2,.calendar_cell3,.calendar_cell4{ | ||
+ | border: 0px !important; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | .calendar th{ | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | border: 1px solid #502204; | ||
+ | padding: 2px 5px; | ||
+ | color: white; | ||
+ | background-color: #CB99C9; | ||
+ | } | ||
+ | .calendar td{ | ||
+ | border: 1px solid #502204; | ||
+ | padding: 2px 5px; | ||
+ | } | ||
+ | .calendar td.calendar_day { | ||
+ | border: 0px !important; | ||
+ | } | ||
+ | .referenceExpe{ | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | .experimentText{ | ||
+ | padding-bottom: 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; |
− | ol{ | + | font-style: normal; |
− | + | font-variant: normal; | |
− | + | font-weight: 400; | |
− | + | line-height: 20px; | |
− | + | } | |
− | + | #globalWrapper{ | |
− | + | font-size: 100%; | |
− | } | + | padding-bottom: 0; |
− | + | } | |
− | + | .logo_2016{ | |
− | + | display: none; | |
− | + | } | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5{ | |
− | + | margin-top: 10px; | |
− | + | margin-bottom: 10px; | |
− | + | padding-top: 0; | |
− | + | padding-bottom: 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> | ||
+ | <!-- | ||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | --> | ||
− | <script> | + | <script> |
− | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. | + | // 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> | ||
− | + | </html> | |
− | </html> | + |
Latest revision as of 12:51, 19 November 2016