Difference between revisions of "Team:USTC/css/style.css"

Line 1: Line 1:
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
  width: 100%;
 
  height: 100%;
 
  border: 0px;
 
  background-color: transparent;
 
  margin: 0px;
 
  padding: 0px;
 
}
 
html, body, .wrapper { /*-- changes default wiki settings --*/
 
  width: 100%;
 
  height: 100%;
 
  background-color: transparent;
 
}
 
@font-face {
 
    font-family: 'Material Icons';
 
    font-style: normal;
 
    font-weight: 400;
 
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff');
 
    src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot);        /* For IE6-8 */
 
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype')
 
}
 
 
.material-icons {
 
.material-icons {
 
     font-family: 'Material Icons';
 
     font-family: 'Material Icons';
Line 33: Line 11:
 
     -webkit-font-feature-settings: 'liga';
 
     -webkit-font-feature-settings: 'liga';
 
     -webkit-font-smoothing: antialiased;
 
     -webkit-font-smoothing: antialiased;
}
 
@font-face {
 
    font-family: "Roboto";
 
    src: url("https://static.igem.org/mediawiki/2015/e/e8/USTC-Roboto-Thin.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/7/7c/Roboto-Thin.ttf") format("truetype");
 
    font-weight: 200;
 
}
 
@font-face {
 
    font-family: "Roboto";
 
    src: url("https://static.igem.org/mediawiki/2015/e/ed/USTC-Roboto-Light.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/3/34/USTC-Roboto-Light.ttf") format("truetype");
 
    font-weight: 300;
 
}
 
@font-face {
 
    font-family: "Roboto";
 
    src: url("https://static.igem.org/mediawiki/2015/c/ce/USTC-Roboto-Regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/1/1e/Roboto-Regular.ttf") format("truetype");
 
    font-weight: 400;
 
}
 
@font-face {
 
    font-family: "Roboto";
 
    src: url("https://static.igem.org/mediawiki/2015/4/43/USTC-Roboto-Medium.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/2/20/Roboto-Medium.ttf") format("truetype");
 
    font-weight: 500;
 
}
 
@font-face {
 
    font-family: "Roboto";
 
    src: url("https://static.igem.org/mediawiki/2015/e/ee/USTC-Roboto-Bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/9/9d/Roboto-Bold.ttf") format("truetype");
 
    font-weight: 700;
 
 
}
 
}
 
.team_logo {
 
.team_logo {
     background-image: url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png);
+
     background-image: url(./Ustc_Team_logo.png);
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
    background-position: right;
+
     width: 600px;
     width: 900px;
+
 
     height: 600px;
 
     height: 600px;
     position: fixed;
+
     position: absolute;
     margin-right: -78px;
+
     right: -75px;
    right: 0;
+
     top: -68px;
     top: -50px;
+
 
     opacity: 0.7;
 
     opacity: 0.7;
 +
    margin-bottom: -600px;
 +
}
 +
body {
 +
    background-image:
 
}
 
}
 
.background {
 
.background {
Line 79: Line 34:
 
     display: block;
 
     display: block;
 
     position: static;
 
     position: static;
     width: 2560px;
+
     border-right: 2560px solid #2196f3;
     height: 340px;
+
     border-top: 340px solid #2196f3;
    background: #2196f3;
+
 
}
 
}
 
.background::after {
 
.background::after {

Revision as of 13:33, 28 August 2015

.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;
   word-wrap: normal;
   -webkit-font-feature-settings: 'liga';
   -webkit-font-smoothing: antialiased;

} .team_logo {

   background-image: url(./Ustc_Team_logo.png);
   background-repeat: no-repeat;
   width: 600px;
   height: 600px;
   position: absolute;
   right: -75px;
   top: -68px;
   opacity: 0.7;
   margin-bottom: -600px;

} body {

   background-image:

} .background {

   margin-bottom: -515px;
   overflow: hidden;

} .background::before {

   content: " ";
   display: block;
   position: static;
   border-right: 2560px solid #2196f3;
   border-top: 340px solid #2196f3;

} .background::after {

   content: " ";
   display: block;
   position: static;
   width: 0;
   height: 0;
   border-right: 2560px solid #2196f3;
   border-bottom: 175px solid transparent;

} body {

   width: 100%;

} p {

   font-family: 'Roboto', sans-serif;

} img {

   max-width: 100%;

}