Difference between revisions of "Team:BGIC-Union"

Line 32: Line 32:
 
}
 
}
  
 
 
html, body {
 
    margin: 0 !important;
 
    padding: 0 !important;
 
 
}
 
body {
 
  background-color: #FFe4e1;
 
  font-family: 'Montserrat', sans-serif;
 
    font-weight: 400;
 
line-height: 45px;
 
    font-size: 20px;
 
    color: #555;
 
 
   
 
    -webkit-font-smoothing: antialiased;
 
    -webkit-overflow-scrolling: touch;
 
}
 
 
/* Titles */
 
h1, h2, h3, h4, h5, h6,p {
 
font-family: 'Montserrat', sans-serif;
 
    font-weight: 600;
 
    color: #333;
 
line-height:30pt;
 
}
 
 
h1 {
 
font-size: 35px;
 
margin-top: 30px;
 
margin-bottom: 50px;
 
}
 
 
 
 
/* Paragraph  Typographic */
 
p {
 
    line-height: 50px;
 
    margin-bottom: 35px;
 
    font-size: 16px;
 
}
 
 
.centered {
 
    text-align: center;
 
}
 
 
/* Links */
 
a {
 
    color: #20B2AA;
 
    word-wrap: break-word;
 
 
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    transition: color 0.1s ease-in, background 0.1s ease-in;
 
}
 
 
a:hover,
 
a:focus {
 
    color: #7b7b7b;
 
    text-decoration: none;
 
    outline: 0;
 
}
 
 
a:before,
 
a:after {
 
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    transition: color 0.1s ease-in, background 0.1s ease-in;
 
}
 
 
hr {
 
    display: block;
 
    height: 1px;
 
    border: 0;
 
    border-top: 1px solid #ccc;
 
    margin: 1em 0;
 
    padding: 0;
 
}
 
 
 
.navbar {
 
text-transform: uppercase;
 
margin-bottom: 0px;
 
}
 
  
 
top1 {
 
top1 {
 
padding-top: -20px;
 
padding-top: -20px;
 
]
 
]
.navbar-inverse {
 
padding-bottom: 70px;
 
padding-top: 70px;
 
}
 
 
.navbar-inverse {
 
background-color: #FFA07A;
 
border-color: #FA8072;
 
}
 
 
.navbar-inverse .navbar-nav > li > a {
 
color: white;
 
}
 
 
.navbar-inverse .navbar-nav > li > a:hover {
 
color: #222222;
 
}
 
 
.navbar-brand {
 
font-weight: 700;
 
font-size: 20px;
 
letter-spacing: 2px;
 
}
 
 
.navbar-inverse .navbar-brand {
 
color: white;
 
}
 
 
.navbar-inverse .navbar-toggle {
 
border-color: transparent;
 
}
 
 
.progress-bar-theme {
 
  background-color: #FFA07A;
 
}
 
 
 
/* Helpers */
 
 
.mt {
 
margin-top: 40px;
 
margin-bottom: 40px;
 
}
 
 
.pt {
 
padding-top: 50px;
 
padding-bottom: 50px;
 
}
 
.lr {
 
        PADDING-LEFT: 100PX;
 
        padding-right: 100px;
 
}
 
 
/* +++++ WRAP SECTIONS +++++ */
 
 
#ww {
 
padding-top: 0px;
 
padding-bottom: 70px;
 
background-color: #f2f2f2;
 
}
 
 
 
#footer {
 
background-color: #ADD8E6;
 
padding-top: 50px;
 
padding-bottom: 50px;
 
}
 
 
#footer p {
 
color: white;
 
}
 
 
#footer h4 {
 
color: white;
 
text-transform: uppercase;
 
padding-bottom: 20px;
 
}
 
 
 
/* +++++ Color Wraps / Blog Page +++++ */
 
 
#grey {
 
padding-top: 60px;
 
padding-bottom: 60px;
 
background-color: #f2f2f2;
 
}
 
 
#white {
 
padding-top: 60px;
 
padding-bottom: 60px;
 
background-color: #ffffff;
 
}
 
 
 
 
/* Blog Date*/
 
bd {
 
font-size: 12px;
 
text-transform: uppercase;
 
color: #d2d2d2;
 
font-weight: 700;
 
}
 
 
/* Blog Author*/
 
ba {
 
font-size: 12px;
 
text-transform: uppercase;
 
}
 
 
/* Blog Quote */
 
.bq {
 
font-size: 22px;
 
padding-top: 30px;
 
}
 
 
/* Blog Tags */
 
bt {
 
font-size: 12px;
 
}
 
 
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
 
/* Effects also are controled by hover.zoom.js */
 
.zoom {
 
    display:block;
 
    position:relative;
 
    overflow:hidden;
 
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
 
}
 
 
 
    .zoomOverlay {
 
        position:absolute;
 
        top:0; left:0;
 
        bottom:0; right:0;
 
        display:none;
 
        background-image:url(../img/zoom.png);
 
        background-repeat:no-repeat;
 
        background-position:center;
 
    }
 
 
.zoom2 {
 
opacity: 1;
 
}
 
 
.zoom2:hover {
 
opacity: 0.5;
 
}
 
 
/* glyphicon Configuration */
 
 
.glyphicon {
 
font-size: 40px;
 
color: #1abc9c;
 
}
 
  </style>
 
  
 
   </head>
 
   </head>
Line 291: Line 47:
  
 
   <!-- main -->
 
   <!-- main -->
     <link href="https://2017.igem.org/Team:BGIC-Union/finalcss/main-css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
     <link href="https://2017.igem.org/Team:BGIC-Union/mainstyle/css?action=raw&amp;ctype=text/css" rel="stylesheet">
  <!-- slider -->
+
 
  <style type="text/css">
+
 
+
  /* Section Slider
+
========================================================= */
+
 
+
/* Carousel Slider
+
============================================== */
+
#slider_part {
+
    height: 900px;
+
    width: 100%;
+
    overflow: hidden;
+
background-color: #f2f2f2;
+
}
+
 
+
.carousel-caption {
+
    top: 30%;
+
    margin-top: -70px;
+
    text-shadow: none!important;
+
    left: 9%;
+
    right: 10%;
+
    -webkit-transition: all.3s ease 0s;
+
    -o-transition: all.3s ease 0s;
+
    transition: all.3s ease 0s;
+
    text-align: center;
+
}
+
 
+
.carousel-caption h3 {
+
    text-shadow: none;
+
    font-size: 70px;
+
    line-height: 92px;
+
    font-weight: 300;
+
    margin: 0 0px;
+
    transition-delay: .3s;
+
    -webkit-transition-delay: .3s;
+
    -o-transition-delay: .3s;
+
    text-transform: capitalize!important;
+
}
+
 
+
.carousel-caption p {
+
    font-size: 46px;
+
    line-height: 62px;
+
    font-weight: 500;
+
    color: #fff;
+
    transition-delay: .3s;
+
    -moz-transition-delay: .3s;
+
    -o-transition-delay: .3s;
+
    margin: 40px 0px;
+
    text-transform: uppercase;
+
font-family: Comic Sans MS;
+
}
+
 
+
.carousel-caption img {
+
    border: 2px solid#fff;
+
    padding: 10px 10px 10px 20px;
+
}
+
 
+
.line {
+
    width: 100px;
+
    height: 5px;
+
    color: #222;
+
    margin: 0px auto;
+
}
+
 
+
.carousel-caption p i {
+
    font-size: 7px;
+
    margin: 0px 3px;
+
    position: relative;
+
    top: -3px;
+
}
+
 
+
.carousel .item {
+
    -webkit-transition: opacity .3s;
+
    -moz-transition: opacity .3s;
+
    -ms-transition: opacity .3s;
+
    -o-transition: opacity .3s;
+
    transition: opacity .3s;
+
}
+
 
+
.btn-featured {
+
    text-decoration: none;
+
    position: relative;
+
    -webkit-transition: all .3s ease-in-out;
+
    -o-transition: all .3s ease-in-out;
+
    transition: all .3s ease-in-out;
+
    background: transparent;
+
    border-radius: 2px;
+
    z-index: 1;
+
    font-weight: 500;
+
    font-size: 18px;
+
    line-height: 20px;
+
    padding: 15px 40px !important;
+
    text-transform: uppercase;
+
    margin-top: 20px;
+
    margin-right: 10px;
+
}
+
 
+
.carousel-control.left,.carousel-control.right {
+
    background-image: none !important;
+
    background-repeat: no-repeat !important;
+
}
+
 
+
.carousel-control {
+
    width: 4% !important;
+
}
+
 
+
.carousel-caption img {
+
    height: auto;
+
}
+
 
+
.carousel-indicators {
+
    bottom: 100px;
+
    width: 10%;
+
    left: 45%;
+
    margin: 0 auto;
+
    bottom: 30%;
+
}
+
 
+
.carousel-indicators li {
+
    width: 20px !important;
+
    height: 20px !important;
+
    border: 2px solid #FFF !important;
+
    margin: 0px !important;
+
    border-radius: 50%;
+
}
+
 
+
.carousel-control.left span {
+
    padding: 15px;
+
}
+
 
+
.slides-control .carousel-control i {
+
    line-height: 36px;
+
    font-size: 32px;
+
    padding-top: 6px;
+
    -moz-transition: all 500ms ease;
+
    -webkit-transition: all 500ms ease;
+
    -ms-transition: all 500ms ease;
+
    -o-transition: all 500ms ease;
+
    transition: all 500ms ease;
+
    border-radius: 50%;
+
    width: 50px;
+
    height: 50px;
+
}
+
 
+
.slides-control .carousel-control {
+
    position: absolute;
+
    width: 240px;
+
    top: 45%;
+
    z-index: 10;
+
}
+
 
+
.carousel-control.left {
+
    left: -15px;
+
}
+
 
+
.carousel-control.right {
+
    right: 0px;
+
}
+
 
+
.carousel-control.left {
+
    width: 120px;
+
    height: 40px;
+
}
+
 
+
.carousel-control.right {
+
    width: 120px;
+
    height: 40px;
+
}
+
 
+
.overlay-slide {
+
    background: #000;
+
    height: 65%;
+
    width: 100%;
+
}
+
 
+
.overlay-slide img {
+
    opacity: 1;
+
    width: 100%;
+
    height: auto;
+
}
+
 
+
/*-- Animation --*/
+
 
+
.carousel .item.active .animated2 {
+
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
+
    animation: lightSpeedIn 1s ease-in 200ms both;
+
}
+
 
+
.carousel .item.active .animated3 .animated4 {
+
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
+
    animation: bounceInLeft 1s ease-in-out 500ms both;
+
}
+
.animated4 {color:#4169E1
+
}
+
.img{
+
-webkit-filter: brightness(1);
+
}
+
 
+
  </style>
+
 
   <!-- script -->
 
   <!-- script -->
 
   <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 
   <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
   <script type="text/javascript">
+
   <script src="https://2017.igem.org/Team:BGIC-Union/jeasing-js?action=raw&amp;ctype=text/javascript"></script>
  /*
+
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+
*
+
* Uses the built in easing capabilities added In jQuery 1.1
+
* to offer multiple easing options
+
*
+
* TERMS OF USE - jQuery Easing
+
*
+
* Open source under the BSD License.
+
*
+
* Copyright © 2008 George McGinley Smith
+
* All rights reserved.
+
*
+
* Redistribution and use in source and binary forms, with or without modification,
+
* are permitted provided that the following conditions are met:
+
*
+
* Redistributions of source code must retain the above copyright notice, this list of
+
* conditions and the following disclaimer.
+
* Redistributions in binary form must reproduce the above copyright notice, this list
+
* of conditions and the following disclaimer in the documentation and/or other materials
+
* provided with the distribution.
+
*
+
* Neither the name of the author nor the names of contributors may be used to endorse
+
* or promote products derived from this software without specific prior written permission.
+
*
+
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
*
+
*/
+
 
+
// t: current time, b: begInnIng value, c: change In value, d: duration
+
jQuery.easing['jswing'] = jQuery.easing['swing'];
+
 
+
jQuery.extend( jQuery.easing,
+
{
+
def: 'easeOutQuad',
+
swing: function (x, t, b, c, d) {
+
//alert(jQuery.easing.default);
+
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
},
+
easeInQuad: function (x, t, b, c, d) {
+
return c*(t/=d)*t + b;
+
},
+
easeOutQuad: function (x, t, b, c, d) {
+
return -c *(t/=d)*(t-2) + b;
+
},
+
easeInOutQuad: function (x, t, b, c, d) {
+
if ((t/=d/2) < 1) return c/2*t*t + b;
+
return -c/2 * ((--t)*(t-2) - 1) + b;
+
},
+
easeInCubic: function (x, t, b, c, d) {
+
return c*(t/=d)*t*t + b;
+
},
+
easeOutCubic: function (x, t, b, c, d) {
+
return c*((t=t/d-1)*t*t + 1) + b;
+
},
+
easeInOutCubic: function (x, t, b, c, d) {
+
if ((t/=d/2) < 1) return c/2*t*t*t + b;
+
return c/2*((t-=2)*t*t + 2) + b;
+
},
+
easeInQuart: function (x, t, b, c, d) {
+
return c*(t/=d)*t*t*t + b;
+
},
+
easeOutQuart: function (x, t, b, c, d) {
+
return -c * ((t=t/d-1)*t*t*t - 1) + b;
+
},
+
easeInOutQuart: function (x, t, b, c, d) {
+
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+
return -c/2 * ((t-=2)*t*t*t - 2) + b;
+
},
+
easeInQuint: function (x, t, b, c, d) {
+
return c*(t/=d)*t*t*t*t + b;
+
},
+
easeOutQuint: function (x, t, b, c, d) {
+
return c*((t=t/d-1)*t*t*t*t + 1) + b;
+
},
+
easeInOutQuint: function (x, t, b, c, d) {
+
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+
return c/2*((t-=2)*t*t*t*t + 2) + b;
+
},
+
easeInSine: function (x, t, b, c, d) {
+
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+
},
+
easeOutSine: function (x, t, b, c, d) {
+
return c * Math.sin(t/d * (Math.PI/2)) + b;
+
},
+
easeInOutSine: function (x, t, b, c, d) {
+
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+
},
+
easeInExpo: function (x, t, b, c, d) {
+
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+
},
+
easeOutExpo: function (x, t, b, c, d) {
+
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+
},
+
easeInOutExpo: function (x, t, b, c, d) {
+
if (t==0) return b;
+
if (t==d) return b+c;
+
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+
},
+
easeInCirc: function (x, t, b, c, d) {
+
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+
},
+
easeOutCirc: function (x, t, b, c, d) {
+
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+
},
+
easeInOutCirc: function (x, t, b, c, d) {
+
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+
},
+
easeInElastic: function (x, t, b, c, d) {
+
var s=1.70158;var p=0;var a=c;
+
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
},
+
easeOutElastic: function (x, t, b, c, d) {
+
var s=1.70158;var p=0;var a=c;
+
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+
},
+
easeInOutElastic: function (x, t, b, c, d) {
+
var s=1.70158;var p=0;var a=c;
+
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+
},
+
easeInBack: function (x, t, b, c, d, s) {
+
if (s == undefined) s = 1.70158;
+
return c*(t/=d)*t*((s+1)*t - s) + b;
+
},
+
easeOutBack: function (x, t, b, c, d, s) {
+
if (s == undefined) s = 1.70158;
+
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
},
+
easeInOutBack: function (x, t, b, c, d, s) {
+
if (s == undefined) s = 1.70158;
+
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+
},
+
easeInBounce: function (x, t, b, c, d) {
+
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+
},
+
easeOutBounce: function (x, t, b, c, d) {
+
if ((t/=d) < (1/2.75)) {
+
return c*(7.5625*t*t) + b;
+
} else if (t < (2/2.75)) {
+
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+
} else if (t < (2.5/2.75)) {
+
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+
} else {
+
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+
}
+
},
+
easeInOutBounce: function (x, t, b, c, d) {
+
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+
}
+
});
+
 
+
/*
+
*
+
* TERMS OF USE - EASING EQUATIONS
+
*
+
* Open source under the BSD License.
+
*
+
* Copyright © 2001 Robert Penner
+
* All rights reserved.
+
*
+
* Redistribution and use in source and binary forms, with or without modification,
+
* are permitted provided that the following conditions are met:
+
*
+
* Redistributions of source code must retain the above copyright notice, this list of
+
* conditions and the following disclaimer.
+
* Redistributions in binary form must reproduce the above copyright notice, this list
+
* of conditions and the following disclaimer in the documentation and/or other materials
+
* provided with the distribution.
+
*
+
* Neither the name of the author nor the names of contributors may be used to endorse
+
* or promote products derived from this software without specific prior written permission.
+
*
+
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
*
+
*/
+
</script>
+
 
+
 
   <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 
   <!-- SLIDER_TIMELINE -->
 
   <!-- SLIDER_TIMELINE -->

Revision as of 11:55, 1 November 2017

Team:BGIC-Union