Line 1: | Line 1: | ||
− | < | + | <HTML> |
− | + | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 6: | Line 5: | ||
− | <title> | + | <title>Safety</title> |
<head> | <head> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'> | ||
<!-- Bootstrap core CSS --> | <!-- Bootstrap core CSS --> | ||
Line 18: | 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"> |
− | + | ||
− | + | ||
− | + | @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; | ||
+ | font-size: 14px; | ||
+ | color: #555; | ||
+ | ; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | } | ||
+ | |||
+ | /* Titles */ | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | font-weight: 700; | ||
+ | color: #333; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 35px; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Paragraph & Typographic */ | ||
+ | p { | ||
+ | line-height: 28px; | ||
+ | margin-bottom: 25px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .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: 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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* +++++ 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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&ctype=text/javascript"></script> | <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&ctype=text/javascript"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- hover --> | <!-- hover --> | ||
<script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&ctype=text/javascript"></script> | <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&ctype=text/javascript"></script> | <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&ctype=text/javascript"></script> | ||
</head> | </head> | ||
− | + | <body> | |
− | + | ||
− | + | ||
<div class="column_full_size top1"> | <div class="column_full_size top1"> | ||
<nav class="navbar navbar-inverse navbar-static-top" role="navigation"> | <nav class="navbar navbar-inverse navbar-static-top" role="navigation"> | ||
Line 284: | Line 323: | ||
<ul class="dropdown-menu" > | <ul class="dropdown-menu" > | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li> |
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li> | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li> | ||
Line 307: | Line 346: | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li> | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li> | ||
− | + | ||
</ul> | </ul> | ||
Line 315: | Line 354: | ||
<li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a> | <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a> | ||
<ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||
− | + | ||
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated"> | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li> |
+ | <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</a></li> | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li> | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li> | ||
Line 325: | Line 366: | ||
<li class="dropdown "> | <li class="dropdown "> | ||
<a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a> | <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a> | ||
+ | </li> | ||
+ | <li class="dropdown "> | ||
+ | <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a> | ||
</li> | </li> | ||
<li class="dropdown "> | <li class="dropdown "> | ||
Line 332: | Line 376: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </nav> | + | </nav></div> |
+ | <!-- Slider start --> | ||
Revision as of 19:11, 1 November 2017