Difference between revisions of "Template:Tongji China/CSS 3"

Line 1: Line 1:
−
/* This document, originally from getmdl.io, was modified */
+
#view-source {
 +
  position: fixed;
 +
  display: block;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin-right: 40px;
 +
  margin-bottom: 40px;
 +
  z-index: 900;
 +
}
 +
 
 +
.demo-card-wide.mdl-card {
 +
  margin: auto;
 +
  margin-top: 20px;
 +
  align-items: center;
 +
  width: 70%;
 +
  border-radius:6px
 +
}
 +
.demo-card-wide > .mdl-card__title {
 +
  color: #757575;
 +
  align-self: center;
 +
  /*height: 176px;*/
 +
}
 +
.demo-card-wide > .mdl-card__menu {
 +
  color: #757575;
 +
}
 +
 
 +
.mdl-card__title-text {
 +
  padding-top: 20px;
 +
}
 +
 
 +
.mdl-card__supporting-text {
 +
  line-height: 130%;
 +
}
 +
 
 +
@media only screen and (max-device-width: 1200px) {
 +
  .demo-card-wide.mdl-card {
 +
    width: 80%;
 +
    max-width: 1500px
 +
  }
 +
}
 +
 
 +
@media only screen and (max-device-width: 900px) {
 +
  .demo-card-wide.mdl-card {
 +
    width: 90%;
 +
  }
 +
}
 +
 
 +
@media only screen and (max-device-width: 600px) {
 +
  .demo-card-wide.mdl-card {
 +
    width: 95%;
 +
  }
 +
}
 +
 
 +
 
 +
 
 +
/* ----------- Fonts ----------- */
  
 
@font-face {
 
@font-face {
Line 27: Line 82:
 
   -webkit-font-smoothing: antialiased;
 
   -webkit-font-smoothing: antialiased;
 
}
 
}
−
 
−
 
−
/* Fonts */
 
  
 
/* latin-ext */
 
/* latin-ext */

Revision as of 13:16, 26 October 2017

  1. view-source {
 position: fixed;
 display: block;
 right: 0;
 bottom: 0;
 margin-right: 40px;
 margin-bottom: 40px;
 z-index: 900;

}

.demo-card-wide.mdl-card { 

 margin: auto;
 margin-top: 20px;
 align-items: center;
 width: 70%;
 border-radius:6px

} .demo-card-wide > .mdl-card__title { 

 color: #757575;
 align-self: center;
 /*height: 176px;*/

} .demo-card-wide > .mdl-card__menu { 

 color: #757575;

}

.mdl-card__title-text { 

 padding-top: 20px;

}

.mdl-card__supporting-text { 

 line-height: 130%;

}

@media only screen and (max-device-width: 1200px) { 

 .demo-card-wide.mdl-card {
   width: 80%;
   max-width: 1500px
 }

}

@media only screen and (max-device-width: 900px) { 

 .demo-card-wide.mdl-card {
   width: 90%;
 }

}

@media only screen and (max-device-width: 600px) { 

 .demo-card-wide.mdl-card {
   width: 95%;
 }

}


/* ----------- Fonts ----------- */

@font-face { 

 font-family: 'Material Icons';
 font-style: normal;
 font-weight: 400;
 src: url('https://static.igem.org/mediawiki/2017/2/25/2017tongji_MaterialIcons-Regular.eot');
 src: url('https://static.igem.org/mediawiki/2017/2/25/2017tongji_MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
      url('https://static.igem.org/mediawiki/2017/2/22/2017tongji_MaterialIcons-Regular.woff') format('woff'),
      url('https://static.igem.org/mediawiki/2017/f/f7/2017tongji_MaterialIcons-Regular.ttf')  format('truetype'),
      url('https://static.igem.org/mediawiki/2017/c/c7/2017tongji_MaterialIcons-Regular.svg#svgFontName') format('svg');

}

.material-icons { 

 font-family: 'Material Icons';
 font-weight: normal;
 font-style: normal;
 font-size: 24px;
 line-height: 1;
 letter-spacing: normal;
 text-transform: none;
 display: inline-block;
 white-space: nowrap;
 word-wrap: normal;
 direction: ltr;
 -webkit-font-feature-settings: 'liga';
 -webkit-font-smoothing: antialiased;

}

/* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: italic;
 font-weight: 400;
 src: local('Roboto Italic'), local('Roboto-Italic'), url('https://static.igem.org/mediawiki/2017/d/da/2017tongji_fonts_Roboto-Italic_A.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: italic;
 font-weight: 400;
 src: local('Roboto Italic'), local('Roboto-Italic'), url('https://static.igem.org/mediawiki/2017/b/bc/2017tongji_fonts_Roboto-Italic_B.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: italic;
 font-weight: 700;
 src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('https://static.igem.org/mediawiki/2017/b/b8/2017tongji_fonts_Roboto-BoldItalic_C.woff') format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: italic;
 font-weight: 700;
 src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('https://static.igem.org/mediawiki/2017/a/a6/2017tongji_fonts_Roboto-BoldItalic_D.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 100;
 src: local('Roboto Thin'), local('Roboto-Thin'), url('https://static.igem.org/mediawiki/2017/b/b6/2017tongji_fonts_Roboto-Thin_E.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 100;
 src: local('Roboto Thin'), local('Roboto-Thin'), url('https://static.igem.org/mediawiki/2017/c/c6/2017tongji_fonts_Roboto-Thin_F.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 src: local('Roboto Light'), local('Roboto-Light'), url('https://static.igem.org/mediawiki/2017/e/e8/2017tongji_fonts_Roboto-Light_G.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 src: local('Roboto Light'), local('Roboto-Light'), url('https://static.igem.org/mediawiki/2017/f/ff/2017tongji_fonts_Roboto-Light_H.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 400;
 src: local('Roboto'), local('Roboto-Regular'), url('https://static.igem.org/mediawiki/2017/c/c0/2017tongji_fonts_Roboto-Regular_I.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 400;
 src: local('Roboto'), local('Roboto-Regular'), url('https://static.igem.org/mediawiki/2017/b/ba/2017tongji_fonts_Roboto-Regular_J.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url('https://static.igem.org/mediawiki/2017/7/7a/2017tongji_fonts_Roboto-Medium_K.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: local('Roboto Medium'), local('Roboto-Medium'), url('https://static.igem.org/mediawiki/2017/d/d6/2017tongji_fonts_Roboto-Medium_L.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 700;
 src: local('Roboto Bold'), local('Roboto-Bold'), url('https://static.igem.org/mediawiki/2017/0/03/2017tongji_fonts_Roboto-Bold_M.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 700;
 src: local('Roboto Bold'), local('Roboto-Bold'), url('https://static.igem.org/mediawiki/2017/0/09/2017tongji_fonts_Roboto-Bold_N.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 900;
 src: local('Roboto Black'), local('Roboto-Black'), url('https://static.igem.org/mediawiki/2017/c/ce/2017tongji_fonts_Roboto-Black_O.woff') format('woff');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Roboto';
 font-style: normal;
 font-weight: 900;
 src: local('Roboto Black'), local('Roboto-Black'), url('https://static.igem.org/mediawiki/2017/2/23/2017tongji_fonts_Roboto-Black_P.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}