Difference between revisions of "Template:Freiburg/test"

Line 94: Line 94:
  
  
 +
/* ============= Declare Fonts for non-Windows machines ============= */
 +
 +
 +
@font-face {
 +
    font-family: Candara;
 +
    src: url(https://static.igem.org/mediawiki/2015/6/6c/Freiburg_Candara.ttf) format('truetype');
 +
 +
}
 +
 +
@font-face {
 +
    font-family: Candara;
 +
    src: url(https://static.igem.org/mediawiki/2015/8/89/Freiburg_Candarab.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
}
 +
@font-face {
 +
    font-family: Candara;
 +
    src: url(https://static.igem.org/mediawiki/2015/3/3e/Freiburg_Candarai.ttf)  format('truetype');
 +
  font-weight: normal;
 +
  font-style: italic;
 +
}
 +
 +
@font-face {
 +
    font-family: Roboto;
 +
    src: url(https://static.igem.org/mediawiki/2015/c/c3/Freiburg_Roboto-Regular.ttf) format('truetype');
 +
 +
}
 +
 +
@font-face {
 +
    font-family: Roboto;
 +
    src: url(https://static.igem.org/mediawiki/2015/b/b9/Freiburg_Roboto-Bold.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
}
 +
@font-face {
 +
    font-family: Roboto;
 +
    src: url(https://static.igem.org/mediawiki/2015/2/2e/Freiburg_Roboto-Italic.ttf)  format('truetype');
 +
  font-weight: normal;
 +
  font-style: italic;
 +
}
 +
@font-face {
 +
    font-family: Roboto;
 +
    src: url(https://static.igem.org/mediawiki/2015/2/2f/Freiburg_Roboto-BoldItalic.ttf)  format('truetype');
 +
  font-weight: bold;
 +
  font-style: italic;
 +
}
 +
 +
 +
 +
/* ============= END: Declare Fonts for non-Windows machines  ============= */
  
  
Line 100: Line 150:
  
 
#menubar {
 
#menubar {
−
        font-size: 16px;
+
    font-size: 16px;
 
background-color: #5781bd;
 
background-color: #5781bd;
 
display: table;
 
display: table;
Line 142: Line 192:
 
width: 100px;
 
width: 100px;
 
display: table-cell;
 
display: table-cell;
−
font-family: "Arial";
+
font-family: "Roboto","Arial";
 
}
 
}
  
Line 207: Line 257:
 
.page_content{
 
.page_content{
 
color: #757575;
 
color: #757575;
 +
font-family: "Roboto", "Arial";
 +
font-style: normal;
 
font-size: 16px;
 
font-size: 16px;
 
line-height: 1.8;
 
line-height: 1.8;
Line 248: Line 300:
  
 
/* ============= END: Full Width Banners  ============= */
 
/* ============= END: Full Width Banners  ============= */
 +
/*
 +
---------------- Our Team Flipcards css ----------------
 +
*/
 +
.flippanel {
 +
    width: 227px;
 +
    height: 341px;
 +
    margin: auto;
 +
    position: relative;
 +
}
 +
 +
.card {
 +
    width: 227px;
 +
    height: 341px;
 +
    -o-transition: all .5s;
 +
    -ms-transition: all .5s;
 +
    -moz-transition: all .5s;
 +
    -webkit-transition: all .5s;
 +
    transition: all .5s;
 +
    -webkit-backface-visibility: hidden;
 +
    -ms-backface-visibility: hidden;
 +
    -moz-backface-visibility: hidden;
 +
    backface-visibility: hidden;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
}
 +
 +
.front {
 +
    z-index: 2;
 +
}
 +
 +
.back {
 +
overflow: auto;
 +
    z-index: 1;
 +
    -webkit-transform: rotateY(180deg);
 +
    -ms-transform: rotateY(180deg);
 +
    -moz-transform: rotateY(180deg); 
 +
    transform: rotateY(180deg); 
 +
 
 +
}
 +
 +
.flippanel:hover .front {
 +
    z-index: 1;
 +
    -webkit-transform: rotateY(-180deg);
 +
    -ms-transform: rotateY(-180deg);
 +
    -moz-transform: rotateY(-180deg);
 +
    transform: rotateY(-180deg);
 +
}
 +
 +
.flippanel:hover .back {
 +
    z-index: 2; 
 +
    -webkit-transform: rotateX(0deg);
 +
    -ms-transform: rotateX(0deg);
 +
    -moz-transform: rotateX(0deg);
 +
    transform: rotateX(0deg);
 +
}
 +
.memberPicture{
 +
width: 227px;
 +
height: 341px;
 +
}
 +
 +
.profile-name {
 +
font-size: 120%;
 +
color: #c1012a;
 +
font-style: bold;
 +
}
 +
.profile-question{
 +
color: #004c97;
 +
}
 +
 +
.flippanel_row{
 +
margin-top: 25px;
 +
display: flex;
 +
}
 +
/*
 +
---------------- END Our Team Flipcards css ----------------
 +
*/
 +
 
</style>
 
</style>
  

Revision as of 16:32, 16 August 2015