Difference between revisions of "Template:NAU-CHINA"

 
(46 intermediate revisions by 3 users not shown)
Line 16: Line 16:
 
                 if (h < 500) {
 
                 if (h < 500) {
 
                     if (h >= 200) {
 
                     if (h >= 200) {
                         icon1.animate({ left: '5vw' }, 800);
+
                         icon1.animate({ left: '1.6vw' }, 800);
 
                         icon1.animate({ top: '30vh' }, 500);
 
                         icon1.animate({ top: '30vh' }, 500);
  
                         icon2.animate({ left: '5vw' }, 800);
+
                         icon2.animate({ left: '1.6vw' }, 800);
                         icon2.animate({ top: '40vh' }, 500);
+
                         icon2.animate({ top: '45vh' }, 500);
  
                         icon3.animate({ left: '5vw' }, 800);
+
                         icon3.animate({ left: '1.6vw' }, 800);
                         icon3.animate({ top: '50vh' }, 500);
+
                         icon3.animate({ top: '60vh' }, 500);
  
                         icon4.animate({ left: '5vw' }, 800);
+
                         icon4.animate({ left: '1.6vw' }, 800);
                         icon4.animate({ top: '60vh' }, 500);
+
                         icon4.animate({ top: '75vh' }, 500);
 
                     }
 
                     }
 
                 }
 
                 }
Line 81: Line 81:
 
             width: 80px;
 
             width: 80px;
 
             position: fixed;
 
             position: fixed;
             z-index:99999999999999;
+
             z-index:999;
             background-color:whitesmoke;
+
             background-color:rgba(245,245,245,0.5);
             border-radius:20%;
+
             border-radius:10%;
 
         }
 
         }
 +
  
 
/*==========================Global===============================*/
 
/*==========================Global===============================*/
Line 93: Line 94:
 
#mw-content-text {
 
#mw-content-text {
 
     margin: 60px 0 0 0;
 
     margin: 60px 0 0 0;
}
 
 
figure img {
 
    width:100%;
 
 
}
 
}
  
Line 106: Line 103:
 
     margin:0 !important;
 
     margin:0 !important;
 
     position: absolute !important;
 
     position: absolute !important;
 +
    font-family:sans-serif !important;
 
     font-size: 9vw !important;
 
     font-size: 9vw !important;
    color: #a01111 !important;
 
 
     top:42vh !important;
 
     top:42vh !important;
 
     left:9vw !important;
 
     left:9vw !important;
Line 116: Line 113:
 
     font-size: 4vw !important;
 
     font-size: 4vw !important;
 
     color: #000000 !important;
 
     color: #000000 !important;
     top:63vh !important;
+
     top:72vh !important;
 
     left:27vw !important;
 
     left:27vw !important;
 
}
 
}
Line 127: Line 124:
 
     width: 100%;
 
     width: 100%;
 
     height: 100%;
 
     height: 100%;
     z-index: 9999;
+
     z-index: 99999999;
 
     background: url("https://static.igem.org/mediawiki/2018/0/0c/T--NAU-CHINA--loading_icon.gif") no-repeat black;
 
     background: url("https://static.igem.org/mediawiki/2018/0/0c/T--NAU-CHINA--loading_icon.gif") no-repeat black;
 
     background-position: left 50% top 30%;
 
     background-position: left 50% top 30%;
Line 157: Line 154:
 
}
 
}
  
/*小图标左侧浮动*/
 
.img_guide {
 
    float: left;
 
    margin: 0 20px 0 0;
 
}
 
  
 
/*小图标移动放大*/
 
/*小图标移动放大*/
Line 178: Line 170:
  
 
.main-content {
 
.main-content {
     margin:0 10% 0 10%;
+
     margin:0 14%;
 
     text-align:justify;
 
     text-align:justify;
 
}
 
}
img {
+
 
     display: block;
+
figure {
     margin: 0 auto;
+
     margin-top:15px !important;
 +
     margin-bottom:30px !important;
 
}
 
}
 +
 
figure img {
 
figure img {
 
     display: block;
 
     display: block;
 
     margin:15px auto 15px auto;
 
     margin:15px auto 15px auto;
 
     /*width:800px;*/
 
     /*width:800px;*/
}
 
figure {
 
    /*background-color:whitesmoke;*/
 
    margin-top:15px;
 
    margin-bottom:30px;
 
    /*border:dotted 1px #000;*/
 
 
}
 
}
  
 
figcaption {
 
figcaption {
    font-size: 1.2em;
+
     text-align: justify;
     text-align: center;
+
 
     font-family: 'Times New Roman','sans-serif';
 
     font-family: 'Times New Roman','sans-serif';
 +
    font-size:0.9em;
 +
    line-height:1.2em;
 +
 
}
 
}
 
._table {
 
._table {
Line 218: Line 208:
 
     font-size:48px;
 
     font-size:48px;
 
     font-weight:bold !important;
 
     font-weight:bold !important;
 +
    line-height:60px !important;
 
}
 
}
  
Line 224: Line 215:
 
     margin:19px 0 !important;
 
     margin:19px 0 !important;
 
     font-weight:bold !important;
 
     font-weight:bold !important;
 +
    line-height:30px !important;
 
}
 
}
 
#HQ_page p {font-size:19.2px;}
 
 
  
 
.main-content p {
 
.main-content p {
 
     font-family: 'Avenir Light','Helvetica',sans-serif !important;
 
     font-family: 'Avenir Light','Helvetica',sans-serif !important;
     /*font-size: 1.2em !important;*/
+
     font-size: 20px !important;
     line-height:2em;
+
     line-height: 1.7em;
 +
    text-align: justify !important;
 +
    margin-bottom: 2em;
 +
 
 
}
 
}
  
.scale img{
+
.main-content a {
  background-size:contain|cover;
+
    color:blue !important;
  width:100%;
+
  height: auto;
+
 
}
 
}
  
 +
.photo {
 +
    width:100%;
 +
    margin:0 auto;
 +
}
 +
.hp-photo {
 +
    width:700px;
 +
    margin:0 15%;
 +
}
  
 +
.divvideo,video {
 +
    text-align:center;
 +
 +
}
  
 
</style>
 
</style>
Line 258: Line 260:
 
         var lp = $("#loading_icon span").width()
 
         var lp = $("#loading_icon span").width()
 
         //Loading Icon
 
         //Loading Icon
         $("#loading_icon").fadeOut(1); //Aply: 2000,Debug: 1
+
         $("#loading_icon").fadeOut(2000); //Aply: 2000,Debug: 1
  
 
      
 
      
Line 280: Line 282:
 
<body>
 
<body>
 
     <div id="loading_icon">
 
     <div id="loading_icon">
         <span>MOSFET</span>
+
         <!--<span>MOSFET</span>-->
 
     </div>
 
     </div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:03, 9 November 2018

Template:2018_NAU-CHINA