Difference between revisions of "Template:Concordia/CSS/homepage parallax"

Latest revision as of 06:42, 21 November 2015

.container1 {

 max-width: 960px;
 margin: 0 auto;
 margin-top:-20px;

} /* ============================================================

 SECTIONS

============================================================ */ section.module:last-child {

 margin-bottom: 0;

} section.module h2 {

/* margin-bottom: 40px; */
 font-family: "Roboto Slab", serif;
 font-size: 30px;

} section.module p {

 margin-bottom: 40px;
 font-size: 16px;
 font-weight: 300;

} section.module p:last-child {

 margin-bottom: 0;

} section.module.content {

 padding: 40px 0;

} section.module.parallax {

 height: 600px;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;

} section.module.parallax h1 {

 color: rgba(255, 255, 255, 0.8);
 font-size: 48px;
 line-height: 600px;
 font-weight: 700;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

} section.module.parallax-1 {

 background-image: url("");
 /* background-height: 100%;
 height: 850px; */
 background-position: left bottom;

} section.module.parallax-2 {

 background-image: url("");

} section.module.parallax-3 {

 background-image: url("");

} section.module.parallax-4 {

 background-image: url("");

}

@media all and (min-width: 600px) {

 section.module h2 {
   font-size: 42px;
 }
 section.module p {
   font-size: 20px;
 }
 section.module.parallax h1 {
   font-size: 96px;
 }

} @media all and (min-width: 960px) {

 section.module.parallax h1 {
   font-size: 160px;
 }

}

@@ Line 1: / Line 1: @@
-.container {
+.container1 {
    max-width: 960px;
    margin: 0 auto;
+  margin-top:-20px;
 }
 /* ============================================================
@@ Line 10: / Line 12: @@
 }
 section.module h2 {
-  margin-bottom: 40px;
+ /* margin-bottom: 40px; */
    font-family: "Roboto Slab", serif;
    font-size: 30px;
@@ Line 43: / Line 45: @@
 section.module.parallax-1 {
    background-image: url("https://static.igem.org/mediawiki/2015/6/65/Concordia_homepage_first.jpeg");
-   background-height: 100%;
+   /* background-height: 100%;
-   /* height: 850px; */
+   height: 850px; */
-   background-position: left;
+   background-position: left bottom;
 }
 section.module.parallax-2 {
@@ Line 52: / Line 54: @@
 section.module.parallax-3 {
    background-image: url("https://static.igem.org/mediawiki/2015/d/d1/Concordia_homepage_coffeemilk.jpg");
+}
+section.module.parallax-4 {
+  background-image: url("https://static.igem.org/mediawiki/2015/9/99/Concordia_homepage_4.jpeg");
 }