|
|
Line 19: |
Line 19: |
| <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&ctype=text/css" rel="stylesheet"> | | <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&ctype=text/css" rel="stylesheet"> |
| <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&ctype=text/css" rel="stylesheet"> | | <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&ctype=text/css" rel="stylesheet"> |
− |
| |
| | | |
| <!-- main --> | | <!-- main --> |
− | <style type="text/css">
| + | <link href="https://2017.igem.org/Team:BGIC-Union/finalcss/main-css?action=raw&ctype=text/css" rel="stylesheet"> |
− |
| + | |
− | | + | |
− | #top_title,#sideMenu { display: none !important; }
| + | |
− | #content {
| + | |
− | width: 100%;
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | #bodyContent
| + | |
− | {
| + | |
− | margin-top:0px !important;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | #content{
| + | |
− | background-color: #FFe4e1; !important;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .mainstyle
| + | |
− | {
| + | |
− | font-family: Comic Sans MS;
| + | |
− | }
| + | |
− | html, body {
| + | |
− | margin: 0 ;
| + | |
− | padding: 0 ;
| + | |
− | }
| + | |
− | body {
| + | |
− | background-color: #ffa07a;
| + | |
− |
| + | |
− | font-weight: 400;
| + | |
− | font-size: 14px;
| + | |
− | color: #555;
| + | |
− | ;
| + | |
− | -webkit-font-smoothing: antialiased;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− | | + | |
− | /* Titles */
| + | |
− | h1, h2, h3, h4, h5, h6 {
| + | |
− | font-family: Comic Sans MS;
| + | |
− | font-weight: 700;
| + | |
− | color: #333;
| + | |
− | }
| + | |
− | | + | |
− | h1 {
| + | |
− | font-size: 35px;
| + | |
− | margin-top: 30px;
| + | |
− | margin-bottom: 30px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | p {
| + | |
− | line-height: 28px;
| + | |
− | margin-bottom: 25px;
| + | |
− | font-size: 16px;
| + | |
− | font-family: Comic Sans MS;
| + | |
− | }
| + | |
− | | + | |
− | .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;
| + | |
− | }
| + | |
− | | + | |
− | .copyrights{
| + | |
− | text-indent:-9999px;
| + | |
− | height:0;
| + | |
− | line-height:0;
| + | |
− | font-size:0;
| + | |
− | overflow:hidden;
| + | |
− | }
| + | |
− | | + | |
− | .navbar {
| + | |
− | text-transform: uppercase;
| + | |
− | margin-bottom: 0px;
| + | |
− | }
| + | |
− | | + | |
− | .navbar-inverse {
| + | |
− | padding-bottom: 30px;
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− | | + | |
− | .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: 40px;
| + | |
− | letter-spacing: 2px;
| + | |
− | backgroud: white;
| + | |
− | }
| + | |
− | | + | |
− | .navbar-inverse .navbar-brand {
| + | |
− | color: white;
| + | |
− | background-color: #FFA07A;
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | .navbar-inverse .navbar-toggle {
| + | |
− | border-color: transparent;
| + | |
− | font-size: 12px;
| + | |
− | }
| + | |
− | | + | |
− | .progress-bar-theme {
| + | |
− | background-color: #FFA07A;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* Helpers */
| + | |
− | | + | |
− | .mt {
| + | |
− | margin-top: 40px;
| + | |
− | margin-bottom: 40px;
| + | |
− | }
| + | |
− | | + | |
− | .pt {
| + | |
− | padding-top: 50px;
| + | |
− | padding-bottom: 50px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* +++++ 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;
| + | |
− | font-family: Comic Sans MS;
| + | |
− | }
| + | |
− | | + | |
− | #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>
| + | |
| <!-- slider --> | | <!-- slider --> |
| <style type="text/css"> | | <style type="text/css"> |
Line 909: |
Line 632: |
| <h4>Links</h4> | | <h4>Links</h4> |
| <p> | | <p> |
− | <a href="#">SAFETY</a><br/> | + | <h4>Awards!</h4> |
− | <a href="#">PARTS</a><br/> | + | <a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a><br/> |
− | <a href="#">EVALUATION</a> | + | <a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">Entreprenuership</a><br/> |
| + | <a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated HP</a><br/> |
| + | <a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a><br/> |
| + | <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a><br/> |
| + | <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation">EVALUATION</a> |
| </p> | | </p> |
| </div><!-- /col-lg-4 --> | | </div><!-- /col-lg-4 --> |