Difference between revisions of "Template:Aalto-Helsinki"

 
(13 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-image: url("https://static.igem.org/mediawiki/2017/a/ad/T--Aalto-Helsinki--mainlogo-2.png");
 
   background-size: cover;
 
   background-size: cover;
Line 268: 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 298: Line 296:
 
   background-color: #339999;
 
   background-color: #339999;
 
   color: #ffffff;
 
   color: #ffffff;
 +
  font-family: Work Sans !important;
 
}
 
}
  
Line 568: 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 610: 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 621: 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 632: 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 676: Line 671:
 
.color-block-container > div > div {
 
.color-block-container > div > div {
 
   flex: 1 1 auto;
 
   flex: 1 1 auto;
   padding-top: 10px; /* test if looks better in Firefox */
+
   margin-top: 5px;
 
}
 
}
 
.color-block-hp > div {
 
.color-block-hp > div {
Line 715: 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 770: 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 806: Line 779:
 
.text1 {
 
.text1 {
 
   width: 60%;
 
   width: 60%;
  /*text closer to center*/
 
 
   float: left;
 
   float: left;
 
   padding: 2% 0;
 
   padding: 2% 0;
Line 818: 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 828: 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 834: 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 844: 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 939: 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 946: 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 967: 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 988: 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,054: 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,092: 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,377: 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,390: 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,468: 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>

Latest revision as of 08:11, 4 December 2017

Aalto-Helsinki