Difference between revisions of "Template:BGU ISRAEL"
| (423 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <meta charset="utf-8"> | + | <head> |
| + | <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 7: | Line 8: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<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" href="https:// | + | <link rel="stylesheet" type="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> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | /********************************* MENU ********************************/ | + | /********************************* 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 ********************************/ | |
| − | + | ||
| − | + | /* 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*/ | ||
| + | html{ | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | body { | ||
| + | font-family: 'Bree Serif', serif; | ||
| + | padding-bottom: 0; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .igemMenuBarGap{ | ||
| + | height: 15px; | ||
| + | } | ||
| + | .OurLogo{ | ||
| + | max-width:120px; | ||
| + | margin-top: -4px; | ||
| + | } | ||
| + | .navbar-inverse{ | ||
| + | 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 */ | ||
| + | top: 15px; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav>li>a{ | ||
| + | color: #fff; | ||
| + | } | ||
| + | @media (min-width: 767px){ | ||
| + | .navbar-inverse{ | ||
| + | height: 60px; | ||
| + | } | ||
| + | .mainmenu > li{ | ||
| + | width: 14%; | ||
| + | height: 60px; | ||
| + | } | ||
| + | .navbar-nav{ | ||
| + | width: 80%; | ||
| + | } | ||
| + | } | ||
| + | a{ | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | @media (max-width: 767px){ | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ | ||
| + | color: #fff; | ||
| + | } | ||
| + | } | ||
| + | .dropdown-menu{ | ||
| + | top: 100%; | ||
| + | } | ||
| + | @media (min-width: 979px) { | ||
| + | ul.nav li.dropdown:hover > ul.dropdown-menu { | ||
| + | display: block; | ||
| + | } | ||
| + | } | ||
| + | .mainmenu > li > a{ | ||
| + | text-align: center; | ||
| + | top: 7%; | ||
| + | /*font-family: Oswald, sans-serif;*/ | ||
| + | font-weight: bolder; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .submenubgu{ | ||
| + | background-color: inherit; | ||
| + | max-width: 138%; | ||
| + | min-width: 138%; | ||
| + | text-align: center; | ||
| + | left: -19%; | ||
| + | font-size: 105%; | ||
| + | } | ||
| + | .submenubgu > li > a{ | ||
| + | color: white; | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 5px; | ||
| + | text-decoration: none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .dropdown-menu>li>a { | ||
| + | display: block; | ||
| + | padding: 7px 0px; | ||
| + | clear: both; | ||
| + | width: 100%; | ||
| + | font-weight: 400; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .dropdown-menu{ | ||
| + | top: 99%; | ||
| + | border-radius: 10px; | ||
| + | } | ||
| + | .back-to-top { | ||
| + | position: fixed; | ||
| + | z-index: 999; | ||
| + | bottom: 5%; | ||
| + | right: 2%; | ||
| + | display: none; | ||
| + | } | ||
| + | .back-to-top img{ | ||
| + | width: 50%; | ||
| + | height: 50%; | ||
| + | float: right; | ||
| + | } | ||
| + | .socialMediaIcon{ | ||
| + | border-radius: 7px; | ||
| + | width: 80%; | ||
| + | } | ||
| + | ul{ | ||
| + | list-style: none; | ||
| + | } | ||
| + | #HomeB:hover{ | ||
| + | background-color: #FF6961; | ||
| + | } | ||
| + | #projectB:hover { | ||
| + | background-color: #CB99C9; | ||
| + | } | ||
| + | #teamB:hover { | ||
| + | background-color: #4997D0; | ||
| + | } | ||
| + | #partsB:hover { | ||
| + | background-color: #77DD77; | ||
| + | } | ||
| + | #humanB:hover { | ||
| + | background-color: #dede04; | ||
| + | } | ||
| + | #humanB > a{ | ||
| + | top: -5px; | ||
| + | } | ||
| + | #attributionsB:hover { | ||
| + | background-color: #FFA447; | ||
| + | } | ||
| + | #awardsB:hover { | ||
| + | background-color: #C4AEAD; | ||
| + | } | ||
| + | /*end css for main menu*/ | ||
| + | .item{ | ||
| + | height: auto; | ||
| + | } | ||
| + | .sorryNote{ | ||
| + | font-size: 28px; | ||
| + | font-weight: boled; | ||
| + | } | ||
| + | .partBox{ | ||
| + | border: 4px solid black; | ||
| + | border-radius: 20px; | ||
| + | padding: 2% 3% 2% 3%; | ||
| + | box-shadow: 10px 10px 5px #888888; | ||
| + | margin-bottom: 5%; | ||
| + | background-color: white; | ||
| + | } | ||
| + | #myCarousel{ | ||
| + | position:relative; | ||
| + | top:31px; | ||
| + | } | ||
| + | @media (min-width: 768px){ | ||
| + | .navbar-nav>li>a { | ||
| + | padding-top: 15px; | ||
| + | padding-bottom: 15px; | ||
| + | padding-right: 5px; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | @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{ | ||
| + | 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{ | ||
| + | border: 4px solid #4997D0; | ||
| + | border-radius: 10px; | ||
| + | padding: 2% 3% 2% 3%; | ||
| + | margin-bottom: 5%; | ||
| + | box-shadow: 5px 5px 3px #888888; | ||
| + | background-color: white; | ||
| + | line-height: 1.7; | ||
| + | } | ||
| + | .infoCard img{ | ||
| + | margin-top: 8%; | ||
| + | } | ||
| + | .teamInfoCon{ | ||
| + | } | ||
| + | ul.nav-pills { | ||
| + | top: 20%; | ||
| + | position: fixed; | ||
| + | width: 150px; | ||
| + | } | ||
| + | div.col-sm-9 div { | ||
| + | height: 250px; | ||
| + | font-size: 28px; | ||
| + | } | ||
| + | #spythisdata{ | ||
| + | position: relative; | ||
| + | } | ||
| + | .bigAssHeader{ | ||
| + | font-size: 60px; | ||
| + | font-weight: bold; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .present{ | ||
| + | background-color: #CB99C9; | ||
| + | } | ||
| + | .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { | ||
| + | color: #fff; | ||
| + | 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**********/ | ||
| + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ | ||
| + | margin: 0 0 0 0; | ||
| + | } | ||
| + | .menu-wrapper p{ | ||
| + | display: none; | ||
| + | } | ||
| + | .visualClear { | ||
| + | display: none; | ||
| + | } | ||
| + | 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; | ||
| + | } | ||
| + | .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> | ||
| − | <li class=" | + | |
| − | + | <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> | ||
| − | + | ||
| − | <li class=" | + | <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> | ||
| − | + | ||
| − | <li class=" | + | |
| − | + | <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> | ||
| − | <li class=" | + | |
| + | |||
| + | <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> | ||
| + | |||
| + | // 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
