|
|
Line 1: |
Line 1: |
| {{BGU_ISRAEL}} | | {{BGU_ISRAEL}} |
− | <!doctype html>
| |
− | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
| |
− | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
| |
− | <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
| |
− | <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
| |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| |
− | <title>PlastiCure</title>
| |
− | <meta name="description" content="">
| |
− | <link rel="icon" href="media/small icon for site.ico">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | <link rel="apple-touch-icon" href="apple-touch-icon.png">
| |
− | <link rel="stylesheet" type="text/css"
| |
− | href="https://2015.igem.org/Template:BGU_ISRAEL/CSS?action=raw&ctype=text/css" />
| |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| |
− | <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
| |
− | <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
− | <style>
| |
− | /*css for main menu*/
| |
− | body {
| |
− | background-image: url('media/Golf-Shirt-Grey-Seamless-Pattern-For-Website-Background.jpg');
| |
− | font-family: "ourFont";
| |
− | padding-bottom: 0;
| |
− | }
| |
− | .igemMenuBarGap{
| |
− | height: 15px;
| |
− | }
| |
− | @font-face{
| |
− | font-family: ourFont;
| |
− | src: url("css/bgu-ufonts_segoe-ui-light.woff");
| |
− | }
| |
− | .OurLogo{
| |
− | max-width:120px;
| |
− | margin-top: -4px;
| |
− | }
| |
− | .navbar-inverse{
| |
− | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
| |
− | 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%;
| |
− | }
| |
− | }
| |
− | @media (max-width: 767px){
| |
− | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
| |
− | color: #fff;
| |
− | }
| |
− | }
| |
− | /*
| |
− | .navbar-default {
| |
− | background-color: #216b9c;
| |
− | border-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-brand {
| |
− | color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-brand:hover,
| |
− | .navbar-default .navbar-brand:focus {
| |
− | color: #f42d24;
| |
− | }
| |
− | .navbar-default .navbar-text {
| |
− | color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > a {
| |
− | color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > a:hover,
| |
− | .navbar-default .navbar-nav > li > a:focus {
| |
− | color: #f42d24;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > .dropdown-menu {
| |
− | background-color: #216b9c;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
| |
− | color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
| |
− | .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
| |
− | color: #f42d24;
| |
− | background-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
| |
− | background-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
− | color: #f42d24;
| |
− | background-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-nav > .active > a,
| |
− | .navbar-default .navbar-nav > .active > a:hover,
| |
− | .navbar-default .navbar-nav > .active > a:focus {
| |
− | color: #f42d24;
| |
− | background-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-nav > .open > a,
| |
− | .navbar-default .navbar-nav > .open > a:hover,
| |
− | .navbar-default .navbar-nav > .open > a:focus {
| |
− | color: #f42d24;
| |
− | background-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-toggle {
| |
− | border-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-toggle:hover,
| |
− | .navbar-default .navbar-toggle:focus {
| |
− | background-color: #4cee30;
| |
− | }
| |
− | .navbar-default .navbar-toggle .icon-bar {
| |
− | background-color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-collapse,
| |
− | .navbar-default .navbar-form {
| |
− | border-color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-link {
| |
− | color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-link:hover {
| |
− | color: #f42d24;
| |
− | }
| |
− |
| |
− | @media (max-width: 767px) {
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a {
| |
− | color: #1c2a2f;
| |
− | }
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
| |
− | color: #f42d24;
| |
− | }
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
− | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
− | color: #f42d24;
| |
− | background-color: #4cee30;
| |
− | }
| |
− | }
| |
− | */
| |
− | @media (min-width: 979px) {
| |
− | ul.nav li.dropdown:hover > ul.dropdown-menu {
| |
− | display: block;
| |
− | }
| |
− | }
| |
− | .mainmenu > li > a{
| |
− | text-align: center;
| |
− | top: 7%;
| |
− | font-size: 110%;
| |
− | font-family: Oswald, sans-serif;
| |
− | font-weight: bolder;
| |
− | width: 100%;
| |
− | }
| |
− | .submenu{
| |
− | background-color: inherit;
| |
− | max-width: 168px;
| |
− | min-width: 168px;
| |
− | text-align: center;
| |
− | left: -20px;
| |
− | }
| |
− | .submenu > li > a{
| |
− | color: white;
| |
− | padding-top: 5px;
| |
− | padding-bottom: 5px;
| |
− | }
| |
− | .mainfooter{
| |
− | margin-top: 1%;
| |
− | margin-bottom: 0;
| |
− | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
| |
− | 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 */
| |
− | }
| |
− | .mainfooter p{
| |
− | margin: 2% auto;
| |
− | color: white;
| |
− | }
| |
− | .mainfooter ul{
| |
− | list-style: none;
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .mainfooter a img{
| |
− | width: 10%;
| |
− | height: auto;
| |
− | margin-left: 3%;
| |
− | margin-top: 2%;
| |
− | }
| |
− | .back-to-top {
| |
− | display: none;
| |
− | width: 60px;
| |
− | height: 60px;
| |
− | text-indent: -9999px;
| |
− | position: fixed;
| |
− | z-index: 999;
| |
− | right: 13px;
| |
− | bottom: 30px;
| |
− | background: black url(media/top-b-bgu.png) no-repeat center 43%;
| |
− | border-radius: 30px;
| |
− | }
| |
− | .socialMediaIcon{
| |
− | box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
| |
− | border-radius: 7px;
| |
− | }
| |
− | .mainfooter h4{
| |
− | color: #FFF;
| |
− | margin-top: 4px;
| |
− | }
| |
− | ul{
| |
− | list-style: none;
| |
− | }
| |
− | .mainfooter h5{
| |
− | margin: 5% auto;
| |
− | color: white;
| |
− | }
| |
− | .mainfooter ul{
| |
− | margin: 6% auto;
| |
− | padding: 0px;
| |
− | }
| |
− | .mainfooter div ul li{
| |
− | display: inline;
| |
− | width: 100%;
| |
− | margin-right: 5%;
| |
− | }
| |
− | footer{
| |
− | padding-bottom: 0px;
| |
− | }
| |
− | #projectB:hover {
| |
− | background-color: #FF6961;
| |
− | }
| |
− | #teamB:hover {
| |
− | background-color: #CB99C9;
| |
− | }
| |
− | #notebookB:hover {
| |
− | background-color: #4997D0;
| |
− | }
| |
− | #partsB:hover {
| |
− | background-color: #96FDFD;
| |
− | }
| |
− | #humanB:hover {
| |
− | background-color: #77DD44;
| |
− | }
| |
− | #humanB > a{
| |
− | top: -5px;
| |
− | }
| |
− | #safteyB:hover {
| |
− | background-color: #FCFC4D;
| |
− | }
| |
− | #awardsB:hover {
| |
− | background-color: #FFA447;
| |
− | }
| |
− | /*end css for main menu*/
| |
− | .item{
| |
− | height: 400px;
| |
− | }
| |
− | .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;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
| <div class="igemMenuBarGap"></div> | | <div class="igemMenuBarGap"></div> |
| <!--[if lt IE 8]> | | <!--[if lt IE 8]> |