Line 20: | Line 20: | ||
<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 --> | |
− | + | <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> | ||
+ | |||
+ | </head> | ||
<!-- slider --> | <!-- slider --> | ||
<style type="text/css"> | <style type="text/css"> |
Revision as of 07:34, 31 October 2017