Difference between revisions of "Template:Aalto-Helsinki"

 
(26 intermediate revisions by the same user not shown)
Line 202: Line 202:
 
}
 
}
 
#mainlogo {
 
#mainlogo {
−
   background-image: url("https://static.igem.org/mediawiki/2017/6/68/T--Aalto-Helsinki--mainlogo.png");
+
   background-image: url("https://static.igem.org/mediawiki/2017/a/ad/T--Aalto-Helsinki--mainlogo-2.png");
 
   background-size: cover;
 
   background-size: cover;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
Line 222: Line 222:
 
   min-height: 65%;
 
   min-height: 65%;
 
   padding: 0px 0px;  
 
   padding: 0px 0px;  
−
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
+
   /*display: -webkit-box;*/     /* OLD - iOS 6-, Safari 3.1-6 */
−
   display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
+
   /*display: -moz-box;*/         /* OLD - Firefox 19- (buggy but mostly works) */
−
   display: -ms-flexbox;      /* TWEENER - IE 10 */
+
   /*display: -ms-flexbox;*/     /* TWEENER - IE 10 */
−
   display: -webkit-flex;    /* NEW - Chrome */
+
   /*display: -webkit-flex;*/     /* NEW - Chrome */
−
   display: flex;
+
   /*display: flex;*/
−
   flex-direction: column;
+
   /*flex-direction: column;*/
 
}
 
}
 
.front-page > div {
 
.front-page > div {
Line 267: Line 267:
 
   margin-right: 15px;
 
   margin-right: 15px;
 
   margin-bottom: 15px;
 
   margin-bottom: 15px;
−
  /*border: 1px solid #4d4d4d;*/
 
 
   -webkit-border-radius: 3px;
 
   -webkit-border-radius: 3px;
 
     -moz-border-radius: 3px;
 
     -moz-border-radius: 3px;
Line 297: Line 296:
 
   background-color: #339999;
 
   background-color: #339999;
 
   color: #ffffff;
 
   color: #ffffff;
 +
  font-family: Work Sans !important;
 
}
 
}
  
Line 388: Line 388:
  
 
.basictext {
 
.basictext {
−
   font-weight: 200;
+
   font-weight: 300 !important;
 
   line-height: 32px;
 
   line-height: 32px;
 
   font-family: Work Sans;
 
   font-family: Work Sans;
Line 394: Line 394:
  
 
.introtext {
 
.introtext {
−
   font-weight: 200;
+
   font-weight: 300 !important;
 
   line-height: 32px;
 
   line-height: 32px;
 
}
 
}
Line 477: Line 477:
 
   padding: 30px 0px;
 
   padding: 30px 0px;
 
   text-align: left;
 
   text-align: left;
−
   background-color: #336633;
+
   background-color: #bbddbb;
 
   overflow: hidden;
 
   overflow: hidden;
 
   font-family: Work Sans;
 
   font-family: Work Sans;
Line 567: Line 567:
 
   background-image: url("https://static.igem.org/mediawiki/2017/d/d1/T--Aalto-Helsinki--Laboratory-block.jpg");
 
   background-image: url("https://static.igem.org/mediawiki/2017/d/d1/T--Aalto-Helsinki--Laboratory-block.jpg");
 
   background-size: cover;
 
   background-size: cover;
−
  /*background-position: center center; maybe???*/
 
 
   background-color: #339999;
 
   background-color: #339999;
 
   overflow: hidden;
 
   overflow: hidden;
Line 591: Line 590:
 
   background-size: cover;
 
   background-size: cover;
 
   background-color: #006699;
 
   background-color: #006699;
 +
  overflow: hidden;
 +
}
 +
#color-block-peo {
 +
  width: 100%;
 +
  top: 2%;
 +
  padding: 30px 0px;
 +
  text-align: left;
 +
  background-size: cover;
 +
  background-color: #bbddbb; /* green */
 
   overflow: hidden;
 
   overflow: hidden;
 
}
 
}
Line 600: Line 608:
 
   background-image: url("https://static.igem.org/mediawiki/2017/2/2e/T--Aalto-Helsinki--Project-block.jpg");   
 
   background-image: url("https://static.igem.org/mediawiki/2017/2/2e/T--Aalto-Helsinki--Project-block.jpg");   
 
   background-size: cover;
 
   background-size: cover;
−
  /*background-position: center center; maybe???*/
 
 
   background-color: #339999;
 
   background-color: #339999;
 
   overflow: hidden;
 
   overflow: hidden;
Line 611: Line 618:
 
   background-image: url("https://static.igem.org/mediawiki/2017/4/46/T--Aalto-Helsinki--Outreach-block.jpg");
 
   background-image: url("https://static.igem.org/mediawiki/2017/4/46/T--Aalto-Helsinki--Outreach-block.jpg");
 
   background-size: cover;
 
   background-size: cover;
−
  /*background-position: center center; maybe???*/
 
 
   background-color: #339999;
 
   background-color: #339999;
 
   overflow: hidden;
 
   overflow: hidden;
Line 622: Line 628:
 
   background-image: url("https://static.igem.org/mediawiki/2017/0/0b/T--Aalto-Helsinki--Judging-block.jpg");
 
   background-image: url("https://static.igem.org/mediawiki/2017/0/0b/T--Aalto-Helsinki--Judging-block.jpg");
 
   background-size: cover;
 
   background-size: cover;
−
  /*background-position: center center; maybe???*/
 
 
   background-color: #339999;
 
   background-color: #339999;
 
   overflow: hidden;
 
   overflow: hidden;
Line 628: Line 633:
  
 
#parts-text {
 
#parts-text {
−
   padding: 1% 0% 1% 13%;
+
   padding: 1% 0% 1% 14%;
−
   color: #ffffff;
+
   color: #336633;
−
   width: 46%;
+
   width: 66%;
 
   float: left;
 
   float: left;
 
   text-align: justify;
 
   text-align: justify;
 
   font-weight: bold;
 
   font-weight: bold;
 
   overflow: hidden;
 
   overflow: hidden;
 +
  font-family: Work Sans !important;
 
}
 
}
 
#parts-photo {
 
#parts-photo {
 
   padding: 1% 13% 1% 5%;
 
   padding: 1% 13% 1% 5%;
 
   float: right;
 
   float: right;
−
   width: 23%;
+
   width: 30%;
 +
  max-width: 660px;
 
}
 
}
  
Line 664: Line 671:
 
.color-block-container > div > div {
 
.color-block-container > div > div {
 
   flex: 1 1 auto;
 
   flex: 1 1 auto;
 +
  margin-top: 5px;
 
}
 
}
 
.color-block-hp > div {
 
.color-block-hp > div {
Line 702: Line 710:
 
}
 
}
 
#color-block-hp {
 
#color-block-hp {
−
  /*height: 200px;*/
 
−
  /*min-height: 100px;*/
 
−
  /*width: 100%;
 
−
  top: 0%;
 
−
  height: 80%;
 
−
  padding: 3% 0px;*/
 
 
   text-align: left;
 
   text-align: left;
 
   background-color: #c63;
 
   background-color: #c63;
−
  /*overflow: hidden;*/
 
 
}
 
}
 
#color-block-team {
 
#color-block-team {
−
  /*scroll effect: background: url("./img/1group crop+.jpg") no-repeat center center fixed;*/
+
   background: url("https://static.igem.org/mediawiki/2017/c/c2/T--Aalto-Helsinki--group_grass.jpg") no-repeat center center;
−
   background: url("https://static.igem.org/mediawiki/2017/c/c2/T--Aalto-Helsinki--group_grass.jpg") no-repeat center center; /* attention, no dash */
+
−
  /*background-size: 100%;*/
+
 
   background-size: cover;
 
   background-size: cover;
 
   height: 55%;
 
   height: 55%;
−
  /*width: 100%;
 
−
  top: 2%;
 
−
  padding: 30px 0px;
 
−
  text-align: left;
 
−
  background-color: #c63;
 
−
  overflow: hidden;*/
 
 
}
 
}
  
Line 731: Line 724:
 
div#color-block-mod span,
 
div#color-block-mod span,
 
div#color-block-com span,
 
div#color-block-com span,
 +
div#color-block-hp1 span,
 +
div#color-block-hp2 span,
 +
div#color-block-hp3 span,
 
div#color-block-hp span {
 
div#color-block-hp span {
 
     display: block;
 
     display: block;
Line 745: Line 741:
 
div#color-block:hover span,
 
div#color-block:hover span,
 
div#color-block-mod:hover span,
 
div#color-block-mod:hover span,
−
div#color-block-com:hover span
+
div#color-block-com:hover span,
 +
div#color-block-hp1:hover span,
 +
div#color-block-hp2:hover span,
 +
div#color-block-hp3:hover span,
 
div#color-block-hp:hover span {
 
div#color-block-hp:hover span {
 
     opacity: 1;
 
     opacity: 1;
Line 751: Line 750:
  
 
#color-block:hover {
 
#color-block:hover {
−
  /*background-color: #066;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
}
 
}
 
#color-block-mod:hover {
 
#color-block-mod:hover {
−
  /*background-color: #b88a2e;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
}
 
}
 
.color-block-hp > div:hover {
 
.color-block-hp > div:hover {
−
  /*background-color: #b85c2e;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
}
 
}
 
#color-block-hp1:hover {
 
#color-block-hp1:hover {
−
  /*background-color: #b85c2e;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
}
 
}
 
#color-block-hp2:hover {
 
#color-block-hp2:hover {
−
  /*background-color: #b85c2e;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
}
 
}
 
#color-block-hp3:hover {
 
#color-block-hp3:hover {
−
  /*background-color: #b85c2e;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
}
 
}
 
#color-block-com:hover {
 
#color-block-com:hover {
−
  /*background-color: #036;*/
 
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   -webkit-filter:  grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
 
   filter: grayscale(10%) brightness(85%);
Line 787: Line 779:
 
.text1 {
 
.text1 {
 
   width: 60%;
 
   width: 60%;
−
  /*text closer to center*/
 
 
   float: left;
 
   float: left;
 
   padding: 2% 0;
 
   padding: 2% 0;
Line 799: Line 790:
 
   left: 50%;
 
   left: 50%;
 
   width: 40%;
 
   width: 40%;
−
  /*so the text doesn't start immediately from 50% of page*/
 
 
   float: right;
 
   float: right;
 
   font-family: 'Quicksand';
 
   font-family: 'Quicksand';
Line 809: Line 799:
 
.text2-hp {
 
.text2-hp {
 
   min-height: 150px; /* added because iGEM + Firefox breaks the function*/
 
   min-height: 150px; /* added because iGEM + Firefox breaks the function*/
−
  /*left: 50%;*/
 
 
   font-family: 'Quicksand';
 
   font-family: 'Quicksand';
 
   line-height: normal;
 
   line-height: normal;
Line 815: Line 804:
 
   width: 40%;
 
   width: 40%;
 
   text-align: left;
 
   text-align: left;
−
  /*so the text doesn't start immediately from 50% of page*/
 
−
  /*float: right;
 
−
  font-size: 16px;
 
−
  color: #ffffff;*/
 
 
   text-decoration: none;
 
   text-decoration: none;
 
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
 
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
Line 825: Line 810:
 
   display: -webkit-flex;    /* NEW - Chrome */
 
   display: -webkit-flex;    /* NEW - Chrome */
 
   display: flex;
 
   display: flex;
−
  /*The links will flex in the vertical direction*/
 
 
   flex-direction: column;
 
   flex-direction: column;
 
   justify-content: center;
 
   justify-content: center;
Line 906: Line 890:
 
   font-size: 115% !important;
 
   font-size: 115% !important;
 
   line-height: 30px !important;
 
   line-height: 30px !important;
−
   font-style: italic !important;
+
   font-style: normal !important;
 
   text-align: left;
 
   text-align: left;
 
}
 
}
Line 920: Line 904:
 
   list-style: none;
 
   list-style: none;
 
   padding: 0;
 
   padding: 0;
−
   margin: auto; /*this was 0*/
+
   margin: auto;  
−
  /*text-align: center; this was added*/
+
 
   line-height: 1;
 
   line-height: 1;
 
}
 
}
Line 927: Line 910:
 
   position: relative;
 
   position: relative;
 
   display: block;
 
   display: block;
−
   text-align: center; /*test, this was added*/
+
   text-align: center;
 
   background: #ffffff; /*This is the heading1 background*/
 
   background: #ffffff; /*This is the heading1 background*/
 
   width: 100%;
 
   width: 100%;
Line 948: Line 931:
 
}
 
}
 
#dropdown.align-center ul ul {
 
#dropdown.align-center ul ul {
−
   text-align: center; /*this was left*/
+
   text-align: center;
 
}
 
}
 
#dropdown > ul > li {
 
#dropdown > ul > li {
Line 969: Line 952:
 
   font-size: 18px;
 
   font-size: 18px;
 
   font-weight: bold;
 
   font-weight: bold;
−
   text-align: center; /* this was added */
+
   text-align: center;  
 
   padding: 5px 45px; /* heading sizes */
 
   padding: 5px 45px; /* heading sizes */
 
   color: #363638; /*previous color #7a8189;*/
 
   color: #363638; /*previous color #7a8189;*/
Line 1,035: Line 1,018:
 
   left: auto;
 
   left: auto;
 
   right: auto;
 
   right: auto;
−
   top: 31px; /*this was 44px -> too far away, 31px is right under */
+
   top: 31px;
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
Line 1,073: Line 1,056:
 
}
 
}
 
#dropdown.align-right ul ul li a {
 
#dropdown.align-right ul ul li a {
−
   text-align: center; /* this was right prev. */
+
   text-align: center;
 
}
 
}
  
Line 1,358: Line 1,341:
 
   footer .texts ul a {
 
   footer .texts ul a {
 
     font-size: 12px !important;
 
     font-size: 12px !important;
 +
    padding: 10px 15px !important;
 
   }
 
   }
 
   .pe-2x {
 
   .pe-2x {
Line 1,371: Line 1,355:
 
     max-height: 152px;
 
     max-height: 152px;
 
   }
 
   }
 +
  .porify {
 +
  text-align: center;
 +
  width: 95%;
 +
  margin: auto;
 +
  }
 +
  .front-page > div {
 +
  min-height: 500px !important;
 +
  }
 +
  .front-page > div:nth-child(1) {
 +
  background-position: 50%;
 +
  }
 +
  .quote-text {
 +
  font-size: 18px !important;
 +
  }
 +
  .quote-person {
 +
  font-size: 20px !important;
 +
  }
 +
  .quote-text-white {
 +
  font-size: 18px !important;
 +
  }
 +
  .quote-person-white {
 +
  font-size: 20px !important;
 +
  }
 +
  
 
}
 
}
Line 1,430: Line 1,438:
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Results">Results and Discussion</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Results">Results and Discussion</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future Perspectives</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future Perspectives</a></li>
−
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Improve">Improve</a></li>
 
 
         </li>
 
         </li>
 
       </ul>
 
       </ul>
Line 1,450: Line 1,457:
 
             <li><a href='https://2017.igem.org/Team:Aalto-Helsinki/Human_Practices'>Overview</a></li>
 
             <li><a href='https://2017.igem.org/Team:Aalto-Helsinki/Human_Practices'>Overview</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Story">Project</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Story">Project</a></li>
−
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Education">Public Outreach</a></li>
+
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Engagement">Public Outreach</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Silver">Judging</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Silver">Judging</a></li>
 
         </li>
 
         </li>
Line 1,462: Line 1,469:
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Composite_Part">Composite Part</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Composite_Part">Composite Part</a></li>
 +
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Improve">Improved Part</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/InterLab">InterLab</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/InterLab">InterLab</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li>
 
             <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li>

Latest revision as of 08:11, 4 December 2017

Aalto-Helsinki