|
|
Line 24: |
Line 24: |
| <!-- slider --> | | <!-- slider --> |
| <style type="text/css"> | | <style type="text/css"> |
− | <style type="text/css">
| |
− |
| |
− | @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
| |
− | #top_title,#sideMenu { display: none !important; }
| |
− | #content {
| |
− | width: 100%;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | #content{
| |
− | background-color: #FFe4e1; !important;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | html, body {
| |
− | margin: 0 !important;
| |
− | padding: 0 !important;
| |
− |
| |
− | }
| |
− | body {
| |
− | background-color: #FFe4e1;
| |
− | font-family: 'Montserrat', sans-serif;
| |
− | font-weight: 400;
| |
− | line-height: 25px;
| |
− | font-size: 17px;
| |
− | color: #555;
| |
− |
| |
− |
| |
− | -webkit-font-smoothing: antialiased;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | }
| |
− |
| |
− | /* Titles */
| |
− | h1, h2, h3, h4, h5, h6,p {
| |
− | font-family: 'Montserrat', sans-serif;
| |
− | font-weight: 600;
| |
− | color: #333;
| |
− | line-height:30pt;
| |
− | }
| |
− |
| |
− | h1 {
| |
− | font-size: 35px;
| |
− | margin-top: 30px;
| |
− | margin-bottom: 50px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | /* Paragraph Typographic */
| |
− | p {
| |
− | line-height: 50px;
| |
− | margin-bottom: 35px;
| |
− | font-size: 16px;
| |
− | }
| |
− |
| |
− | .centered {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | /* Links */
| |
− | a {
| |
− | color: #20B2AA;
| |
− | word-wrap: break-word;
| |
− |
| |
− | -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | -o-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | }
| |
− |
| |
− | a:hover,
| |
− | a:focus {
| |
− | color: #7b7b7b;
| |
− | text-decoration: none;
| |
− | outline: 0;
| |
− | }
| |
− |
| |
− | a:before,
| |
− | a:after {
| |
− | -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | -o-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | transition: color 0.1s ease-in, background 0.1s ease-in;
| |
− | }
| |
− |
| |
− | hr {
| |
− | display: block;
| |
− | height: 1px;
| |
− | border: 0;
| |
− | border-top: 1px solid #ccc;
| |
− | margin: 1em 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− |
| |
− | .navbar {
| |
− | text-transform: uppercase;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− | .navbar-inverse {
| |
− | padding-bottom: 70px;
| |
− | padding-top: 70px;
| |
− | }
| |
− |
| |
− | .navbar-inverse {
| |
− | background-color: #FFA07A;
| |
− | border-color: #FA8072;
| |
− | }
| |
− |
| |
− | .navbar-inverse .navbar-nav > li > a {
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .navbar-inverse .navbar-nav > li > a:hover {
| |
− | color: #222222;
| |
− | }
| |
− |
| |
− | .navbar-brand {
| |
− | font-weight: 700;
| |
− | font-size: 20px;
| |
− | letter-spacing: 2px;
| |
− | }
| |
− |
| |
− | .navbar-inverse .navbar-brand {
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .navbar-inverse .navbar-toggle {
| |
− | border-color: transparent;
| |
− | }
| |
− |
| |
− | .progress-bar-theme {
| |
− | background-color: #FFA07A;
| |
− | }
| |
− |
| |
− |
| |
− | /* Helpers */
| |
− |
| |
− | .mt {
| |
− | margin-top: 40px;
| |
− | margin-bottom: 40px;
| |
− | }
| |
− |
| |
− | .pt {
| |
− | padding-top: 50px;
| |
− | padding-bottom: 50px;
| |
− | }
| |
− | .lr {
| |
− | PADDING-LEFT: 100PX;
| |
− | padding-right: 100px;
| |
− | }
| |
− |
| |
− | /* +++++ WRAP SECTIONS +++++ */
| |
− |
| |
− | #ww {
| |
− | padding-top: 0px;
| |
− | padding-bottom: 70px;
| |
− | background-color: #f2f2f2;
| |
− | }
| |
− |
| |
− |
| |
− | #footer {
| |
− | background-color: #ADD8E6;
| |
− | padding-top: 50px;
| |
− | padding-bottom: 50px;
| |
− | }
| |
− |
| |
− | #footer p {
| |
− | color: white;
| |
− | }
| |
− |
| |
− | #footer h4 {
| |
− | color: white;
| |
− | text-transform: uppercase;
| |
− | padding-bottom: 20px;
| |
− | }
| |
− |
| |
− |
| |
− | /* +++++ Color Wraps / Blog Page +++++ */
| |
− |
| |
− | #grey {
| |
− | padding-top: 60px;
| |
− | padding-bottom: 60px;
| |
− | background-color: #f2f2f2;
| |
− | }
| |
− |
| |
− | #white {
| |
− | padding-top: 60px;
| |
− | padding-bottom: 60px;
| |
− | background-color: #ffffff;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | /* Blog Date*/
| |
− | bd {
| |
− | font-size: 12px;
| |
− | text-transform: uppercase;
| |
− | color: #d2d2d2;
| |
− | font-weight: 700;
| |
− | }
| |
− |
| |
− | /* Blog Author*/
| |
− | ba {
| |
− | font-size: 12px;
| |
− | text-transform: uppercase;
| |
− | }
| |
− |
| |
− | /* Blog Quote */
| |
− | .bq {
| |
− | font-size: 22px;
| |
− | padding-top: 30px;
| |
− | }
| |
− |
| |
− | /* Blog Tags */
| |
− | bt {
| |
− | font-size: 12px;
| |
− | }
| |
− |
| |
− | /* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
| |
− | /* Effects also are controled by hover.zoom.js */
| |
− | .zoom {
| |
− | display:block;
| |
− | position:relative;
| |
− | overflow:hidden;
| |
− | background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
| |
− | }
| |
− |
| |
− |
| |
− | .zoomOverlay {
| |
− | position:absolute;
| |
− | top:0; left:0;
| |
− | bottom:0; right:0;
| |
− | display:none;
| |
− | background-image:url(../img/zoom.png);
| |
− | background-repeat:no-repeat;
| |
− | background-position:center;
| |
− | }
| |
− |
| |
− | .zoom2 {
| |
− | opacity: 1;
| |
− | }
| |
− |
| |
− | .zoom2:hover {
| |
− | opacity: 0.5;
| |
− | }
| |
− |
| |
− | /* glyphicon Configuration */
| |
− |
| |
− | .glyphicon {
| |
− | font-size: 40px;
| |
− | color: #1abc9c;
| |
− | }
| |
− | </style>
| |
| | | |
| /* Section Slider | | /* Section Slider |