|
|
| Line 1: |
Line 1: |
| | | | |
| | <html lang="en"> | | <html lang="en"> |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − |
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| | | | |
| | + | <head> |
| | | | |
| − | <title></title> | + | <title>Team：BGIC-Union</title> |
| | | | |
| − | <!-- Bootstrap core CSS --> | + | <meta charset="utf-8"> |
| − | <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet"> | + | <meta name="viewport"> |
| − | | + | <!-- JAVASCRIPTS --> |
| − | <!-- main -->
| + | |
| − | <style type="text/css"> | + | <script src="https://2017.igem.org/Template:BGIC-Union/slick-javascript?action=raw&ctype=text/javascript"></script> |
| − | @charset "UTF-8";
| + | <script src="https://2017.igem.org/Template:BGIC-Union/stellar-min-javascript?action=raw&ctype=text/javascript"></script> |
| − | | + | <script src="https://2017.igem.org/Template:BGIC-Union/r-javascript?action=raw&ctype=text/javascript"></script> |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* GENERAL STYLES
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | body {
| + | |
| − | font-family: "Open Sans", sans-serif;
| + | |
| − | font-size: 13px;
| + | |
| − | color: #7b7b7b;
| + | |
| − | line-height: 1.6;
| + | |
| − | }
| + | |
| − | | + | |
| − | h1, h2, h3, h4, h5, h6 {
| + | |
| − | margin-top: 5px;
| + | |
| − | font-family: "Roboto Condensed", sans-serif;
| + | |
| − | color: #656565;
| + | |
| − | }
| + | |
| − | | + | |
| − | section {
| + | |
| − | margin-bottom: 60px;
| + | |
| − | }
| + | |
| − | | + | |
| − | a {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | a:hover, a:focus {
| + | |
| − | color: #355987;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | a,
| + | |
| − | a:focus,
| + | |
| − | a:hover,
| + | |
| − | a:active,
| + | |
| − | button,
| + | |
| − | button:hover {
| + | |
| − | outline: 0 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | hr {
| + | |
| − | border-color: #eaeaea;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* wrapper */ | + | |
| − | .wrapper { | + | |
| − | background: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .full-width-section { | + | |
| − | padding: 100px 0;
| + | |
| − | background-color: #406da4;
| + | |
| − | }
| + | |
| − | | + | |
| − | .widget-title {
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .section-heading {
| + | |
| − | margin-bottom: 20px;
| + | |
| − | font-size: 22px;
| + | |
| − | }
| + | |
| − | .section-heading:after {
| + | |
| − | display: block;
| + | |
| − | content: '......';
| + | |
| − | color: #406da4;
| + | |
| − | font-weight: 300;
| + | |
| − | }
| + | |
| − | .section-heading.panel-title:after {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .copyrights{
| + | |
| − | text-indent:-9999px;
| + | |
| − | height:0;
| + | |
| − | line-height:0;
| + | |
| − | font-size:0;
| + | |
| − | overflow:hidden;
| + | |
| − | }
| + | |
| − | /* social background color */ | + | |
| − | .facebook-bg {
| + | |
| − | background-color: #3b59ab;
| + | |
| − | }
| + | |
| − | | + | |
| − | .twitter-bg {
| + | |
| − | background-color: #2b97f0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .googleplus-bg {
| + | |
| − | background-color: #dd4b39;
| + | |
| − | }
| + | |
| − | | + | |
| − | .rss-bg {
| + | |
| − | background-color: #ff6600;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* page header */ | + | |
| − | .page-header {
| + | |
| − | padding: 5px 0;
| + | |
| − | margin: 0;
| + | |
| − | border-bottom: 1px solid #eaeaea;
| + | |
| − | }
| + | |
| − | .page-header .container {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | .page-header .breadcrumb {
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | right: 15px;
| + | |
| − | margin-top: -18px;
| + | |
| − | }
| + | |
| − | .page-header .page-title {
| + | |
| − | margin: 20px 0;
| + | |
| − | font-size: 24px;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .page-header .breadcrumb,
| + | |
| − | .page-header .page-title {
| + | |
| − | float: none !important;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .page-header .breadcrumb {
| + | |
| − | position: inherit;
| + | |
| − | top: inherit;
| + | |
| − | right: inherit;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | .page-content {
| + | |
| − | margin: 40px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* footer */
| + | |
| − | footer {
| + | |
| − | background-color: #49494b;
| + | |
| − | font-weight: 300;
| + | |
| − | color: #eaeaea;
| + | |
| − | }
| + | |
| − | footer a {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | footer a:hover, footer a:focus {
| + | |
| − | color: #fff;
| + | |
| − | text-decoration: underline;
| + | |
| − | }
| + | |
| − | footer .container {
| + | |
| − | padding-top: 30px;
| + | |
| − | padding-bottom: 30px;
| + | |
| − | }
| + | |
| − | footer .logo {
| + | |
| − | width: 100px;
| + | |
| − | margin-bottom: 15px;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | footer .container {
| + | |
| − | padding: 30px 15px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | .footer-heading {
| + | |
| − | margin: 0 0 13px 0;
| + | |
| − | font-size: 16px;
| + | |
| − | line-height: 2;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .footer-nav > li {
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .copyright {
| + | |
| − | padding: 15px 0;
| + | |
| − | background-color: #323232;
| + | |
| − | font-size: 12px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* light footer theme */
| + | |
| − | .footer-light {
| + | |
| − | background-color: #f2f2f2;
| + | |
| − | font-weight: normal;
| + | |
| − | color: #8f8f8f;
| + | |
| − | border-top: 1px solid #dedede;
| + | |
| − | }
| + | |
| − | .footer-light a {
| + | |
| − | color: #8f8f8f;
| + | |
| − | }
| + | |
| − | .footer-light a:hover, .footer-light a:focus {
| + | |
| − | color: #8f8f8f;
| + | |
| − | text-decoration: underline;
| + | |
| − | }
| + | |
| − | .footer-light .footer-heading {
| + | |
| − | color: #8f8f8f;
| + | |
| − | }
| + | |
| − | .footer-light .newsletter-form .input-group-lg > .form-control {
| + | |
| − | background: #f7f7f7;
| + | |
| − | }
| + | |
| − | .footer-light .copyright {
| + | |
| − | background-color: #f2f2f2;
| + | |
| − | border-top: 1px solid #dedede;
| + | |
| − | }
| + | |
| − | .footer-light .social-icons.dark-icons a {
| + | |
| − | background-color: #858D90;
| + | |
| − | }
| + | |
| − | .footer-light .social-icons.dark-icons a:hover {
| + | |
| − | background-color: #788084 !important;
| + | |
| − | color: #fff !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Slider */
| + | |
| − | .slick-slider {
| + | |
| − | position: relative;
| + | |
| − | display: block;
| + | |
| − | box-sizing: border-box;
| + | |
| − | -moz-box-sizing: border-box;
| + | |
| − | -webkit-touch-callout: none;
| + | |
| − | -webkit-user-select: none;
| + | |
| − | -khtml-user-select: none;
| + | |
| − | -moz-user-select: none;
| + | |
| − | -ms-user-select: none;
| + | |
| − | user-select: none;
| + | |
| − | -ms-touch-action: pan-y;
| + | |
| − | touch-action: pan-y;
| + | |
| − | -webkit-tap-highlight-color: transparent;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-list {
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | display: block;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | .slick-list:focus {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .slick-list.dragging {
| + | |
| − | cursor: pointer;
| + | |
| − | cursor: hand;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-slider .slick-track,
| + | |
| − | .slick-slider .slick-list {
| + | |
| − | -webkit-transform: translate3d(0, 0, 0);
| + | |
| − | -moz-transform: translate3d(0, 0, 0);
| + | |
| − | -ms-transform: translate3d(0, 0, 0);
| + | |
| − | -o-transform: translate3d(0, 0, 0);
| + | |
| − | transform: translate3d(0, 0, 0);
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-track {
| + | |
| − | position: relative;
| + | |
| − | left: 0;
| + | |
| − | top: 0;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .slick-track:before, .slick-track:after {
| + | |
| − | content: "";
| + | |
| − | display: table;
| + | |
| − | }
| + | |
| − | .slick-track:after {
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − | .slick-loading .slick-track {
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-slide {
| + | |
| − | float: left;
| + | |
| − | height: 100%;
| + | |
| − | min-height: 1px;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | [dir="rtl"] .slick-slide {
| + | |
| − | float: right;
| + | |
| − | }
| + | |
| − | .slick-slide img {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .slick-slide.slick-loading img {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .slick-slide.dragging img {
| + | |
| − | pointer-events: none;
| + | |
| − | }
| + | |
| − | .slick-initialized .slick-slide {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .slick-loading .slick-slide {
| + | |
| − | visibility: hidden;
| + | |
| − | }
| + | |
| − | .slick-vertical .slick-slide {
| + | |
| − | display: block;
| + | |
| − | height: auto;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-arrow.slick-hidden {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Slider */
| + | |
| − | .slick-loading .slick-list {
| + | |
| − | background: #fff url('../img/bx_loader.gif?1377966586') center center no-repeat;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Icons */
| + | |
| − | /* Arrows */
| + | |
| − | .slick-prev,
| + | |
| − | .slick-next {
| + | |
| − | position: absolute;
| + | |
| − | display: block;
| + | |
| − | height: 20px;
| + | |
| − | width: 20px;
| + | |
| − | line-height: 0px;
| + | |
| − | font-size: 0px;
| + | |
| − | cursor: pointer;
| + | |
| − | background: transparent;
| + | |
| − | color: transparent;
| + | |
| − | top: 50%;
| + | |
| − | margin-top: -10px;
| + | |
| − | padding: 0;
| + | |
| − | border: none;
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .slick-prev:hover, .slick-prev:focus,
| + | |
| − | .slick-next:hover,
| + | |
| − | .slick-next:focus {
| + | |
| − | outline: none;
| + | |
| − | background: transparent;
| + | |
| − | color: transparent;
| + | |
| − | }
| + | |
| − | .slick-prev:hover:before, .slick-prev:focus:before,
| + | |
| − | .slick-next:hover:before,
| + | |
| − | .slick-next:focus:before {
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .slick-prev.slick-disabled:before,
| + | |
| − | .slick-next.slick-disabled:before {
| + | |
| − | opacity: 0.25;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-prev:before, .slick-next:before {
| + | |
| − | font-family: "fontawesome";
| + | |
| − | font-size: 20px;
| + | |
| − | line-height: 1;
| + | |
| − | color: white;
| + | |
| − | opacity: 0.75;
| + | |
| − | -webkit-font-smoothing: antialiased;
| + | |
| − | -moz-osx-font-smoothing: grayscale;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-prev {
| + | |
| − | left: -25px;
| + | |
| − | }
| + | |
| − | [dir="rtl"] .slick-prev {
| + | |
| − | left: auto;
| + | |
| − | right: -25px;
| + | |
| − | }
| + | |
| − | .slick-prev:before {
| + | |
| − | content: "←";
| + | |
| − | }
| + | |
| − | [dir="rtl"] .slick-prev:before {
| + | |
| − | content: "→";
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-next {
| + | |
| − | right: -25px;
| + | |
| − | }
| + | |
| − | [dir="rtl"] .slick-next {
| + | |
| − | left: -25px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | .slick-next:before {
| + | |
| − | content: "→";
| + | |
| − | }
| + | |
| − | [dir="rtl"] .slick-next:before {
| + | |
| − | content: "←";
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Dots */ | + | |
| − | .slick-slider {
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-dots {
| + | |
| − | position: absolute;
| + | |
| − | bottom: -45px;
| + | |
| − | list-style: none;
| + | |
| − | display: block;
| + | |
| − | text-align: center;
| + | |
| − | padding: 0;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .slick-dots li {
| + | |
| − | position: relative;
| + | |
| − | display: inline-block;
| + | |
| − | height: 20px;
| + | |
| − | width: 20px;
| + | |
| − | margin: 0 5px;
| + | |
| − | padding: 0;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .slick-dots li button {
| + | |
| − | border: 0;
| + | |
| − | background: transparent;
| + | |
| − | display: block;
| + | |
| − | height: 20px;
| + | |
| − | width: 20px;
| + | |
| − | outline: none;
| + | |
| − | line-height: 0px;
| + | |
| − | font-size: 0px;
| + | |
| − | color: transparent;
| + | |
| − | padding: 5px;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .slick-dots li button:hover, .slick-dots li button:focus {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .slick-dots li button:hover:before, .slick-dots li button:focus:before {
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .slick-dots li button:before {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | content: "•";
| + | |
| − | width: 20px;
| + | |
| − | height: 20px;
| + | |
| − | font-family: "fontawesome";
| + | |
| − | font-size: 6px;
| + | |
| − | line-height: 20px;
| + | |
| − | text-align: center;
| + | |
| − | color: black;
| + | |
| − | opacity: 0.25;
| + | |
| − | -webkit-font-smoothing: antialiased;
| + | |
| − | -moz-osx-font-smoothing: grayscale;
| + | |
| − | }
| + | |
| − | .slick-dots li.slick-active button:before {
| + | |
| − | color: black;
| + | |
| − | opacity: 0.75;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* NAVBAR
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* navigation bar */
| + | |
| − | .navbar {
| + | |
| − | -moz-border-radius: 0;
| + | |
| − | -webkit-border-radius: 0;
| + | |
| − | border-radius: 0;
| + | |
| − | margin: 0;
| + | |
| − | border-left: none;
| + | |
| − | border-right: none;
| + | |
| − | }
| + | |
| − | .navbar .container {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 992px) {
| + | |
| − | .navbar .dropdown:hover > .dropdown-menu {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .navbar .dropdown-menu > .dropdown:hover > .dropdown-menu {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-collapse {
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-brand {
| + | |
| − | padding: 12px 15px;
| + | |
| − | }
| + | |
| − | .navbar-brand > img {
| + | |
| − | width: 100px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-toggle {
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | background-color: #406da4;
| + | |
| − | padding: 5px 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-default {
| + | |
| − | background-color: #fff;
| + | |
| − | border-bottom: 2px solid #e7e7e7;
| + | |
| − | border-top: none;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-toggle {
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
| + | |
| − | background-color: #355987;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-toggle i {
| + | |
| − | color: #fff;
| + | |
| − | font-size: 21px;
| + | |
| − | line-height: 25px;
| + | |
| − | }
| + | |
| − | .navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active a:hover, .navbar-default .dropdown-menu .active a:focus {
| + | |
| − | background-color: #6A737E;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-collapse {
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-default .navbar-nav {
| + | |
| − | margin-right: -25px;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav > li > a {
| + | |
| − | font-weight: 600;
| + | |
| − | color: #656565;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
| + | |
| − | color: #355987;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav > .active > a,
| + | |
| − | .navbar-default .navbar-nav > .active > a:hover,
| + | |
| − | .navbar-default .navbar-nav > .active > a:focus {
| + | |
| − | color: #355987;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav > .open > a,
| + | |
| − | .navbar-default .navbar-nav > .open > a:hover,
| + | |
| − | .navbar-default .navbar-nav > .open > a:focus {
| + | |
| − | color: #355987;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav .dropdown-toggle i {
| + | |
| − | margin-left: 3px;
| + | |
| − | color: #b8b8b8;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* navigation bar, dark theme */ | + | |
| − | .navbar-default.navbar-dark {
| + | |
| − | background-color: #49494b;
| + | |
| − | border-bottom: none;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .navbar-nav .active > a, .navbar-default.navbar-dark .navbar-nav .active a:hover, .navbar-default.navbar-dark .navbar-nav .active a:focus {
| + | |
| − | color: #fff;
| + | |
| − | background-color: #444446;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .navbar-nav > li > a {
| + | |
| − | color: #fff;
| + | |
| − | font-weight: 600;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .navbar-nav > li > a:hover, .navbar-default.navbar-dark .navbar-nav > li > a:focus {
| + | |
| − | background-color: #444446;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus {
| + | |
| − | background-color: #444446;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .dropdown-menu {
| + | |
| − | background-color: #49494b;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .dropdown-menu .dropdown-menu {
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | border: none;
| + | |
| − | border-left: 1px solid #444446;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .btn-link {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .navbar-default.navbar-dark .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .dropdown-menu > li > a:focus {
| + | |
| − | color: #fff;
| + | |
| − | background-color: #444446;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-fixed-top .navbar-nav {
| + | |
| − | margin-right: -10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-nav .dropdown-menu {
| + | |
| − | -moz-border-radius: 0;
| + | |
| − | -webkit-border-radius: 0;
| + | |
| − | border-radius: 0;
| + | |
| − | -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
| + | |
| − | -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
| + | |
| − | box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | top: 99%;
| + | |
| − | border: none;
| + | |
| − | border-top: 2px solid #32557f;
| + | |
| − | }
| + | |
| − | .navbar-nav .dropdown-menu > li > a {
| + | |
| − | padding: 10px 20px;
| + | |
| − | font-size: 13px;
| + | |
| − | }
| + | |
| − | .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
| + | |
| − | background-color: #6A737E;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .navbar-nav .dropdown-menu > li > a i {
| + | |
| − | position: absolute;
| + | |
| − | right: 11px;
| + | |
| − | top: 11px;
| + | |
| − | }
| + | |
| − | .navbar-nav .dropdown-menu .dropdown.open > a,
| + | |
| − | .navbar-nav .dropdown-menu .dropdown.open > a:hover,
| + | |
| − | .navbar-nav .dropdown-menu .dropdown.open > a:focus {
| + | |
| − | color: #fff;
| + | |
| − | background-color: #6A737E;
| + | |
| − | }
| + | |
| − | .navbar-nav .dropdown-menu .dropdown-menu {
| + | |
| − | top: -12px;
| + | |
| − | left: 100%;
| + | |
| − | border: 1px solid #E8E8E8;
| + | |
| − | border-left: 1px solid #6A737E;
| + | |
| − | min-width: 190px;
| + | |
| − | }
| + | |
| − | .navbar-nav .dropdown-menu .dropdown-menu li {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 992px) {
| + | |
| − | .navbar-toggle {
| + | |
| − | display: block; | + | |
| − | margin-right: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-collapse.collapse {
| + | |
| − | display: none !important;
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-collapse.collapse,
| + | |
| − | .navbar-collapse.collapsing {
| + | |
| − | padding-left: 0;
| + | |
| − | padding-right: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-collapse.collapse.in {
| + | |
| − | display: block !important;
| + | |
| − | overflow-y: auto !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-header,
| + | |
| − | .navbar-nav,
| + | |
| − | .navbar-nav > li {
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-default .navbar-nav {
| + | |
| − | margin-right: 0;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav a {
| + | |
| − | padding-top: 8px;
| + | |
| − | padding-bottom: 8px;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav li > a > i {
| + | |
| − | position: absolute;
| + | |
| − | right: 15px;
| + | |
| − | top: 9px;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
| + | |
| − | .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active.open > a:focus {
| + | |
| − | background-color: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-default .navbar-nav .open .dropdown-menu {
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | position: static;
| + | |
| − | float: none;
| + | |
| − | width: auto;
| + | |
| − | margin-top: 0;
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a {
| + | |
| − | padding: 5px 15px 5px 25px;
| + | |
| − | color: #7b7b7b;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
| + | |
| − | color: inherit;
| + | |
| − | background-color: #E7E7E7;
| + | |
| − | }
| + | |
| − | | + | |
| − | .dropdown-menu .dropdown .dropdown-menu {
| + | |
| − | display: block;
| + | |
| − | padding-left: 12px;
| + | |
| − | }
| + | |
| − | .dropdown-menu .dropdown a > i {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .navbar-brand {
| + | |
| − | margin-top: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-default .navbar-nav {
| + | |
| − | margin-left: 0;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav .dropdown-menu .dropdown a {
| + | |
| − | background-color: inherit;
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav .dropdown-menu .dropdown i {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 767px) {
| + | |
| − | .navbar-toggle {
| + | |
| − | margin-right: 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar > .container .navbar-brand {
| + | |
| − | margin-left: 5px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 768px) {
| + | |
| − | .navbar > .container .navbar-brand {
| + | |
| − | margin-left: -10px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .navbar-default .navbar-nav > li > a.special-menu-item {
| + | |
| − | background-color: #A1C72D;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .navbar-default .navbar-nav > li > a.special-menu-item:hover,
| + | |
| − | .navbar-default .navbar-nav > li > a.special-menu-item:focus {
| + | |
| − | background-color: #9DC328;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* HERO UNIT
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* carousel */
| + | |
| − | .carousel-control {
| + | |
| − | -moz-transition: all 0.2s ease-in-out;
| + | |
| − | -o-transition: all 0.2s ease-in-out;
| + | |
| − | -webkit-transition: all 0.2s ease-in-out;
| + | |
| − | transition: all 0.2s ease-in-out;
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | margin-top: -22px;
| + | |
| − | bottom: inherit;
| + | |
| − | width: 45px;
| + | |
| − | height: 45px;
| + | |
| − | background: #777;
| + | |
| − | }
| + | |
| − | .carousel-control:hover {
| + | |
| − | background: #6a6a6a;
| + | |
| − | }
| + | |
| − | .carousel-control.left, .carousel-control.right {
| + | |
| − | background-image: none;
| + | |
| − | }
| + | |
| − | .carousel-control .fa {
| + | |
| − | line-height: 45px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .carousel-indicators {
| + | |
| − | bottom: -90px;
| + | |
| − | }
| + | |
| − | .carousel-indicators > li {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
| + | |
| − | opacity: 0.5;
| + | |
| − | background-color: #fff;
| + | |
| − | }
| + | |
| − | .carousel-indicators > li.active {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* hero unit slider */
| + | |
| − | .hero-unit-slider {
| + | |
| − | /* hero unit with slick carousel */
| + | |
| − | }
| + | |
| − | .hero-unit-slider .carousel-inner > .item {
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .carousel-caption {
| + | |
| − | bottom: inherit;
| + | |
| − | top: 8em;
| + | |
| − | text-shadow: none;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .hero-heading {
| + | |
| − | font-size: 50px;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .hero-button {
| + | |
| − | border: 3px solid #fff;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .hero-button:hover, .hero-unit-slider .hero-button:focus {
| + | |
| − | background: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .carousel-indicators {
| + | |
| − | bottom: 0;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .carousel-control {
| + | |
| − | background: rgba(0, 0, 0, 0.2);
| + | |
| − | }
| + | |
| − | .hero-unit-slider .carousel-control:hover {
| + | |
| − | background: rgba(0, 0, 0, 0.3);
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 1200px) and (max-width: 1440px) {
| + | |
| − | .hero-unit-slider .carousel-caption {
| + | |
| − | top: 10em;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .carousel-caption {
| + | |
| − | top: 3em;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 1200px) {
| + | |
| − | .hero-unit-slider .carousel-inner > .item > img {
| + | |
| − | max-width: inherit;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .slick-dots {
| + | |
| − | display: none !important;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .carousel-caption {
| + | |
| − | top: 2em;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .hero-heading {
| + | |
| − | font-size: 26px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .hero-unit-slider .carousel-caption {
| + | |
| − | top: 11em;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .hero-heading {
| + | |
| − | font-size: 28px;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .lead {
| + | |
| − | font-size: 16px;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .hero-button {
| + | |
| − | font-size: 13px;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .slick-dots {
| + | |
| − | display: none !important;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .carousel-caption {
| + | |
| − | top: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .hero-unit-slider.slider-responsive {
| + | |
| − | margin-bottom: 30px;
| + | |
| − | /* slider image can has enough height and keeping the center focal point */
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .slick-slide img {
| + | |
| − | max-width: 200%;
| + | |
| − | position: relative;
| + | |
| − | right: 50%;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .hero-heading {
| + | |
| − | font-size: 24px;
| + | |
| − | }
| + | |
| − | .hero-unit-slider.slider-responsive .hero-button {
| + | |
| − | font-size: 11px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-slider {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-prev, .hero-unit-slider .slick-carousel .slick-next {
| + | |
| − | top: 50%;
| + | |
| − | margin-top: -22.5px;
| + | |
| − | width: 45px;
| + | |
| − | height: 45px;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-prev:hover, .hero-unit-slider .slick-carousel .slick-prev:focus, .hero-unit-slider .slick-carousel .slick-next:hover, .hero-unit-slider .slick-carousel .slick-next:focus {
| + | |
| − | background: rgba(0, 0, 0, 0.3);
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-prev {
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-dots {
| + | |
| − | position: absolute;
| + | |
| − | bottom: 20px;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-dots button {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
| + | |
| − | opacity: 0.5;
| + | |
| − | background-color: #fff;
| + | |
| − | }
| + | |
| − | .hero-unit-slider .slick-carousel .slick-dots .slick-active button {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* BOOTSTRAP UI ELEMENTS
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* button */
| + | |
| − | .btn {
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | -moz-transition: all 0.2s ease-in-out;
| + | |
| − | -o-transition: all 0.2s ease-in-out;
| + | |
| − | -webkit-transition: all 0.2s ease-in-out;
| + | |
| − | transition: all 0.2s ease-in-out;
| + | |
| − | }
| + | |
| − | .btn:active, .btn.active {
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .btn-primary {
| + | |
| − | background-color: #406da4;
| + | |
| − | border-color: #3c6699;
| + | |
| − | }
| + | |
| − | .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
| + | |
| − | .btn-primary .open > .dropdown-toggle.btn-primary {
| + | |
| − | background-color: #3c6699;
| + | |
| − | border-color: #355987;
| + | |
| − | }
| + | |
| − | | + | |
| − | .btn-group.open .dropdown-toggle {
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* input groups */
| + | |
| − | .input-group-lg > .form-control,
| + | |
| − | .input-group-lg > .input-group-addon,
| + | |
| − | .input-group-lg > .input-group-btn > .btn {
| + | |
| − | -moz-border-radius-topright: 3px;
| + | |
| − | -webkit-border-top-right-radius: 3px;
| + | |
| − | border-top-right-radius: 3px;
| + | |
| − | -moz-border-radius-bottomright: 3px;
| + | |
| − | -webkit-border-bottom-right-radius: 3px;
| + | |
| − | border-bottom-right-radius: 3px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .input-group-sm > .form-control,
| + | |
| − | .input-group-sm > .input-group-addon,
| + | |
| − | .input-group-sm > .input-group-btn > .btn {
| + | |
| − | -moz-border-radius-topright: 2px;
| + | |
| − | -webkit-border-top-right-radius: 2px;
| + | |
| − | border-top-right-radius: 2px;
| + | |
| − | -moz-border-radius-bottomright: 2px;
| + | |
| − | -webkit-border-bottom-right-radius: 2px;
| + | |
| − | border-bottom-right-radius: 2px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .form-control,
| + | |
| − | .input-group-addon {
| + | |
| − | -moz-border-radius-topright: 2px;
| + | |
| − | -webkit-border-top-right-radius: 2px;
| + | |
| − | border-top-right-radius: 2px;
| + | |
| − | -moz-border-radius-bottomright: 2px;
| + | |
| − | -webkit-border-bottom-right-radius: 2px;
| + | |
| − | border-bottom-right-radius: 2px;
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .input-group-addon .fa {
| + | |
| − | min-width: 14px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* control label */
| + | |
| − | .form-horizontal.left-aligned .control-label {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* tabs */
| + | |
| − | .nav-tabs > li > a {
| + | |
| − | -moz-border-radius-topleft: 2px;
| + | |
| − | -webkit-border-top-left-radius: 2px;
| + | |
| − | border-top-left-radius: 2px;
| + | |
| − | -moz-border-radius-topright: 2px;
| + | |
| − | -webkit-border-top-right-radius: 2px;
| + | |
| − | border-top-right-radius: 2px;
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
| + | |
| − | background-color: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav .open > a, .nav .open a:hover, .nav .open a:focus {
| + | |
| − | border-color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .custom-tabs-line {
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .custom-tabs-line ul {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | }
| + | |
| − | .custom-tabs-line ul > li {
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | .custom-tabs-line ul > li a {
| + | |
| − | color: #a1a1a1;
| + | |
| − | }
| + | |
| − | .custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
| + | |
| − | color: #7b7b7b;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-top {
| + | |
| − | border-top: 1px solid #ccc;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-top ul > li {
| + | |
| − | margin-top: -1px;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-top a {
| + | |
| − | border-top: 1px solid transparent;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-top .active a {
| + | |
| − | border-top-color: #406da4;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-bottom {
| + | |
| − | border-bottom: 1px solid #ccc;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-bottom ul > li {
| + | |
| − | margin-bottom: -1px;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-bottom a {
| + | |
| − | border-bottom: 1px solid transparent;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.tabs-line-bottom .active a {
| + | |
| − | border-bottom: 1px solid #406da4;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.left-aligned {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | .custom-tabs-line.right-aligned {
| + | |
| − | text-align: right;
| + | |
| − | }
| + | |
| − | | + | |
| − | .tab-content {
| + | |
| − | padding: 15px 8px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .tab-pane.text-center img {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* alerts */
| + | |
| − | .alert {
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | }
| + | |
| − | | + | |
| − | div[class*="col-"] > .form-group {
| + | |
| − | margin-left: 0;
| + | |
| − | margin-right: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .pager li > a:hover, .pager li > a:focus {
| + | |
| − | background-color: #406da4;
| + | |
| − | border-color: #3c6699;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .pager .disabled > a,
| + | |
| − | .pager .disabled > a:hover,
| + | |
| − | .pager .disabled > a:focus,
| + | |
| − | .pager .disabled > span {
| + | |
| − | border-color: #ddd;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* ----------------------------------------------------- */ | + | |
| − | /* UI ELEMENTS
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | .btn-toggle, | + | |
| − | .btn-toggle.focus { | + | |
| − | background-color: #eaeaea;
| + | |
| − | color: #a8a8a8;
| + | |
| − | border-color: #d7d7d7;
| + | |
| − | }
| + | |
| − | .btn-toggle.active,
| + | |
| − | .btn-toggle.focus.active {
| + | |
| − | background-color: #F0AD4E;
| + | |
| − | border-color: #EEA236;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .btn-toggle.active:hover,
| + | |
| − | .btn-toggle.focus.active:hover {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .btn-toggle:hover {
| + | |
| − | color: #808080;
| + | |
| − | }
| + | |
| − | | + | |
| − | .form-horizontal.label-left .control-label {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* slick plugin */ | + | |
| − | .slick-carousel {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-slide {
| + | |
| − | outline: none;
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-next,
| + | |
| − | .slick-prev {
| + | |
| − | position: absolute;
| + | |
| − | right: 0;
| + | |
| − | top: -47px;
| + | |
| − | left: inherit;
| + | |
| − | width: 30px;
| + | |
| − | height: 30px;
| + | |
| − | background-color: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .slick-next:hover, .slick-next:focus,
| + | |
| − | .slick-prev:hover,
| + | |
| − | .slick-prev:focus {
| + | |
| − | background-color: #396192;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-prev {
| + | |
| − | right: 31px;
| + | |
| − | z-index: 9;
| + | |
| − | }
| + | |
| − | .slick-prev:before {
| + | |
| − | content: '\f104';
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-next:before {
| + | |
| − | content: '\f105';
| + | |
| − | }
| + | |
| − | | + | |
| − | .slick-dots {
| + | |
| − | position: relative;
| + | |
| − | bottom: 0;
| + | |
| − | margin-top: 15px;
| + | |
| − | }
| + | |
| − | .slick-dots li {
| + | |
| − | width: 12px;
| + | |
| − | height: 12px;
| + | |
| − | }
| + | |
| − | .slick-dots li button {
| + | |
| − | -moz-border-radius: 50%;
| + | |
| − | -webkit-border-radius: 50%;
| + | |
| − | border-radius: 50%;
| + | |
| − | width: 12px;
| + | |
| − | height: 12px;
| + | |
| − | background-color: #e8e8e8;
| + | |
| − | }
| + | |
| − | .slick-dots li button:before {
| + | |
| − | font-family: initial;
| + | |
| − | font-size: 0;
| + | |
| − | }
| + | |
| − | .slick-dots li.slick-active button {
| + | |
| − | background-color: #c2c2c2;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* boxed content */ | + | |
| − | .boxed-content {
| + | |
| − | text-align: center;
| + | |
| − | margin-bottom: 35px;
| + | |
| − | }
| + | |
| − | .boxed-content > i {
| + | |
| − | font-size: 8em;
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .boxed-content .boxed-content-title {
| + | |
| − | font-size: 22px;
| + | |
| − | font-weight: 700;
| + | |
| − | }
| + | |
| − | .boxed-content.left-aligned {
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | .boxed-content.left-aligned .boxed-content-title {
| + | |
| − | margin-bottom: 10px;
| + | |
| − | line-height: 28px;
| + | |
| − | font-weight: normal;
| + | |
| − | }
| + | |
| − | .boxed-content.left-aligned i {
| + | |
| − | float: left;
| + | |
| − | margin-right: 10px;
| + | |
| − | font-size: 2em;
| + | |
| − | }
| + | |
| − | .boxed-content.left-boxed-icon i {
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | padding: 10px;
| + | |
| − | width: 60px;
| + | |
| − | height: 60px;
| + | |
| − | background: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | text-align: center;
| + | |
| − | line-height: 40px;
| + | |
| − | }
| + | |
| − | .boxed-content.left-boxed-icon .boxed-content-title,
| + | |
| − | .boxed-content.left-boxed-icon p {
| + | |
| − | padding-left: 80px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* testimonial */
| + | |
| − | .testimonial-body {
| + | |
| − | position: relative;
| + | |
| − | margin: 0 auto;
| + | |
| − | }
| + | |
| − | .testimonial-body p {
| + | |
| − | font-size: 1.5em;
| + | |
| − | font-style: italic;
| + | |
| − | font-weight: 300;
| + | |
| − | color: #717171;
| + | |
| − | }
| + | |
| − | .testimonial-body.smaller-font p {
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .testimonial-author {
| + | |
| − | padding-top: 20px;
| + | |
| − | }
| + | |
| − | .testimonial-author img {
| + | |
| − | -moz-border-radius: 50%;
| + | |
| − | -webkit-border-radius: 50%;
| + | |
| − | border-radius: 50%;
| + | |
| − | width: 50px;
| + | |
| − | height: 50px;
| + | |
| − | margin-right: 12px;
| + | |
| − | }
| + | |
| − | .testimonial-author .author-name {
| + | |
| − | font-weight: 700;
| + | |
| − | }
| + | |
| − | .testimonial-author em {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | | + | |
| − | .testimonial.slick-carousel .slick-prev, .testimonial.slick-carousel .slick-next {
| + | |
| − | top: auto;
| + | |
| − | bottom: 0;
| + | |
| − | background-color: #eaeaea;
| + | |
| − | }
| + | |
| − | .testimonial.slick-carousel .slick-prev:before, .testimonial.slick-carousel .slick-next:before {
| + | |
| − | color: #7b7b7b;
| + | |
| − | }
| + | |
| − | .testimonial.slick-carousel .slick-prev:hover, .testimonial.slick-carousel .slick-next:hover {
| + | |
| − | background-color: #dddddd;
| + | |
| − | }
| + | |
| − | .testimonial.slick-carousel .testimonial-body {
| + | |
| − | padding: 0 1px;
| + | |
| − | /* fix truncated testimonial body by slick */
| + | |
| − | }
| + | |
| − | | + | |
| − | .testimonial-with-bg {
| + | |
| − | padding: 120px 0;
| + | |
| − | background-image: url('../img/testimonial-bg.png?1424866387');
| + | |
| − | background-attachment: fixed;
| + | |
| − | background-position: center center;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .testimonial-with-bg .testimonial-body p {
| + | |
| − | color: #fff;
| + | |
| − | font-style: normal;
| + | |
| − | font-size: 1.8em;
| + | |
| − | }
| + | |
| − | .testimonial-with-bg .testimonial {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .testimonial-with-bg .testimonial.slick-carousel .slick-next, .testimonial-with-bg .testimonial.slick-carousel .slick-prev {
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .testimonial-with-bg .testimonial.slick-carousel .slick-next:before, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:before {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .testimonial-with-bg .testimonial.slick-carousel .slick-next:hover, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:hover {
| + | |
| − | background-color: rgba(255, 255, 255, 0.08);
| + | |
| − | }
| + | |
| − | | + | |
| − | .mobile .testimonial-with-bg {
| + | |
| − | background-attachment: inherit;
| + | |
| − | background-position: center -35em;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .testimonial-with-bg .testimonial-body p {
| + | |
| − | font-size: 1.3em;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | /* client logo list */
| + | |
| − | .list-client-logo {
| + | |
| − | text-align: justify;
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .list-client-logo:after {
| + | |
| − | content: '';
| + | |
| − | display: inline-block;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .list-client-logo:before {
| + | |
| − | content: '';
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .list-client-logo img {
| + | |
| − | width: 85px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* call to action */
| + | |
| − | .call-to-action {
| + | |
| − | background-color: #ebebeb;
| + | |
| − | padding: 25px 0;
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .call-to-action .section-heading {
| + | |
| − | margin: 0;
| + | |
| − | font-size: 36px;
| + | |
| − | line-height: 45px;
| + | |
| − | }
| + | |
| − | .call-to-action .section-heading:after {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .call-to-action span {
| + | |
| − | position: relative;
| + | |
| − | top: 2px;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .call-to-action {
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .call-to-action .pull-left, .call-to-action .pull-right {
| + | |
| − | width: 100%;
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | .call-to-action .btn {
| + | |
| − | margin-top: 10px;
| + | |
| − | }
| + | |
| − | .call-to-action span {
| + | |
| − | top: 7px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* social connect icons */
| + | |
| − | ul.social-icons li a {
| + | |
| − | -moz-border-radius: 3px;
| + | |
| − | -webkit-border-radius: 3px;
| + | |
| − | border-radius: 3px;
| + | |
| − | display: block;
| + | |
| − | width: 50px;
| + | |
| − | height: 50px;
| + | |
| − | font-size: 24px;
| + | |
| − | color: #fff;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | ul.social-icons li a.facebook-bg:hover, ul.social-icons li a.facebook-bg:focus {
| + | |
| − | background-color: #344f98;
| + | |
| − | }
| + | |
| − | ul.social-icons li a.twitter-bg:hover, ul.social-icons li a.twitter-bg:focus {
| + | |
| − | background-color: #138bee;
| + | |
| − | }
| + | |
| − | ul.social-icons li a.googleplus-bg:hover, ul.social-icons li a.googleplus-bg:focus {
| + | |
| − | background-color: #d73925;
| + | |
| − | }
| + | |
| − | ul.social-icons li a.rss-bg:hover, ul.social-icons li a.rss-bg:focus {
| + | |
| − | background-color: #e65c00;
| + | |
| − | }
| + | |
| − | ul.social-icons li a i {
| + | |
| − | position: relative;
| + | |
| − | top: 8px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* newsletter form */
| + | |
| − | .newsletter-form {
| + | |
| − | margin-top: 20px;
| + | |
| − | }
| + | |
| − | .newsletter-form .form-control {
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .form-control,
| + | |
| − | .newsletter-form .input-group-lg > .input-group-btn > .btn {
| + | |
| − | -moz-border-radius: 3px;
| + | |
| − | -webkit-border-radius: 3px;
| + | |
| − | border-radius: 3px;
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .form-control {
| + | |
| − | -moz-border-radius-topright: 0;
| + | |
| − | -webkit-border-top-right-radius: 0;
| + | |
| − | border-top-right-radius: 0;
| + | |
| − | -moz-border-radius-bottomright: 0;
| + | |
| − | -webkit-border-bottom-right-radius: 0;
| + | |
| − | border-bottom-right-radius: 0;
| + | |
| − | background: #414143;
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .form-control:focus {
| + | |
| − | -moz-box-shadow: none;
| + | |
| − | -webkit-box-shadow: none;
| + | |
| − | box-shadow: none;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .input-group-btn > .btn {
| + | |
| − | -moz-border-radius-topleft: 0;
| + | |
| − | -webkit-border-top-left-radius: 0;
| + | |
| − | border-top-left-radius: 0;
| + | |
| − | -moz-border-radius-bottomleft: 0;
| + | |
| − | -webkit-border-bottom-left-radius: 0;
| + | |
| − | border-bottom-left-radius: 0;
| + | |
| − | background-color: #406da4;
| + | |
| − | font-size: 14px;
| + | |
| − | padding: 10px;
| + | |
| − | min-width: 93px;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .input-group-btn > .btn:hover, .newsletter-form .input-group-lg > .input-group-btn > .btn:focus {
| + | |
| − | background-color: #396192;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .input-group-btn > .btn i {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .input-group-btn > .btn.loading i {
| + | |
| − | display: inline;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg > .input-group-btn > .btn.loading span {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .newsletter-form .input-group-lg .input-group-btn:last-child > .btn {
| + | |
| − | margin-left: 0;
| + | |
| − | }
| + | |
| − | .newsletter-form .alert {
| + | |
| − | -moz-transition: all 0.3s ease-out;
| + | |
| − | -o-transition: all 0.3s ease-out;
| + | |
| − | -webkit-transition: all 0.3s ease-out;
| + | |
| − | transition: all 0.3s ease-out;
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
| + | |
| − | opacity: 0;
| + | |
| − | padding: 5px;
| + | |
| − | border: none;
| + | |
| − | font-size: 12px;
| + | |
| − | background: transparent;
| + | |
| − | color: #fff;
| + | |
| − | font-weight: 600;
| + | |
| − | }
| + | |
| − | .newsletter-form .alert.active {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .newsletter-form .alert.alert-danger {
| + | |
| − | color: #DF6967;
| + | |
| − | }
| + | |
| − | .newsletter-form .alert.alert-success {
| + | |
| − | color: #69C76A;
| + | |
| − | }
| + | |
| − | .newsletter-form .alert a {
| + | |
| − | color: #fff;
| + | |
| − | text-decoration: underline;
| + | |
| − | }
| + | |
| − | .newsletter-form .alert a:hover, .newsletter-form .alert a:focus {
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .widget {
| + | |
| − | margin-bottom: 40px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* sharing tools */ | + | |
| − | .sharing-tools > li {
| + | |
| − | padding-left: 3px;
| + | |
| − | padding-right: 3px;
| + | |
| − | }
| + | |
| − | .sharing-tools > li > a {
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | display: block;
| + | |
| − | width: 25px;
| + | |
| − | height: 25px;
| + | |
| − | line-height: 25px;
| + | |
| − | font-size: 14px;
| + | |
| − | color: #fff;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* breadcrumb */
| + | |
| − | .breadcrumb {
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .breadcrumb > li.active {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .breadcrumb a {
| + | |
| − | color: #7b7b7b;
| + | |
| − | }
| + | |
| − | .breadcrumb a:hover, .breadcrumb a:focus {
| + | |
| − | text-decoration: none;
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .breadcrumb.link-accent > li.active {
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | .breadcrumb.link-accent a {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .breadcrumb.link-accent a:hover, .breadcrumb.link-accent a:focus {
| + | |
| − | text-decoration: none;
| + | |
| − | color: #355987;
| + | |
| − | }
| + | |
| − | .breadcrumb.separator-arrow > li + li:before {
| + | |
| − | padding: 0 8px;
| + | |
| − | font-family: "FontAwesome";
| + | |
| − | content: '\f105';
| + | |
| − | }
| + | |
| − | | + | |
| − | /* google maps */
| + | |
| − | .google-map > div {
| + | |
| − | height: 350px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .number-info p {
| + | |
| − | font-size: 28px;
| + | |
| − | font-weight: 300;
| + | |
| − | line-height: 1.3;
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .number-info p span {
| + | |
| − | font-size: 0.5em;
| + | |
| − | }
| + | |
| − | .number-info.horizontal i {
| + | |
| − | font-size: 30px;
| + | |
| − | line-height: 1.2;
| + | |
| − | }
| + | |
| − | .number-info.horizontal p {
| + | |
| − | padding-left: 40px;
| + | |
| − | line-height: 1;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | .number-info.horizontal p span {
| + | |
| − | display: block;
| + | |
| − | margin-top: 5px;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .number-info.horizontal {
| + | |
| − | margin-top: 30px;
| + | |
| − | margin-bottom: 30px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .number-info.horizontal i {
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | .number-info.horizontal p {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .number-info.horizontal i {
| + | |
| − | float: none !important;
| + | |
| − | display: block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | margin-right: 0;
| + | |
| − | }
| + | |
| − | .number-info.horizontal p {
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* latest news */
| + | |
| − | .news-item img {
| + | |
| − | width: 140px;
| + | |
| − | }
| + | |
| − | .news-item .right {
| + | |
| − | padding-left: 150px;
| + | |
| − | }
| + | |
| − | .news-item .news-title {
| + | |
| − | margin-bottom: 5px;
| + | |
| − | margin-top: 0;
| + | |
| − | width: 200px;
| + | |
| − | white-space: nowrap;
| + | |
| − | overflow: hidden;
| + | |
| − | text-overflow: ellipsis;
| + | |
| − | font-size: 16px;
| + | |
| − | }
| + | |
| − | .news-item p {
| + | |
| − | font-size: 12px;
| + | |
| − | }
| + | |
| − | .news-item a {
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | .news-item a:hover, .news-item a:focus {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | | + | |
| − | .news-featured img {
| + | |
| − | width: 100%;
| + | |
| − | margin-bottom: 15px;
| + | |
| − | }
| + | |
| − | .news-featured .news-title {
| + | |
| − | font-size: 22px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .news-featured p {
| + | |
| − | font-size: inherit;
| + | |
| − | }
| + | |
| − | .news-featured .news-meta {
| + | |
| − | font-size: 11px;
| + | |
| − | color: #777;
| + | |
| − | }
| + | |
| − | | + | |
| − | .see-all-news {
| + | |
| − | border: 1px solid #e4e4e4;
| + | |
| − | font-size: 16px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .see-all-news a {
| + | |
| − | display: block;
| + | |
| − | padding: 30px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .news-item img {
| + | |
| − | float: none !important;
| + | |
| − | width: 100%;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | .news-item .right {
| + | |
| − | padding-left: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .news-item .news-title {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 992px) {
| + | |
| − | .news-featured {
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 992px) and (max-width: 1200px) {
| + | |
| − | .news-item img {
| + | |
| − | width: 110px;
| + | |
| − | }
| + | |
| − | .news-item .right {
| + | |
| − | padding-left: 120px;
| + | |
| − | }
| + | |
| − | .news-item.news-featured img {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | /* main features */
| + | |
| − | .main-features {
| + | |
| − | padding: 40px 0;
| + | |
| − | margin-bottom: 60px;
| + | |
| − | text-align: center;
| + | |
| − | background-color: #5782b7;
| + | |
| − | color: #94b6df;
| + | |
| − | }
| + | |
| − | .main-features i {
| + | |
| − | font-size: 5em;
| + | |
| − | margin-bottom: 28px;
| + | |
| − | }
| + | |
| − | .main-features div[class^="col-"]:after {
| + | |
| − | content: '';
| + | |
| − | border-right: 1px dashed #6894ca;
| + | |
| − | position: absolute;
| + | |
| − | height: 80px;
| + | |
| − | top: 50%;
| + | |
| − | right: 0;
| + | |
| − | margin-top: -40px;
| + | |
| − | }
| + | |
| − | .main-features div[class^="col-"]:last-child:after {
| + | |
| − | border-right: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .feature-heading {
| + | |
| − | margin: 0;
| + | |
| − | color: #94b6df;
| + | |
| − | font-weight: 300;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 992px) {
| + | |
| − | .main-features div[class^="col-"] {
| + | |
| − | margin-top: 25px;
| + | |
| − | margin-bottom: 25px;
| + | |
| − | }
| + | |
| − | .main-features div[class^="col-"]:after {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* PORTFOLIO
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* general portfolio item with hovered caption */
| + | |
| − | .portfolio-item {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | .portfolio-item .overlay {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | position: absolute;
| + | |
| − | background-color: rgba(64, 109, 164, 0.9);
| + | |
| − | }
| + | |
| − | .portfolio-item .info {
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | margin-top: -49px;
| + | |
| − | width: 100%;
| + | |
| − | text-align: center;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .portfolio-item .media-wrapper {
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .portfolio-item .title {
| + | |
| − | font-family: inherit;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .portfolio-item .brief-description {
| + | |
| − | font-weight: 300;
| + | |
| − | }
| + | |
| − | .portfolio-item .overlay, .portfolio-item .info {
| + | |
| − | -moz-transition: all 200ms ease-out;
| + | |
| − | -o-transition: all 200ms ease-out;
| + | |
| − | -webkit-transition: all 200ms ease-out;
| + | |
| − | transition: all 200ms ease-out;
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
| + | |
| − | opacity: 0;
| + | |
| − | }
| + | |
| − | .portfolio-item img {
| + | |
| − | -moz-transition: all 0.2s linear;
| + | |
| − | -o-transition: all 0.2s linear;
| + | |
| − | -webkit-transition: all 0.2s linear;
| + | |
| − | transition: all 0.2s linear;
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | .portfolio-item:hover img {
| + | |
| − | -moz-transform: scale(1.3, 1.3);
| + | |
| − | -ms-transform: scale(1.3, 1.3);
| + | |
| − | -webkit-transform: scale(1.3, 1.3);
| + | |
| − | transform: scale(1.3, 1.3);
| + | |
| − | }
| + | |
| − | .portfolio-item:hover .overlay, .portfolio-item:hover .info {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
| + | |
| − | opacity: 1;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | .portfolio-item .btn {
| + | |
| − | background-color: #4474af;
| + | |
| − | border: 1px solid #396192;
| + | |
| − | }
| + | |
| − | .portfolio-item .btn:hover, .portfolio-item .btn:focus {
| + | |
| − | color: #fff;
| + | |
| − | background-color: #406da4;
| + | |
| − | }
| + | |
| − | | + | |
| − | .portfolio-nospace .portfolio-item {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .portfolio-static {
| + | |
| − | margin: 0 10px;
| + | |
| − | }
| + | |
| − | .portfolio-static .portfolio-item {
| + | |
| − | margin-left: -10px;
| + | |
| − | margin-right: -10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* portfolio with slick carousel */
| + | |
| − | /* portfolio list with isotope filter */
| + | |
| − | .isotope-item {
| + | |
| − | z-index: 2;
| + | |
| − | }
| + | |
| − | | + | |
| − | .isotope-hidden.isotope-item {
| + | |
| − | pointer-events: none;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Isotope CSS3 transitions */
| + | |
| − | .isotope, .isotope .isotope-item {
| + | |
| − | -moz-transition-property: height, width;
| + | |
| − | -o-transition-property: height, width;
| + | |
| − | -webkit-transition-property: height, width;
| + | |
| − | transition-property: height, width;
| + | |
| − | }
| + | |
| − | | + | |
| − | .isotope, .isotope .isotope-item {
| + | |
| − | -moz-transition-duration: 0.4s;
| + | |
| − | -o-transition-duration: 0.4s;
| + | |
| − | -webkit-transition-duration: 0.4s;
| + | |
| − | transition-duration: 0.4s;
| + | |
| − | }
| + | |
| − | .isotope .isotope-item {
| + | |
| − | -moz-transition-property: -moz-transform, opacity;
| + | |
| − | -o-transition-property: -o-transform, opacity;
| + | |
| − | -webkit-transition-property: -webkit-transform, opacity;
| + | |
| − | transition-property: transform, opacity;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* disabling Isotope CSS3 transitions */
| + | |
| − | .isotope.no-transition, .isotope .no-transition.isotope-item, .isotope.no-transition .isotope-item, .isotope .no-transition.isotope-item .isotope-item,
| + | |
| − | .isotope .isotope-item.no-transition {
| + | |
| − | -moz-transition-duration: 0s;
| + | |
| − | -o-transition-duration: 0s;
| + | |
| − | -webkit-transition-duration: 0s;
| + | |
| − | transition-duration: 0s;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* portfolio isotope filters */
| + | |
| − | .portfolio-item-filters {
| + | |
| − | text-align: center;
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | .portfolio-item-filters li {
| + | |
| − | padding: 0;
| + | |
| − | margin-left: -2px;
| + | |
| − | margin-right: -2px;
| + | |
| − | }
| + | |
| − | .portfolio-item-filters li:first-child {
| + | |
| − | margin-left: 0;
| + | |
| − | }
| + | |
| − | .portfolio-item-filters li a {
| + | |
| − | -moz-transition: all 0.3s ease-in-out;
| + | |
| − | -o-transition: all 0.3s ease-in-out;
| + | |
| − | -webkit-transition: all 0.3s ease-in-out;
| + | |
| − | transition: all 0.3s ease-in-out;
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | display: block;
| + | |
| − | padding: 7px 14px;
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | .portfolio-item-filters li a:hover, .portfolio-item-filters li a:focus {
| + | |
| − | text-decoration: none;
| + | |
| − | outline: none;
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .portfolio-item-filters li a.active {
| + | |
| − | background-color: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* portfolio items */
| + | |
| − | .portfolio-item-wrapper {
| + | |
| − | -moz-transition: height 0.3s ease-in-out;
| + | |
| − | -o-transition: height 0.3s ease-in-out;
| + | |
| − | -webkit-transition: height 0.3s ease-in-out;
| + | |
| − | transition: height 0.3s ease-in-out;
| + | |
| − | position: relative;
| + | |
| − | overflow: hidden;
| + | |
| − | margin: 0 auto;
| + | |
| − | height: auto;
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .portfolio-item-list {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | overflow: hidden;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | .portfolio-item-list li {
| + | |
| − | padding: 0;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .portfolio-item-list li img {
| + | |
| − | max-width: 100%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .portfolio-item-list.spaced {
| + | |
| − | width: auto;
| + | |
| − | }
| + | |
| − | .portfolio-item-list.spaced li {
| + | |
| − | padding: 0 5px;
| + | |
| − | }
| + | |
| − | .portfolio-item-list.list-col-4 li {
| + | |
| − | width: 25%;
| + | |
| − | }
| + | |
| − | .portfolio-item-list.list-col-3 li {
| + | |
| − | width: 33.333333%;
| + | |
| − | }
| + | |
| − | .portfolio-item-list.list-col-2 li {
| + | |
| − | width: 50%;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 548px) {
| + | |
| − | .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 548px) and (max-width: 1024px) {
| + | |
| − | .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
| + | |
| − | width: 50%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* single portfolio item */
| + | |
| − | .portfolio-media img {
| + | |
| − | width: 100%;
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-dots {
| + | |
| − | position: absolute;
| + | |
| − | margin-bottom: 25px;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-dots li {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
| + | |
| − | opacity: 0.5;
| + | |
| − | margin: 0 3px;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-dots li button {
| + | |
| − | width: 10px;
| + | |
| − | height: 10px;
| + | |
| − | background-color: #fff;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-dots li.slick-active {
| + | |
| − | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-dots li.slick-active button {
| + | |
| − | width: 12px;
| + | |
| − | height: 12px;
| + | |
| − | background-color: #fff;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-next, .portfolio-media .slick-prev {
| + | |
| − | background-color: rgba(210, 210, 210, 0.19);
| + | |
| − | top: 18px;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-next:hover, .portfolio-media .slick-prev:hover {
| + | |
| − | background-color: rgba(210, 210, 210, 0.6);
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-next {
| + | |
| − | right: 7px;
| + | |
| − | }
| + | |
| − | .portfolio-media .slick-prev {
| + | |
| − | right: 40px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .project-detail-list {
| + | |
| − | margin-bottom: 25px;
| + | |
| − | }
| + | |
| − | .project-detail-list > li {
| + | |
| − | margin-bottom: 15px;
| + | |
| − | }
| + | |
| − | .project-detail-list strong {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | min-width: 80px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .portfolio-related {
| + | |
| − | margin-top: 50px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* BLOG
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* blog list */
| + | |
| − | .blog a:hover, .blog a:focus {
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | .blog .entry-title a {
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | .blog .entry-title a:hover, .blog .entry-title a:focus {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .blog .entry-header {
| + | |
| − | margin-bottom: 20px;
| + | |
| − | }
| + | |
| − | .blog h2 {
| + | |
| − | font-size: 22px;
| + | |
| − | }
| + | |
| − | .blog .meta-line {
| + | |
| − | color: #adadad;
| + | |
| − | }
| + | |
| − | .blog .meta-line span {
| + | |
| − | margin-right: 15px;
| + | |
| − | }
| + | |
| − | .blog .meta-line .post-comment {
| + | |
| − | margin-right: 0;
| + | |
| − | }
| + | |
| − | .blog .meta-line a {
| + | |
| − | color: inherit;
| + | |
| − | font-weight: 600;
| + | |
| − | }
| + | |
| − | .blog .meta-line a:hover, .blog .meta-line a:focus {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | .blog .featured-video,
| + | |
| − | .blog .featured-image {
| + | |
| − | margin-bottom: 20px;
| + | |
| − | }
| + | |
| − | .blog .featured-image img {
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | .blog .featured-video iframe {
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .blog .featured-video .post-date-info {
| + | |
| − | z-index: 9999;
| + | |
| − | }
| + | |
| − | .blog.medium-thumbnail .featured-video .fluid-width-video-wrapper {
| + | |
| − | position: relative;
| + | |
| − | height: 0;
| + | |
| − | padding-top: 1px !important;
| + | |
| − | padding-bottom: 70%;
| + | |
| − | }
| + | |
| − | .blog.medium-thumbnail .featured-video .fluid-width-video-wrapper iframe {
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | .blog .post-date-info {
| + | |
| − | position: absolute;
| + | |
| − | padding: 7px 0;
| + | |
| − | width: 60px;
| + | |
| − | background: rgba(0, 0, 0, 0.6);
| + | |
| − | color: #fff;
| + | |
| − | font-weight: 300;
| + | |
| − | }
| + | |
| − | .blog .post-date,
| + | |
| − | .blog .post-month,
| + | |
| − | .blog .post-year {
| + | |
| − | display: block;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .blog .post-date {
| + | |
| − | font-size: 20px;
| + | |
| − | }
| + | |
| − | .blog .post-month,
| + | |
| − | .blog .post-year {
| + | |
| − | font-size: 11px;
| + | |
| − | line-height: 1.3;
| + | |
| − | }
| + | |
| − | .blog hr {
| + | |
| − | margin: 35px 0;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .blog .meta-line > div {
| + | |
| − | display: block;
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .blog .post-tags {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* latest posts, recent posts */
| + | |
| − | .blogposts, .recent-comments {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .blogposts li, .recent-comments li {
| + | |
| − | margin-bottom: 20px;
| + | |
| − | }
| + | |
| − | .blogposts li:last-child, .recent-comments li:last-child {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .blogposts .post-title {
| + | |
| − | margin-bottom: 0;
| + | |
| − | font-family: inherit;
| + | |
| − | font-size: 13px;
| + | |
| − | line-height: 1.6;
| + | |
| − | }
| + | |
| − | .blogposts span {
| + | |
| − | font-size: 11px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* recent comments */
| + | |
| − | .recent-comments img {
| + | |
| − | width: 40px;
| + | |
| − | height: 40px;
| + | |
| − | }
| + | |
| − | .recent-comments .media-heading {
| + | |
| − | font-family: inherit;
| + | |
| − | font-size: 13px;
| + | |
| − | line-height: 1.3;
| + | |
| − | }
| + | |
| − | | + | |
| − | .category-list li a {
| + | |
| − | display: block;
| + | |
| − | padding: 10px 0;
| + | |
| − | border-bottom: 1px solid #eaeaea;
| + | |
| − | color: inherit;
| + | |
| − | font-weight: 600;
| + | |
| − | }
| + | |
| − | .category-list li a:hover, .category-list li a:focus {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sub-category-list {
| + | |
| − | padding-left: 10px;
| + | |
| − | list-style: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* tag list */
| + | |
| − | .tag-list {
| + | |
| − | padding-left: 5px;
| + | |
| − | }
| + | |
| − | .tag-list li {
| + | |
| − | padding-right: 0;
| + | |
| − | }
| + | |
| − | .tag-list li a {
| + | |
| − | -moz-border-radius: 2px;
| + | |
| − | -webkit-border-radius: 2px;
| + | |
| − | border-radius: 2px;
| + | |
| − | display: block;
| + | |
| − | margin-bottom: 5px;
| + | |
| − | padding: 4px 10px;
| + | |
| − | background-color: #406da4;
| + | |
| − | color: #fff;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | }
| + | |
| − | .tag-list li a:hover, .tag-list li a:focus {
| + | |
| − | background-color: #fff;
| + | |
| − | border-color: #777;
| + | |
| − | color: #7b7b7b;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* blog single item */
| + | |
| − | .blog.single .section-heading {
| + | |
| − | margin-top: 0;
| + | |
| − | font-family: inherit;
| + | |
| − | font-size: 21px;
| + | |
| − | font-weight: 600;
| + | |
| − | }
| + | |
| − | | + | |
| − | .social-sharing .section-heading {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | font-size: 18px !important;
| + | |
| − | margin-bottom: 0;
| + | |
| − | margin-right: 10px;
| + | |
| − | line-height: 22px;
| + | |
| − | font-weight: normal !important;
| + | |
| − | }
| + | |
| − | .social-sharing .section-heading:after {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sharing-tools {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .author-info .author-name {
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* related post */
| + | |
| − | .related-post-list img {
| + | |
| − | width: 275px;
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | .related-post-list a {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .related-post-list .post-title {
| + | |
| − | margin-top: 10px;
| + | |
| − | font-size: 16px;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 768px) {
| + | |
| − | .related-post-list li {
| + | |
| − | margin-bottom: 30px;
| + | |
| − | }
| + | |
| − | .related-post-list li:last-child {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | .related-post-list img {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | /* comments */
| + | |
| − | .comments .media-left {
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | .comments .avatar {
| + | |
| − | -moz-border-radius: 50%;
| + | |
| − | -webkit-border-radius: 50%;
| + | |
| − | border-radius: 50%;
| + | |
| − | display: block;
| + | |
| − | width: 45px;
| + | |
| − | height: 45px;
| + | |
| − | }
| + | |
| − | .comments .avatar.anonymous {
| + | |
| − | font-size: 22px;
| + | |
| − | background-color: #ccc;
| + | |
| − | color: #8c8c8c;
| + | |
| − | text-align: center;
| + | |
| − | line-height: 45px;
| + | |
| − | }
| + | |
| − | .comments .comment-author {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | margin-right: 10px;
| + | |
| − | font-family: inherit;
| + | |
| − | font-size: 16px;
| + | |
| − | }
| + | |
| − | .comments .comment-by-author {
| + | |
| − | padding: 5px;
| + | |
| − | background: #FCF7D9;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* --------------*/
| + | |
| − | /* TYPOGRAPHY
| + | |
| − | /* -------------*/
| + | |
| − | .text-body-color {
| + | |
| − | color: #7b7b7b !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .text-white-color {
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | .text-dashed {
| + | |
| − | border-bottom: 1px dashed #7b7b7b;
| + | |
| − | }
| + | |
| − | | + | |
| − | .text-accent-color {
| + | |
| − | color: #406da4;
| + | |
| − | }
| + | |
| − | | + | |
| − | .dropcap {
| + | |
| − | float: left;
| + | |
| − | min-width: 31px;
| + | |
| − | padding: 5px 0;
| + | |
| − | margin: 5px 8px 0 0;
| + | |
| − | font-size: 18px;
| + | |
| − | font-weight: 400;
| + | |
| − | line-height: 21px;
| + | |
| − | text-align: center;
| + | |
| − | background-color: #406da4;
| + | |
| − | color: #FFF;
| + | |
| − | }
| + | |
| − | .dropcap.dropcap-big {
| + | |
| − | min-width: 50px;
| + | |
| − | padding: 8px 0;
| + | |
| − | margin: 5px 10px 0 0;
| + | |
| − | font-size: 36px;
| + | |
| − | font-weight: 400;
| + | |
| − | line-height: 36px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*------------------------------------------------*/
| + | |
| − | /* Page: Contact Us
| + | |
| − | /*------------------------------------------------*/
| + | |
| − | .contact-info {
| + | |
| − | margin-left: 1.7em;
| + | |
| − | }
| + | |
| − | .contact-info > li {
| + | |
| − | margin-bottom: 8px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sidebar-map > div {
| + | |
| − | height: 260px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*------------------------------------------------*/
| + | |
| − | /* Page: About Us
| + | |
| − | /*------------------------------------------------*/
| + | |
| − | .team-member {
| + | |
| − | margin-bottom: 60px;
| + | |
| − | }
| + | |
| − | .team-member.media > .pull-left {
| + | |
| − | margin-right: 30px;
| + | |
| − | padding-right: 0;
| + | |
| − | }
| + | |
| − | .team-member .team-name {
| + | |
| − | display: inline-block;
| + | |
| − | vertical-align: middle;
| + | |
| − | *vertical-align: auto;
| + | |
| − | *zoom: 1;
| + | |
| − | *display: inline;
| + | |
| − | padding: 0 5px;
| + | |
| − | line-height: 1.6;
| + | |
| − | color: #fff;
| + | |
| − | background-color: #406da4;
| + | |
| − | }
| + | |
| − | .team-member strong {
| + | |
| − | display: block;
| + | |
| − | font-size: 0.9em;
| + | |
| − | }
| + | |
| − | .team-member hr {
| + | |
| − | width: 50px;
| + | |
| − | border-top: 1px solid #ccc;
| + | |
| − | margin-top: 10px;
| + | |
| − | margin-left: 0;
| + | |
| − | }
| + | |
| − | .team-member .social-icon > li {
| + | |
| − | padding-right: 12px;
| + | |
| − | }
| + | |
| − | .team-member .social-icon > li > a {
| + | |
| − | color: #989898;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | .team-member .social-icon > li > a:hover, .team-member .social-icon > li > a:focus {
| + | |
| − | color: #797979;
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .team-member {
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .team-member.media > .pull-left {
| + | |
| − | display: inline;
| + | |
| − | float: none !important;
| + | |
| − | margin-bottom: 20px;
| + | |
| − | margin-right: 0;
| + | |
| − | }
| + | |
| − | .team-member hr {
| + | |
| − | margin: 20px auto;
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 480px) {
| + | |
| − | .team {
| + | |
| − | padding-bottom: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | /* HELPERS
| + | |
| − | /* ----------------------------------------------------- */
| + | |
| − | .no-margin {
| + | |
| − | margin: 0 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .no-padding {
| + | |
| − | padding: 0 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .margin-bottom-30px {
| + | |
| − | margin-bottom: 30px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .margin-bottom-50px {
| + | |
| − | margin-bottom: 50px !important;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <!-- jquery -->
| + | |
| | <script src="https://2017.igem.org/Template:BGIC-Union/jquery-javascript?action=raw&ctype=text/javascript"></script> | | <script src="https://2017.igem.org/Template:BGIC-Union/jquery-javascript?action=raw&ctype=text/javascript"></script> |
| − | <!-- hover --> | + | <!-- CSS --> |
| − | <script type="javascript"> | + | |
| − | $(function() {
| + | <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
| | + | <link href="https://2017.igem.org/Template:BGIC-Union/fontawesome-css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
| | + | <link href="https://2017.igem.org/Template:BGIC-Union/main-css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
| | + | |
| | + | <!-- IE 9 Fallback--> |
| | + | <!--[if IE 9]> |
| | + | <link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet"> |
| | + | <![endif]--> |
| | + | <!-- GOOGLE FONTS --> |
| | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'> |
| | + | <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400italic,700,400,300' rel='stylesheet' type='text/css'> |
| | + | |
| | + | </head> |
| | + | <body> |
| | + | |
| | + | <!-- WRAPPER --> |
| | + | <div class="wrapper"> |
| | + | <!-- MENU --> |
| | + | <nav class="navbar navbar-default " role="navigation"> |
| | + | <div class="container"> |
| | + | <div class="navbar-header"> |
| | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav"> |
| | + | <span class="sr-only">Toggle Navigation</span> |
| | + | <i class="fa fa-bars"></i> |
| | + | </button> |
| | + | <a href="index.html" class="navbar-brand navbar-logo"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/2/2c/Repute-logo-nav.png" height="32px" width="100px"> |
| | + | </a> |
| | + | </div> |
| | + | <!-- MAIN NAVIGATION --> |
| | + | <div id="main-nav" class="navbar-collapse collapse navbar-mega-menu"> |
| | + | <ul class="nav navbar-nav navbar-right"> |
| | + | <li class="dropdown active"> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union" class="dropdown-toggle" data-toggle="dropdown">HOME <i class="fa fa-angle-down"></i></a> |
| | + | <ul class="dropdown-menu" role="menu"> |
| | + | <li class="active"><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union">abstract</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown "> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown">TEAM <i class="fa fa-angle-down"></i></a> |
| | + | <ul class="dropdown-menu" role="menu"> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">collaborations</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">sponsors</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">attributions</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown "> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown">RPOJECT <i class="fa fa-angle-down"></i></a> |
| | + | <ul class="dropdown-menu" role="menu"> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">problems</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">our design</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">results</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">interlab</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">references</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown "> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union/Notebook" class="dropdown-toggle" data-toggle="dropdpage-contacts.htmlown">NOTEBOOK <i class="fa fa-angle-down"></i></a> |
| | + | <ul class="dropdown-menu" role="menu"> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">protocol</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">lab journal</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">activity diary</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">safety</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown "> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union/Achievements" class="dropdown-toggle" data-toggle="dropdown">ACHIEVEMENTS <i class="fa fa-angle-down"></i></a> |
| | + | <ul class="dropdown-menu" role="menu"> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">parts</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">improvements</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">applications</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">provision</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown "> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&DESIGN<i class="fa fa-angle-down"></i></a> |
| | + | <ul class="dropdown-menu" role="menu"> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">education</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">discussion</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">introspection</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">promotion</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">arts</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">modelling</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown "> |
| | + | <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" class="dropdown-toggle" data-toggle="dropdown">EVALUATION <i class="fa fa-angle-down"></i></a> |
| | + | </li> |
| | + | |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | </nav> |
| | + | <!-- END MENU --> |
| | | | |
| − |
| + | |
| − | $('.blue').hoverZoom({ | + | <!-- SLIDERS --> |
| − | overlayColor: '#3498db', | + | <section class="hero-unit-slider slider-responsive no-margin"> |
| − | zoom: 0
| + | <div id="carousel-hero" class="slick-carousel"> |
| − | });
| + | <div class="carousel-inner" role="listbox"> |
| − |
| + | <div class="item active"> |
| − | $('.green').hoverZoom({
| + | <img src="https://static.igem.org/mediawiki/2017/5/51/BGIC-Union_slider2-h500.png" class="img-responsive" height="500px" width="1600px"> |
| − | overlayColor: '#1abc9c',
| + | <div class="carousel-caption"> |
| − | zoom: 0
| + | <h2 class="hero-heading">dCasKnight</h2> |
| − | });
| + | <p class="lead">A paired dCas9-T7 coupled biosensor </p> |
| − |
| + | <a href="#" class="btn btn-lg hero-button">LEARN MORE</a> |
| − | $('.pink').hoverZoom({
| + | </div> |
| − | overlayColor: '#bd2e75',
| + | </div> |
| − | zoom: 0
| + | <div class="item"> |
| − | });
| + | <img src="assets/img/sliders/slider2-h500.png" class="img-responsive" alt="Slider Image"> |
| − |
| + | <div class="carousel-caption"> |
| − | $('.black').hoverZoom({
| + | <h2 class="hero-heading">From Shenzhen BGIC with Love</h2> |
| − | overlayColor: '#2f2f2f',
| + | <p class="lead">A united team with members from eight cities</p> |
| − | zoom: 0
| + | <a href="#" class="btn btn-lg hero-button">KNOW US</a> |
| − | });
| + | </div> |
| − |
| + | </div> |
| − | $('.alizarin').hoverZoom({
| + | <div class="item"> |
| − | overlayColor: '#e74c3c',
| + | <img src="assets/img/sliders/slider1-h500.png" class="img-responsive" alt="Slider Image"> |
| − | zoom: 0 | + | <div class="carousel-caption"> |
| − | }); | + | <h2 class="hero-heading1">Future provision</h2> |
| − |
| + | <p class="lead2">We learn about cancer diagonosis, bio-containment and more</p> |
| − | /* USAGE
| + | <a href="#" class="btn btn-lg hero-button1">HAVE A LOOK</a> |
| − |
| + | </div> |
| − | $('#pink').hoverZoom({ | + | </div> |
| − | overlay: true, // false to turn off (default true) | + | </div> |
| − | overlayColor: '#2e9dbd', // overlay background color
| + | </div> |
| − | overlayOpacity: 0.7, // overlay opacity
| + | </section> |
| − | zoom: 25, // amount to zoom (px)
| + | <!-- END SLIDERS --> |
| − | speed: 300 // speed of the hover
| + | |
| − | });
| + | <section height="500px"> |
| − |
| + | </section> |
| − | */
| + | <!-- INTRO --> |
| − |
| + | <section> |
| − | });
| + | <div class="container"> |
| | + | <div class="row"> |
| | + | <div class="col-md-6"> |
| | + | <h2 class="section-heading">DESCRIPTION</h2> |
| | + | <p class="lead"> |
| | + | <p> |
| | + | Cancer is one of the most deadly diseases in the world. Cancer accounts for more than 8.8 million deaths in 2015. Lung cancer, one of the top five cancers, took away 1.69 million lives in 2015. Although medicine and cancer treatments have been highly developed overtime, it is still difficult to diagnose and cure lung cancer in its early stage, particularly for non-small cell lung cancer (NSCLC). |
| | + | </P> |
| | + | <P> |
| | + | Our main task is to construct a test paper that contains a powerful biosensor capable of detecting any DNA sequence. The biosensor, which is composed by dcas9 and T7 polymerase coupled system, can act like a smart automatic switch. When the test paper detects a particular DNA sequence, it then releases a visible signal. |
| | | | |
| − | </script>
| + | For diagnosing NSCLC cancer, we will use our biosensor to detect the fusion gene EML4-ALK, which is thought to have huge connections with lung cancer. The formation of this protein has to do with the alteration that occurred in the chromosomes. The alteration means one small piece of chromosome mysteriously going to the tail of another chromosome. If we are able to use our dcas9 and T7 polymerase coupled system to find EML4-ALK effectively and identify it at an early stage, then we will be creating a faster and safer cancer diagnostic process and immensely help people in pain with NSCLC cancer or even other types of cancers. |
| − | <script type="javascript">
| + | |
| − | $(function() {
| + | |
| − |
| + | |
| − |
| + | |
| − | $('.blue').hoverZoom({
| + | |
| − | overlayColor: '#3498db',
| + | |
| − | zoom: 0
| + | |
| − | });
| + | |
| − |
| + | |
| − | $('.green').hoverZoom({
| + | |
| − | overlayColor: '#1abc9c',
| + | |
| − | zoom: 0
| + | |
| − | });
| + | |
| − |
| + | |
| − | $('.pink').hoverZoom({
| + | |
| − | overlayColor: '#bd2e75',
| + | |
| − | zoom: 0
| + | |
| − | });
| + | |
| − |
| + | |
| − | $('.black').hoverZoom({
| + | |
| − | overlayColor: '#2f2f2f',
| + | |
| − | zoom: 0
| + | |
| − | });
| + | |
| − |
| + | |
| − | $('.alizarin').hoverZoom({
| + | |
| − | overlayColor: '#e74c3c',
| + | |
| − | zoom: 0
| + | |
| − | });
| + | |
| − |
| + | |
| − | /* USAGE
| + | |
| − |
| + | |
| − | $('#pink').hoverZoom({
| + | |
| − | overlay: true, // false to turn off (default true)
| + | |
| − | overlayColor: '#2e9dbd', // overlay background color
| + | |
| − | overlayOpacity: 0.7, // overlay opacity
| + | |
| − | zoom: 25, // amount to zoom (px)
| + | |
| − | speed: 300 // speed of the hover
| + | |
| − | });
| + | |
| − |
| + | |
| − | */
| + | |
| − |
| + | |
| − | });
| + | |
| − | | + | |
| − | </script>
| + | |
| − |
| + | |
| − | | + | |
| − | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
| + | |
| − | <!--[if lt IE 9]>
| + | |
| − | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
| + | |
| − | <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
| + | |
| − | <![endif]-->
| + | |
| − | </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| | | | |
| − | <!-- Static navbar -->
| + | </p> |
| − | <div class=" navbar navbar- inverse navbar- static- top"> | + | </div> |
| − | | + | <div class="col-md-6"> |
| − | <div class="navbar-header"> | + | <img src="https://static.igem.org/mediawiki/2017/1/1b/BGIC-Union_intro-img.png" class="img-responsive" alt="Image Intro"> |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| + | </div> |
| − | <span class="icon-bar"></span> | + | </div> |
| − | <span class="icon-bar"></span>
| + | </div> |
| − | <span class="icon-bar"></span>
| + | </section> |
| − | </button>
| + | <!-- END INTRO --> |
| − | <a class=" navbar- brand" href=" index. html"> STANLEY</a> | + | <!-- GOOD POINTS--> |
| − | </div>
| + | <section> |
| − | <div class=" navbar- collapse collapse"> | + | |
| − | <ul class=" nav navbar-nav navbar- right"> | + | <div class="row"> |
| − | <li><a href=" work. html"> Work</a></li> | + | <div class="col-md-6"> |
| − | <li><a href=" about. html"> About</a></li> | + | <div class="boxed-content left-aligned left-boxed-icon"> |
| − | <li><a href=" blog. html"> Blog</a></li> | + | <i class="fa fa-flag"></i> |
| − | <li><a href=" contact. html"> Contact</a></li> | + | <h2 class="boxed-content-title">IMPROVED DESIGN</h2> |
| − | </ul>
| + | <p> Based on...we improved</p> |
| − | </div><!--/.nav-collapse -->
| + | </div> |
| − | </div>
| + | </div> |
| | + | |
| | + | <div class="boxed-content left-aligned left-boxed-icon"> |
| | + | <i class="fa fa-globe"></i> |
| | + | <h2 class="boxed-content-title">SOCIAL OUTREACH</h2> |
| | + | <p>We held...</p> |
| | + | </div> |
| | + | </div> |
| | + | <div class="col-md-6"> |
| | + | <div class="boxed-content left-aligned left-boxed-icon"> |
| | + | <i class="fa fa-cog"></i> |
| | + | <h2 class="boxed-content-title">NEW APPLICATION</h2> |
| | + | <p>Our design can be applied to ...</p> |
| | + | </div> |
| | + | </div> |
| | + | <div class="col-md-6"> |
| | + | <div class="boxed-content left-aligned left-boxed-icon"> |
| | + | <i class="fa fa-users"></i> |
| | + | <h2 class="boxed-content-title">EFFCTIVE COLLABORATION</h2> |
| | + | <p>We have discussions with....</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | + | <!-- END GOOD POINTS --> |
| | + | <!-- DEMONSTRATION --> |
| | + | <section> |
| | + | |
| | + | <h2 class="section-heading sr-only">DEMONSTRATION</h2> |
| | + | <div class="tab-content"> |
| | + | <div class="tab-pane fade in active text-center" id="tab-bottom1"> |
| | + | <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive"> |
| | + | <h3 class="text-accent-color">DETECTION</h3> |
| | + | <p class="lead">dCas9 sgRNA </p> |
| | + | </div> |
| | + | <div class="tab-pane fade text-center" id="tab-bottom2"> |
| | + | <img src="assets/img/hero-unit-obj3.png" class="img-responsive center-block margin-bottom-30px" alt="Easy to Customize"> |
| | + | <h3 class="text-accent-color">SIGNALING</h3> |
| | + | <p class="lead">FLUC</p> |
| | + | </div> |
| | + | <div class="tab-pane fade text-center" id="tab-bottom3"> |
| | + | <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Clean and Elegant Design"> |
| | + | <h3 class="text-accent-color">ANALYSIS</h3> |
| | + | <p class="lead"> DATA</p> |
| | + | </div> |
| | + | <div class="tab-pane fade text-center" id="tab-bottom4"> |
| | + | <img src="assets/img/free.png" class="img-responsive center-block margin-bottom-30px" alt="Free Updates and Support"> |
| | + | <h3 class="text-accent-color">TREATMENT</h3> |
| | + | <p class="lead">treatment</p> |
| | + | </div> |
| | + | </div> |
| | + | <div class="custom-tabs-line tabs-line-top"> |
| | + | <ul class="nav" role="tablist"> |
| | + | <li class="active"><a href="#tab-bottom1" role="tab" data-toggle="tab">DETECTION</a></li> |
| | + | <li><a href="#tab-bottom2" role="tab" data-toggle="tab">SIGNALING</a></li> |
| | + | <li><a href="#tab-bottom3" role="tab" data-toggle="tab">ANALYSIS</a></li> |
| | + | <li><a href="#tab-bottom4" role="tab" data-toggle="tab">TREATMENT</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | </section> |
| | + | <!-- END DEMONSTRATION --> |
| | + | <!-- FOOTER --> |
| | + | <footer> |
| | + | <div class="container"> |
| | + | <div class="row"> |
| | + | <div class="col-md-4"> |
| | + | <!-- INFO --> |
| | + | <h3 class="sr-only">ABOUT US</h3> |
| | + | <img src="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" class="logo" > |
| | + | <p>CONTACT US</p> |
| | + | <br> |
| | + | <address class="margin-bottom-30px"> |
| | + | <ul class="list-unstyled"> |
| | + | <li>F12 BGI-College，146 Beishan Road，Yantian District 518083 |
| | + | <br/> Shenzhen，Guangdong Province, China，Asia</li> |
| | + | <li>Phone:+86-755-36307888</li> |
| | + | <li>Email: info@genomics.cn</li> |
| | + | <li>Fax:+86-755-36307273</li> |
| | + | </ul> |
| | + | </address> |
| | + | <!-- END INFO --> |
| | + | </div> |
| | + | <div class="col-md-4"> |
| | + | <!-- QUICK LINKS --> |
| | + | <h3 class="footer-heading">QUICK LINKS</h3> |
| | + | <div class="row margin-bottom-30px"> |
| | + | <div class="col-xs-6"> |
| | + | <ul class="list-unstyled footer-nav"> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li> |
| | + | <li><a href=" https://2017.igem.org/Team:BGIC- Union/Team" >Team</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Description</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Design</a></li> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Experiments |
| | + | </div> |
| | + | |
| | + | <ul class=" list-unstyled footer-nav "> |
| | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Notebook</a></li> |
| | + | <li><a href=" https://2017. igem.org/Team:BGIC-Union/Project"> Results</a></li> |
| | + | <li><a href=" https://2017. igem.org/Team:BGIC-Union/Achievements"> Parts</a></li> |
| | + | <li><a href=" https://2017. igem.org/Team:BGIC-Union/Notebook"> Safety</a></li> |
| | + | <li><a href=" https://2017. igem.org/Team:BGIC-Union/Practices&Design"> Human Practice Summary</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | <!--END QUICK LINKS --> |
| | + | </div> |
| | + | <div class="col-md-4"> |
| | + | <!-- CONTACT --> |
| | + | <div class="social-connect"> |
| | + | <h3 class="footer-heading">GET CONNECTED</h3> |
| | + | <ul class="list-inline social-icons"> |
| | + | |
| | + | |
| | + | <li><a href="#" class="twitter-bg"><i class="fa fa-twitter"></i></a></li> |
| | + | </ul> |
| | + | </div> |
| | + | <!-- END CONTACT --> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </footer> |
| | + | <!-- END FOOTER --> |
| | </div> | | </div> |
| | + | <!-- END WRAPPER --> |
| | + | |
| | | | |
| − | <!-- +++++ Welcome Section +++++ -->
| + | |
| − | <div id="ww">
| + | </body> |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-8 col-lg-offset-2 centered">
| + | |
| − | <img src="assets/img/user.png" alt="Stanley">
| + | |
| − | <h1>Hi, I am Stanley!</h1>
| + | |
| − | <p>Hello everybody. I'm Stanley, a free handsome bootstrap theme coded by BlackTie.co. A really simple theme for those wanting to showcase their work with a cute & clean style.</p>
| + | |
| − | <p>Please, consider to register to <a href="http://eepurl.com/IcgkX">our newsletter</a> to be updated with our latest themes and freebies. Like always, you can use this theme in any project freely. Share it with your friends.</p>
| + | |
| − |
| + | |
| − | </div><!-- /col-lg-8 -->
| + | |
| − | </div><!-- /row -->
| + | |
| − | </div> <!-- /container -->
| + | |
| − | </div><!-- /ww -->
| + | |
| − | <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
| + | |
| − |
| + | |
| − |
| + | |
| − | <!-- +++++ Projects Section +++++ -->
| + | |
| − |
| + | |
| − | <div class="container pt">
| + | |
| − | <div class="row mt centered">
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port01.jpg" alt="" /></a>
| + | |
| − | <p>APE</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port02.jpg" alt="" /></a>
| + | |
| − | <p>RAIDERS</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port03.jpg" alt="" /></a>
| + | |
| − | <p>VIKINGS</p>
| + | |
| − | </div>
| + | |
| − | </div><!-- /row -->
| + | |
| − | <div class="row mt centered">
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port04.jpg" alt="" /></a>
| + | |
| − | <p>YODA</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port05.jpg" alt="" /></a>
| + | |
| − | <p>EMPERORS</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port06.jpg" alt="" /></a>
| + | |
| − | <p>CHIEFS</p>
| + | |
| − | </div>
| + | |
| − | </div><!-- /row -->
| + | |
| − | </div><!-- /container -->
| + | |
| − |
| + | |
| − |
| + | |
| − | <!-- +++++ Footer Section +++++ -->
| + | |
| − |
| + | |
| − | <div id="footer">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <h4>My Bunker</h4>
| + | |
| − | <p>
| + | |
| − | Some Address 987,<br/>
| + | |
| − | +34 9054 5455, <br/>
| + | |
| − | Madrid, Spain.
| + | |
| − | </p>
| + | |
| − | </div><!-- /col-lg-4 -->
| + | |
| − |
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <h4>My Links</h4>
| + | |
| − | <p>
| + | |
| − | <a href="#">Dribbble</a><br/>
| + | |
| − | <a href="#">Twitter</a><br/>
| + | |
| − | <a href="#">Facebook</a>
| + | |
| − | </p>
| + | |
| − | </div><!-- /col-lg-4 -->
| + | |
| − |
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <h4>About Stanley</h4>
| + | |
| − | <p>This cute theme was created to showcase your work in a simple way. Use it wisely.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
| + | |
| − | </div><!-- /col-lg-4 -->
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| | | | |
| − |
| + | |
| − | <script src="https://2017.igem.org/Template:BGIC-Union/bootstrap-min-javascript?action=raw&ctype=text/javascript"></script>
| + | |
| − | </body>
| + | |
| | </html> | | </html> |
| | + | buxinxiele |
