Difference between revisions of "Template:Northeastern Boston/CSS"
| (9 intermediate revisions by 2 users not shown) | |||
| Line 124: | Line 124: | ||
border-bottom: 1px solid #222; | border-bottom: 1px solid #222; | ||
background: #2a2a2a; | background: #2a2a2a; | ||
| − | |||
} | } | ||
| Line 231: | Line 230: | ||
.slide { | .slide { | ||
| − | height: 100%; | + | min-height: 100%; |
width: 100%; | width: 100%; | ||
| + | |||
| + | display: -webkit-box; | ||
| + | display: -moz-box; | ||
| + | display: -ms-flexbox; | ||
| + | display: -webkit-flex; | ||
| + | display: flex; | ||
| + | |||
| + | -webkit-align-items: center; | ||
| + | align-items: center; | ||
| + | |||
| + | -webkit-justify-content: center; | ||
| + | justify-content: center; | ||
} | } | ||
#slide1 { | #slide1 { | ||
| − | background-color: # | + | background-color: #4FAE98; |
} | } | ||
#slide2 { | #slide2 { | ||
| − | background-color: # | + | background-color: #f9f9f9; |
} | } | ||
#slide3 { | #slide3 { | ||
| − | background-color: # | + | background-color: #292929; |
} | } | ||
#slide4 { | #slide4 { | ||
| − | background-color: | + | background-color: white; |
} | } | ||
#logo { | #logo { | ||
| − | height: | + | height: 14rem; |
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
| Line 262: | Line 273: | ||
text-align: center; | text-align: center; | ||
padding-bottom: 2rem; | padding-bottom: 2rem; | ||
| − | font-size: 4rem; | + | font-size: 4rem; |
font-weight: 700; | font-weight: 700; | ||
| − | margin: 5rem 0 5rem; | + | margin: 5rem 0 5rem; |
| + | } | ||
| + | #home-header { | ||
| + | text-align: center; | ||
| + | padding-bottom: 2rem; | ||
| + | font-size: 3rem; | ||
| + | font-weight: 700; | ||
| + | margin: 5rem 0 5rem; | ||
| + | color: white; | ||
| + | border-bottom: none; | ||
} | } | ||
#project_description { | #project_description { | ||
| − | + | width: 100%; | |
| − | + | background-color: white; | |
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right: auto; | + | margin-right: auto; |
| + | padding: 0 11%; | ||
| + | overflow: auto; | ||
} | } | ||
| Line 404: | Line 426: | ||
/* Page Header */ | /* Page Header */ | ||
.page-header { | .page-header { | ||
| − | height: | + | height: 400px; |
overflow: hidden; | overflow: hidden; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
| Line 418: | Line 440: | ||
width: 100%; | width: 100%; | ||
margin-top: 125px; | margin-top: 125px; | ||
| + | } | ||
| + | |||
| + | #page-header__project { | ||
| + | background-image: url(https://static.igem.org/mediawiki/2015/d/d1/IGEM_Algae_500.jpg); | ||
| + | } | ||
| + | |||
| + | #page-header__collaboration { | ||
| + | background-image: url(https://static.igem.org/mediawiki/2015/c/cb/Panoramic_Boston_iGEM_collabs.jpg); | ||
} | } | ||
#page-header__notebook { | #page-header__notebook { | ||
| − | background-image: url(https://static.igem.org/mediawiki/2015/ | + | background-image: url(https://static.igem.org/mediawiki/2015/c/c6/All_Gizah_Pyramids_igem1.jpg); |
| − | + | ||
} | } | ||
#page-header__measurement { | #page-header__measurement { | ||
background-image: url(https://static.igem.org/mediawiki/2015/2/23/18555343938_9a33828b03_o.jpg); | background-image: url(https://static.igem.org/mediawiki/2015/2/23/18555343938_9a33828b03_o.jpg); | ||
| − | |||
} | } | ||
#page-header__safety { | #page-header__safety { | ||
background-image: url(https://static.igem.org/mediawiki/2015/6/68/Chlamydomonas2-4.jpg); | background-image: url(https://static.igem.org/mediawiki/2015/6/68/Chlamydomonas2-4.jpg); | ||
| − | |||
} | } | ||
#page-header__outreach { | #page-header__outreach { | ||
| − | background-image: url(https://static.igem.org/mediawiki/2015/ | + | background-image: url(https://static.igem.org/mediawiki/2015/7/73/Earth-space_igem_2015.jpg); |
| − | + | ||
} | } | ||
| − | #page- | + | #page-header__opensource { |
| − | background-image: url(https://static.igem.org/mediawiki/2015/5/50/A_typewriter_%2810995863465%29_copy.jpg) | + | background-image: url(https://static.igem.org/mediawiki/2015/5/50/A_typewriter_%2810995863465%29_copy.jpg); |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
#page-header__protocols { | #page-header__protocols { | ||
| − | background-image: url(https://static.igem.org/mediawiki/2015/1/14/Sea-water-ocean-waves.jpg); | + | background-image: url(https://static.igem.org/mediawiki/2015/1/14/Sea-water-ocean-waves.jpg); |
| − | + | margin-left="200px"; | |
} | } | ||
| − | #page- | + | #page-header__workflow { |
| − | background-image: url(https://static.igem.org/mediawiki/2015/ | + | background-image: url(https://static.igem.org/mediawiki/2015/c/c6/All_Gizah_Pyramids_igem1.jpg); |
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#a-home:before { content: '\f00a'; } | #a-home:before { content: '\f00a'; } | ||
| Line 494: | Line 502: | ||
color:white; | color:white; | ||
} | } | ||
| + | |||
/* Minimal Dropdown */ | /* Minimal Dropdown */ | ||
| Line 714: | Line 723: | ||
.bg-video__overlay { | .bg-video__overlay { | ||
position: absolute; | position: absolute; | ||
| − | + | height: 500px; | |
| − | + | ||
width: 100%; | width: 100%; | ||
/*background-image: url(http://www.walldevil.com/wallpapers/w08/gradients-simple-background-light-colorful-abstract.jpg);*/ | /*background-image: url(http://www.walldevil.com/wallpapers/w08/gradients-simple-background-light-colorful-abstract.jpg);*/ | ||
opacity: .85; | opacity: .85; | ||
| − | top: | + | top: 0px; |
background: #398235; /* Old browsers */ | background: #398235; /* Old browsers */ | ||
| Line 733: | Line 741: | ||
position: absolute; | position: absolute; | ||
height: inherit; | height: inherit; | ||
| − | + | height: 500px; | |
width: 100%; | width: 100%; | ||
background-color: black; | background-color: black; | ||
opacity: .3; | opacity: .3; | ||
| − | top: | + | top: 0px; |
} | } | ||
.bg-video video { | .bg-video video { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 500px; |
object-fit: inherit; | object-fit: inherit; | ||
| Line 850: | Line 858: | ||
} | } | ||
| + | .triads { | ||
| + | margin-bottom: 80px; | ||
| + | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 19:12, 4 October 2015