Difference between revisions of "Template:HSHL"

@@ Line 66: / Line 66: @@
 /* HEADER*/
 /**************************************************************************************************************************************************************************************************/
+header {
+    text-align: center;
+    color: #fff;
+    background-attachment: scroll;
+    background-image: url("https://static.igem.org/mediawiki/2018/a/a8/T--HSHL--backgroundSoil.jpeg");
+    background-position: center center;
+    background-repeat: none;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+}
+header .intro-text {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+header .intro-text .intro-lead-in {
+    margin-bottom: 25px;
+    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 22px;
+    font-style: italic;
+    line-height: 22px;
+}
+header .intro-text .intro-heading {
+    margin-bottom: 45px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 50px;
+    font-weight: 700;
+    line-height: 50px;
+}
+@media(min-width:768px) {
+    header .intro-text {
+        padding-top: 100px;
+        padding-bottom: 100px;
+    }
+    header .intro-text .intro-lead-in {
+        margin-bottom: 25px;
+        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+        font-size: 40px;
+        font-style: italic;
+        line-height: 40px;
+        text-shadow: black 0.1em 0.1em 0.2em
+    }
+    header .intro-text .intro-heading {
+        margin-bottom: 90px;
+        text-transform: uppercase;
+        font-family: Montserrat,"Helvetica Neue",Helvetica,Aial,sans-serif;
+        font-size: 75px;
+        font-weight: 700;
+        line-height: 75px;
+        text-shadow: black 0.1em 0.1em 0.2em
+    }
+}
 /**************************************************************************************************************************************************************************************************/