Bpasqualucci (Talk | contribs) |
Bpasqualucci (Talk | contribs) |
||
(29 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
@font-face { | @font-face { | ||
font-family: Harmattan; | font-family: Harmattan; | ||
font-weight: 400; | font-weight: 400; | ||
font-style: normal; | font-style: normal; | ||
− | + | src: url("https://2016.igem.org/File:T--SCSU-New_Haven--Harmattan-Regular.ttf") format('truetype'); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
@font-face { | @font-face { | ||
Line 19: | Line 9: | ||
font-weight: 400; | font-weight: 400; | ||
font-style: normal; | font-style: normal; | ||
+ | src: url("https://2016.igem.org/File:T--SCSU-New_Haven--ReemKufi-Regular.ttf") format('truetype'); | ||
} | } | ||
html, | html, | ||
body, | body, | ||
div, | div, | ||
− | p { | + | p, |
+ | a { | ||
font-family: Harmattan; | font-family: Harmattan; | ||
− | font-size: | + | font-size: 18px; |
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | -moz-osx-font-smoothing: grayscale; | ||
} | } | ||
− | a { | + | a, |
+ | .anchor { | ||
outline: none; | outline: none; | ||
− | color: # | + | color: #28272b; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | a:hover { | + | a:hover, |
+ | .anchor:hover { | ||
color: #f9f9f9; | color: #f9f9f9; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | a:focus { | + | a:focus, |
+ | .anchor:focus { | ||
outline: none; | outline: none; | ||
text-decoration: none; | text-decoration: none; | ||
Line 44: | Line 39: | ||
h1 { | h1 { | ||
font-family: Reem Kufi; | font-family: Reem Kufi; | ||
− | |||
− | |||
− | |||
} | } | ||
article, | article, | ||
Line 306: | Line 298: | ||
-webkit-transform: translate3d(100%, 0, 0); | -webkit-transform: translate3d(100%, 0, 0); | ||
transform: translate3d(100%, 0, 0); | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | .mw-content-ltr ul, | ||
+ | .mw-content-rtl .mw-content-ltr ul { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #HQ_page .clear { | ||
+ | height: 0px; | ||
+ | } | ||
+ | .clear clear both height 0px, | ||
+ | #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
+ | #top_title { | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | margin: 0px auto; | ||
+ | padding: 0px; | ||
+ | border: none; | ||
+ | background: none; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | margin-top: -25px; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #bodyContent h1, | ||
+ | #bodyContent h2 { | ||
+ | margin: 0; | ||
} | } | ||
html, | html, | ||
body { | body { | ||
height: 100%; | height: 100%; | ||
− | overflow: hidden; | + | background-color: #efefef; |
+ | overflow-x: hidden; | ||
} | } | ||
ul { | ul { | ||
list-style-type: none; | list-style-type: none; | ||
} | } | ||
− | + | .navbar-brand img { | |
− | + | width: 110px; | |
− | + | margin-top: -5%; | |
− | + | ||
− | width: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
footer { | footer { | ||
− | height: | + | padding-top: 1%; |
+ | margin-top: 4%; | ||
+ | height: 25vh; | ||
color: #fff; | color: #fff; | ||
− | background-color: # | + | background-color: #a09a9a; |
+ | } | ||
+ | footer .container #footer_team_logo { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | footer img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
} | } | ||
hr { | hr { | ||
Line 342: | Line 372: | ||
} | } | ||
#home, | #home, | ||
+ | #team, | ||
+ | #parts, | ||
#safety, | #safety, | ||
− | #attributions { | + | #attributions, |
+ | #human_practices { | ||
min-height: 80vh; | min-height: 80vh; | ||
} | } | ||
− | + | #page { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | #page | + | |
− | + | ||
− | + | ||
width: 100%; | width: 100%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.link { | .link { | ||
Line 405: | Line 387: | ||
position: relative; | position: relative; | ||
text-decoration: none; | text-decoration: none; | ||
− | font-size: | + | font-size: 2em; |
color: #424242; | color: #424242; | ||
} | } | ||
Line 411: | Line 393: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | .footer_flex { | ||
+ | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
#home #home-hero-bg { | #home #home-hero-bg { | ||
− | background-image: url("../ | + | background-image: url("https://static.igem.org/mediawiki/2016/8/8f/SCSU-New_Haven_HomeBG.jpeg"); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 461: | Line 448: | ||
#home #showcase { | #home #showcase { | ||
width: 100%; | width: 100%; | ||
− | |||
} | } | ||
#home #showcase .row { | #home #showcase .row { | ||
Line 470: | Line 456: | ||
height: calc(30% + 20px); | height: calc(30% + 20px); | ||
width: calc(26vw); | width: calc(26vw); | ||
− | |||
margin: 20px; | margin: 20px; | ||
padding: 60px 0; | padding: 60px 0; | ||
Line 484: | Line 469: | ||
height: calc(40% + 20px); | height: calc(40% + 20px); | ||
width: calc(45vw); | width: calc(45vw); | ||
− | |||
margin: 20px; | margin: 20px; | ||
padding: 80px 0; | padding: 80px 0; | ||
Line 496: | Line 480: | ||
} | } | ||
#home #showcase #sc_team { | #home #showcase #sc_team { | ||
− | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../ | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkTeam.png"); |
} | } | ||
#home #showcase #sc_parts { | #home #showcase #sc_parts { | ||
− | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../ | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkATT.jpeg"); |
} | } | ||
#home #showcase #sc_results { | #home #showcase #sc_results { | ||
− | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../ | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg"); |
} | } | ||
#home #showcase #sc_notebook { | #home #showcase #sc_notebook { | ||
− | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../ | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkNotebook.jpg"); |
} | } | ||
#home #showcase #sc_attribution { | #home #showcase #sc_attribution { | ||
− | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../ | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenHP1.jpeg"); |
} | } | ||
#team #team_hero_bg { | #team #team_hero_bg { | ||
Line 623: | Line 607: | ||
#attributions #attr_hero_bg div { | #attributions #attr_hero_bg div { | ||
width: 50%; | width: 50%; | ||
− | |||
− | |||
− | |||
} | } | ||
#attributions #attr_content .sub_section { | #attributions #attr_content .sub_section { | ||
margin-left: 5%; | margin-left: 5%; | ||
} | } | ||
− | + | #safety #safety_1 { | |
− | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg"); | |
− | + | background-size: cover; | |
− | . | + | } |
− | + | #safety #safety_2 { | |
− | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab1.jpeg"); | |
− | . | + | background-size: cover; |
− | + | } | |
− | + | #safety #safety_3 { | |
− | // | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg"); |
− | . | + | background-size: cover; |
− | + | } | |
− | . | + | #safety #safety_4 { |
− | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Bench.jpeg"); | |
− | . | + | background-size: cover; |
− | + | } | |
− | + | #safety #safety-div { | |
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | justify-content: center; | |
− | + | color: #fff; | |
− | + | } | |
− | + | #human_practices { | |
− | + | margin-bottom: 5%; | |
− | + | } | |
− | + | #human_practices #hp_hero_bg { | |
− | + | background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png"); | |
− | + | background-size: cover; | |
− | + | background-repeat: no-repeat; | |
− | + | height: 40vh; | |
− | + | color: #fff; | |
− | + | text-align: center; | |
− | + | margin-top: 4%; | |
− | + | margin-bottom: 7%; | |
− | + | } | |
− | + | #human_practices #desc { | |
− | + | display: flex; | |
− | + | align-items: center; | |
− | + | justify-content: center; | |
− | + | } | |
− | + | #human_practices #stag_cont { | |
− | + | margin-top: 5%; | |
− | + | } | |
− | + | #human_practices #stag_cont .row { | |
− | + | margin-top: 5%; | |
− | + | display: flex; | |
− | #safety | + | align-items: center; |
− | + | justify-content: center; | |
− | + | } | |
− | + | #human_practices #stag_cont img { | |
− | + | width: 100%; | |
− | + | height: auto; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | #human_practices | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.bckgnd_image { | .bckgnd_image { | ||
position: static; | position: static; | ||
min-height: 945px; | min-height: 945px; | ||
height: 100%; | height: 100%; | ||
− | background-image: url("../ | + | background-image: url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg"); |
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center center; | background-position: center center; | ||
background-size: cover; | background-size: cover; | ||
} | } |
Latest revision as of 23:56, 30 November 2016
@font-face {
font-family: Harmattan; font-weight: 400; font-style: normal; src: url("https://2016.igem.org/File:T--SCSU-New_Haven--Harmattan-Regular.ttf") format('truetype');
} @font-face {
font-family: Reem Kufi; font-weight: 400; font-style: normal; src: url("https://2016.igem.org/File:T--SCSU-New_Haven--ReemKufi-Regular.ttf") format('truetype');
} html, body, div, p, a {
font-family: Harmattan; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
} a, .anchor {
outline: none; color: #28272b; text-decoration: none;
} a:hover, .anchor:hover {
color: #f9f9f9; text-decoration: none;
} a:focus, .anchor:focus {
outline: none; text-decoration: none;
} h1 {
font-family: Reem Kufi;
} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block;
} audio, canvas, video {
display: inline-block;
} audio:not([controls]) {
display: none; height: 0;
} [hidden] {
display: none;
} html {
font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} a:focus {
outline: thin dotted;
} a:active, a:hover {
outline: 0;
} h1 {
font-size: 2em;
} abbr[title] {
border-bottom: 1px dotted;
} b, strong {
font-weight: 700;
} dfn {
font-style: italic;
} mark {
background: #ff0; color: #000;
} code, kbd, pre, samp {
font-family: monospace, serif; font-size: 1em;
} pre {
white-space: pre-wrap; word-wrap: break-word;
} q {
quotes: 2 1C 2 1D 2 18 2 19;
} small {
font-size: 80%;
} sub, sup {
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
} sup {
top: -0.5em;
} sub {
bottom: -0.25em;
} img {
border: 0;
} svg:not(:root) {
overflow: hidden;
} fieldset {
border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;
} button, input, select, textarea {
font-family: inherit; font-size: 100%; margin: 0;
} button, input {
line-height: normal;
} button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button; cursor: pointer;
} button[disabled], input[disabled] {
cursor: default;
} input[type=checkbox], input[type=radio] {
box-sizing: border-box; padding: 0;
} input[type=search] {
-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} textarea {
overflow: auto; vertical-align: top;
} table {
border-collapse: collapse; border-spacing: 0;
} body, figure {
margin: 0;
} legend, button::-moz-focus-inner, input::-moz-focus-inner {
border: 0; padding: 0;
} .clearfix:after {
visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
- {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
- {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; margin: 0; padding: 0;
}
- drawer-toggle:checked ~ #drawer-toggle-label {
height: 100 $; width: calc(100% - 300px); background: rgba(255,255,255,0.8); left: 300px;
}
- drawer-toggle:checked ~ header {
left: 300px;
}
- drawer-toggle:checked ~ #drawer {
left: 0px;
}
- drawer-toggle:checked ~ #page-content {
margin-left: 300px;
}
- drawer ul {
list-style-type: none;
}
- drawer ul a {
display: block; padding: 10px; color: #c7c7c7; text-decoration: none;
}
- drawer ul a:hover {
color: #fff;
} @media all and (max-width: 350px) {
#drawer-toggle:checked ~ #drawer-toggle-label { height: 100%; width: 50px; } #drawer-toggle:checked ~ #drawer-toggle-label, #drawer-toggle:checked ~header { left: calc(100% - 50px); } #drawer-toggle:checked ~ drawer { width: calc(100% - 50px); padding: 20px; } #drawer-toggle:checked ~ #page-content { margin-left: calc(100% - 50px); }
} .kukuri {
text-transform: uppercase; overflow: hidden; display: inline-block;
} .kukuri::before {
content: attr(data-letters); position: absolute; z-index: 2; overflow: hidden; color: #424242; white-space: nowrap; width: 0%; -webkit-transition: width 0.4s 0.3s; transition: width 0.4s 0.3s;
} .kukuri::after {
content: ; position: absolute; height: 16px; width: 100%; top: 50%; margin-top: -8px; right: 0; background: #f9f9f9; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
} .kukuri:hover::before {
width: 100%;
} .kukuri:hover::after {
-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
} .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin: 0px;
}
- HQ_page p {
font-size: 20px;
}
- HQ_page .clear {
height: 0px;
} .clear clear both height 0px,
- sideMenu {
display: none;
}
- top_title {
display: none;
}
- content {
width: 100%; margin: 0px auto; padding: 0px; border: none; background: none;
}
- globalWrapper {
width: 100%; padding: 0px; margin-top: -25px;
} .firstHeading {
display: none;
}
- bodyContent h1,
- bodyContent h2 {
margin: 0;
} html, body {
height: 100%; background-color: #efefef; overflow-x: hidden;
} ul {
list-style-type: none;
} .navbar-brand img {
width: 110px; margin-top: -5%;
} footer {
padding-top: 1%; margin-top: 4%; height: 25vh; color: #fff; background-color: #a09a9a;
} footer .container #footer_team_logo {
width: 100%; height: auto;
} footer img {
width: 100%; height: auto;
} hr {
border-width: 5px; clear: both; display: block; width: 96%; background-color: #1e1a1b; height: 1px;
}
- home,
- team,
- parts,
- safety,
- attributions,
- human_practices {
min-height: 80vh;
}
- page {
width: 100%;
} .link {
outline: none; display: inline-block; position: relative; text-decoration: none; font-size: 2em; color: #424242;
} .flex {
display: flex; flex-direction: column; align-items: center; justify-content: center;
} .footer_flex {
display: flex; align-items: center; justify-content: center;
}
- home #home-hero-bg {
background-image: url(""); background-size: cover; background-repeat: no-repeat; height: 70vh;
}
- home #home-hero-bg .hero {
width: 100%; height: 100%; background-color: rgba(50,50,50,0.7);
}
- home #home-hero-bg .hero div {
display: flex; flex-direction: column; justify-content: center; color: #fff; height: 100%; margin-left: 5%; font-weight: 500; line-height: 1.2; letter-spacing: 3px; text-transform: uppercase;
}
- home #desc {
margin-top: 5%; text-align: center; width: 70%;
}
- home #stag_cont {
margin-top: 5%; margin-bottom: 5%; width: 70%;
}
- home #stag_cont .row {
height: 40vh;
}
- home #stag_cont .row div {
margin-top: 5%; height: 100%; text-align: center;
}
- home #stag_cont .row div img {
width: 100%; height: auto;
}
- home #showcase {
width: 100%;
}
- home #showcase .row {
display: flex; justify-content: center;
}
- home #showcase .row .showcase_item {
height: calc(30% + 20px); width: calc(26vw); margin: 20px; padding: 60px 0; z-index: 1; position: relative; text-align: center; display: inline-block; align-items: center; justify-content: center; -webkit-transform: translate3d(0, 0, 0);
}
- home #showcase .row .showcase_item_long {
height: calc(40% + 20px); width: calc(45vw); margin: 20px; padding: 80px 0; z-index: 1; position: relative; text-align: center; display: inline-block; align-items: center; justify-content: center; -webkit-transform: translate3d(0, 0, 0);
}
- home #showcase #sc_team {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkTeam.png");
}
- home #showcase #sc_parts {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkATT.jpeg");
}
- home #showcase #sc_results {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg");
}
- home #showcase #sc_notebook {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkNotebook.jpg");
}
- home #showcase #sc_attribution {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenHP1.jpeg");
}
- team #team_hero_bg {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png"); background-size: cover; background-repeat: no-repeat; height: 40vh; color: #fff; text-align: center; margin-top: 4%; margin-bottom: 7%;
}
- team #team_hero_bg div {
width: 50%;
}
- team .baraja-demo {
width: 200px; margin: 30px auto; color: #aaa; height: 50vh;
}
- team .baraja-demo h4 {
color: #666; font-size: 14px; padding: 8px 10px 5px; margin: 20px 3px 5px; border-bottom: 1px solid #f0f0f0;
}
- team .baraja-demo p {
font-size: 12px; font-weight: 700; padding: 0 10px; margin: 10px 3px 0;
}
- team .baraja-demo li img {
display: block; margin: 0 auto; width: 100%; border-radius: 10px 10px 0 0;
}
- team .baraja-demo .baraja-container {
width: 200px; height: 310px; margin: 0 auto 30px; position: relative; padding: 0; list-style-type: none;
}
- team .baraja-demo .baraja-container li {
width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; cursor: pointer; background: #fff; pointer-events: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; padding: 5px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
- team #thanks {
margin-bottom: 5%;
}
- team #thanks div {
margin-left: 5%;
}
- team #sponsor_list .row {
display: flex; align-items: center; justify-content: center;
}
- team img {
width: 100%; height: auto;
}
- parts #parts_hero_bg {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png"); background-size: cover; background-repeat: no-repeat; height: 40vh; color: #fff; text-align: center; margin-top: 4%; margin-bottom: 7%;
}
- parts #parts_hero_bg div {
width: 50%;
}
- parts #parts_content .sub_section {
margin-left: 5%;
}
- attributions #attr_hero_bg {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png"); background-size: cover; background-repeat: no-repeat; height: 40vh; color: #fff; text-align: center; margin-top: 4%; margin-bottom: 7%;
}
- attributions #attr_hero_bg div {
width: 50%;
}
- attributions #attr_content .sub_section {
margin-left: 5%;
}
- safety #safety_1 {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg"); background-size: cover;
}
- safety #safety_2 {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab1.jpeg"); background-size: cover;
}
- safety #safety_3 {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg"); background-size: cover;
}
- safety #safety_4 {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Bench.jpeg"); background-size: cover;
}
- safety #safety-div {
display: flex; flex-direction: column; justify-content: center; color: #fff;
}
- human_practices {
margin-bottom: 5%;
}
- human_practices #hp_hero_bg {
background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png"); background-size: cover; background-repeat: no-repeat; height: 40vh; color: #fff; text-align: center; margin-top: 4%; margin-bottom: 7%;
}
- human_practices #desc {
display: flex; align-items: center; justify-content: center;
}
- human_practices #stag_cont {
margin-top: 5%;
}
- human_practices #stag_cont .row {
margin-top: 5%; display: flex; align-items: center; justify-content: center;
}
- human_practices #stag_cont img {
width: 100%; height: auto;
} .bckgnd_image {
position: static; min-height: 945px; height: 100%; background-image: url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg"); background-attachment: fixed; background-position: center center; background-size: cover;
}