|
|
| Line 66: |
Line 66: |
| | font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; | | font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; |
| | color: #fff; | | color: #fff; |
| − | background-color: #000;
| + | background:center no-repeat fixed url('https://static.igem.org/mediawiki/2015/a/a8/Edigem15_design_first.png'); |
| | } | | } |
| | | | |
| Line 105: |
Line 105: |
| | | | |
| | | | |
| − | .intro {
| |
| − | display: table;
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | text-align: center;
| |
| − | color: #fff;
| |
| − | background-color: #000;
| |
| − | background: url("https://static.igem.org/mediawiki/2015/6/62/Edigem15_practices_Story.png") no-repeat bottom center scroll;
| |
| − | -webkit-background-size: cover;
| |
| − | -moz-background-size: cover;
| |
| − | background-size: cover;
| |
| − | -o-background-size: cover;
| |
| − | }
| |
| | | | |
| − | .intro .intro-body {
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| − | margin-left: auto;
| |
| − | }
| |
| − |
| |
| − | .intro .intro-body .brand-heading {
| |
| − | margin-top: 15%;
| |
| − | font-size: 40px;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | .intro .intro-body .intro-text {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | .intro {
| |
| − | height: 50%;
| |
| − | padding: 0;
| |
| − | box-shadow: 0 -100px 100px #000 inset;
| |
| − | }
| |
| − |
| |
| − | .intro .intro-body .brand-heading {
| |
| − | font-size: 100px;
| |
| − | }
| |
| − |
| |
| − | .intro .intro-body .intro-text {
| |
| − | font-size: 26px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*foreword*/
| |
| − |
| |
| − |
| |
| − | header .intro-text {
| |
| − | padding-top: 50px;
| |
| − | padding-bottom: 50px;
| |
| − | }
| |
| − |
| |
| − | 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;
| |
| − | text-color: #fff;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-heading {
| |
| − | margin-bottom: 25px;
| |
| − | 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: 50px;
| |
| − | 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;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-heading {
| |
| − | margin-bottom: 50px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 75px;
| |
| − | font-weight: 700;
| |
| − | line-height: 75px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | section {
| |
| − | padding: 10px 0;
| |
| − | }
| |
| − |
| |
| − | section h2.section-heading
| |
| − | {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 15px;
| |
| − | font-size: 40px;
| |
| − | color: white;
| |
| − | border-bottom: none;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | section h3.section-subheading {
| |
| − | margin-bottom: 75px;
| |
| − | text-transform: none;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-style: italic;
| |
| − | font-weight: 400;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | section {
| |
| − | padding: 10px 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .service-heading {
| |
| − | margin: 15px 0;
| |
| − | text-transform: none;
| |
| − | }
| |
| | | | |
| | | | |