|
|
| Line 587: |
Line 587: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − | <!-- Left and right controls -->
| |
| − | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
| |
| − | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
| |
| − | <span class="sr-only">Previous</span>
| |
| − | </a>
| |
| − | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
| |
| − | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
| |
| − | <span class="sr-only">Next</span>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="abstract" class="container text-center">
| |
| − |
| |
| − | </div>
| |
| − | <div id="video" class="container-fluid text-center gray-section">
| |
| − | <div class="row">
| |
| − | <div class="col-sm-8 col-sm-offset-2">
| |
| − | <h1>Long Story Short</h1>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | .logo {
| |
| − | color: #f4511e;
| |
| − | font-size: 200px;
| |
| − | }
| |
| − | .thumbnail {
| |
| − | padding: 0 0 15px 0;
| |
| − | border: none;
| |
| − | border-radius: 0;
| |
| − | }
| |
| − | .thumbnail img {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | margin-bottom: 10px;
| |
| − | }
| |
| − | .carousel-control.right, .carousel-control.left {
| |
| − | background-image: none;
| |
| − | color: #f4511e;
| |
| − | }
| |
| − | .carousel-indicators li {
| |
| − | border-color: #f4511e;
| |
| − | }
| |
| − | .carousel-indicators li.active {
| |
| − | background-color: #f4511e;
| |
| − | }
| |
| − | .item h4 {
| |
| − | font-size: 19px;
| |
| − | line-height: 1.375em;
| |
| − | font-weight: 400;
| |
| − | font-style: italic;
| |
| − | margin: 70px 0;
| |
| − | }
| |
| − | .item span {
| |
| − | font-style: normal;
| |
| − | }
| |
| − | .panel {
| |
| − | border: 1px solid #f4511e;
| |
| − | border-radius:0 !important;
| |
| − | transition: box-shadow 0.5s;
| |
| − | }
| |
| − | .panel:hover {
| |
| − | box-shadow: 5px 0px 40px rgba(0,0,0, .2);
| |
| − | }
| |
| − | .panel-footer .btn:hover {
| |
| − | border: 1px solid #f4511e;
| |
| − | background-color: #fff !important;
| |
| − | color: #f4511e;
| |
| − | }
| |
| − | .panel-heading {
| |
| − | color: #fff !important;
| |
| − | background-color: #f4511e !important;
| |
| − | padding: 25px;
| |
| − | border-bottom: 1px solid transparent;
| |
| − | border-top-left-radius: 0px;
| |
| − | border-top-right-radius: 0px;
| |
| − | border-bottom-left-radius: 0px;
| |
| − | border-bottom-right-radius: 0px;
| |
| − | }
| |
| − | .panel-footer {
| |
| − | background-color: white !important;
| |
| − | }
| |
| − | .panel-footer h3 {
| |
| − | font-size: 32px;
| |
| − | }
| |
| − | .panel-footer h4 {
| |
| − | color: #aaa;
| |
| − | font-size: 14px;
| |
| − | }
| |
| − | .panel-footer .btn {
| |
| − | margin: 15px 0;
| |
| − | background-color: #f4511e;
| |
| − | color: #fff;
| |
| − | }
| |
| − | footer.bg-dark p {
| |
| − | color:#ededed !important;
| |
| − | }
| |
| − | .navbar {
| |
| − | margin-bottom: 10px; !important;
| |
| − | background-color: #fff !important;
| |
| − | z-index: 9999!important;
| |
| − | border: 0 !important;
| |
| − | text-transform:uppercase !important;
| |
| − | border-radius: 0 !important;
| |
| − | font-family: 'Segoe UI Light'!important;
| |
| − | font-weight: 600!important;
| |
| − | color:#000!important;
| |
| − | padding-top:10px;
| |
| − | }
| |
| − | .navbar-brand {
| |
| − | padding: 0px;
| |
| − | }
| |
| − | .navbar-brand>img {
| |
| − | height: 100%;
| |
| − | padding: 0 0 10px 20px;
| |
| − | width: auto;
| |
| − | }
| |
| − | .navbar-nav li a:hover, .navbar-nav li.active a {
| |
| − | color: #0186ac !important;
| |
| − | background-color: #fff !important;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle {
| |
| − | border-color: transparent;
| |
| − | color: #fff !important;
| |
| − | }
| |
| − |
| |
| − | .slideanim {visibility:hidden;}
| |
| − | .slide {
| |
| − | animation-name: slide;
| |
| − | -webkit-animation-name: slide;
| |
| − | animation-duration: 1s;
| |
| − | -webkit-animation-duration: 1s;
| |
| − | visibility: visible;
| |
| − | }
| |
| − | @keyframes slide {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | transform: translateY(70%);
| |
| − | }
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0%);
| |
| − | }
| |
| − | }
| |
| − | @-webkit-keyframes slide {
| |
| − | 0% {
| |
| − | opacity: 0;
| |
| − | -webkit-transform: translateY(70%);
| |
| − | }
| |
| − | 100% {
| |
| − | opacity: 1;
| |
| − | -webkit-transform: translateY(0%);
| |
| − | }
| |
| − | }
| |
| − | @media screen and (max-width: 768px) {
| |
| − | .col-sm-4 {
| |
| − | text-align: center;
| |
| − | margin: 25px 0;
| |
| − | }
| |
| − | .btn-lg {
| |
| − | width: 100%;
| |
| − | margin-bottom: 35px;
| |
| − | }
| |
| − | }
| |
| − | @media screen and (max-width: 480px) {
| |
| − | .logo {
| |
| − | font-size: 150px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | header.masthead {
| |
| − | padding-top: 10rem;
| |
| − | padding-bottom: calc(10rem - 56px);
| |
| − | background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg');
| |
| − | min-height: 600px;
| |
| − | background-position: center center;
| |
| − | -webkit-background-size: cover;
| |
| − | -moz-background-size: cover;
| |
| − | -o-background-size: cover;
| |
| − | background-size: cover;
| |
| − | }
| |
| − | .parallax-window {
| |
| − | min-height: 700px;
| |
| − | background: transparent;
| |
| − | }
| |
| − | #abstract p, #abstract ol {
| |
| − | text-align: justify;
| |
| − | }
| |
| − | #myBtn {
| |
| − | display: none;
| |
| − |
| |
| − | position: fixed;
| |
| − | bottom: 20px;
| |
| − | right: 20px;
| |
| − | z-index: 99;
| |
| − | font-size: 16px;
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | background-color: #0186ac;
| |
| − | color: white;
| |
| − | cursor: pointer;
| |
| − | padding: 12px 15px 12px 15px;
| |
| − | border-radius: 100px;
| |
| − | }
| |
| − |
| |
| − | #myBtn:hover {
| |
| − | background-color: #555;
| |
| − | }
| |
| − | footer {
| |
| − | background-color:#262626;
| |
| − | color:#fff !important;
| |
| − | }
| |
| − | .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
| |
| − | background: #fff !important;
| |
| − | color:#0186ac !important;
| |
| − | }
| |
| − | .navbar-right .dropdown-menu {
| |
| − |
| |
| − | }
| |
| − | #mainMenu .dropdown-menu {
| |
| − | border:0 !important;
| |
| − | right:auto !important;
| |
| − | border-radius: 0 !important;
| |
| − | text-transform: capitalize;
| |
| − | font-size:18px;
| |
| − | }
| |
| − | @media screen and (min-width: 600px) {
| |
| − | .dropdown:hover .dropdown-menu {
| |
| − | display: block;
| |
| − | margin-top: 0;
| |
| − | color:#fff;
| |
| − | }
| |
| − | }
| |
| − | .gray-section {
| |
| − | background-color:#ededed;
| |
| − | }
| |
| − | .sub-page-header {
| |
| − | padding-top: 10rem;
| |
| − | padding-bottom: calc(10rem - 56px);
| |
| − | background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--BGU_Israel--home_banner.jpg');
| |
| − | height:200px !important;
| |
| − | background-position: top center;
| |
| − | -webkit-background-size: cover;
| |
| − | -moz-background-size: cover;
| |
| − | -o-background-size: cover;
| |
| − | background-size: cover;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| | | | |
| | <div class="bg-white"> | | <div class="bg-white"> |
<!DOCTYPE html>
