Difference between revisions of "Template:NAU-CHINA"

Latest revision as of 01:03, 9 November 2018

Template:2018_NAU-CHINA

@@ Line 16: / Line 16: @@
                  if (h < 500) {
                      if (h >= 200) {
-                         icon1.animate({ left: '5vw' }, 800);
+                         icon1.animate({ left: '1.6vw' }, 800);
                          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 79: / Line 79: @@
          .guide-icon {
-             width: 50px;
+             width: 80px;
              position: fixed;
-             z-index:99999999999999;
+             z-index:999;
-             background-color:gray;
+             background-color:rgba(245,245,245,0.5);
-             border-radius:20%;
+             border-radius:10%;
          }
 /*==========================Global===============================*/
@@ Line 93: / Line 94: @@
 #mw-content-text {
      margin: 60px 0 0 0;
-}
-figure img {
-    width:100%;
 }
@@ Line 106: / Line 103: @@
      margin:0 !important;
      position: absolute !important;
+    font-family:sans-serif !important;
      font-size: 9vw !important;
-    color: #a01111 !important;
      top:42vh !important;
      left:9vw !important;
@@ Line 116: / Line 113: @@
      font-size: 4vw !important;
      color: #000000 !important;
-     top:63vh !important;
+     top:72vh !important;
      left:27vw !important;
 }
@@ Line 127: / Line 124: @@
      width: 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-position: left 50% top 30%;
@@ Line 157: / Line 154: @@
 }
-/*小图标左侧浮动*/
-.img_guide {
-    float: left;
-    margin: 0 20px 0 0;
-}
 /*小图标移动放大*/
@@ Line 178: / Line 170: @@
 .main-content {
-     margin:0 10% 0 10%;
+     margin:0 14%;
      text-align:justify;
 }
-img {
-     display: block;
+figure {
-     margin: 0 auto;
+     margin-top:15px !important;
+     margin-bottom:30px !important;
 }
 figure img {
      display: block;
      margin:15px auto 15px auto;
      /*width:800px;*/
-}
-figure {
-    /*background-color:whitesmoke;*/
-    margin-top:15px;
-    margin-bottom:30px;
-    /*border:dotted 1px #000;*/
 }
 figcaption {
-    font-size: 1.2em;
+     text-align: justify;
-     text-align: center;
      font-family: 'Times New Roman','sans-serif';
+    font-size:0.9em;
+    line-height:1.2em;
 }
 ._table {
@@ Line 218: / Line 208: @@
      font-size:48px;
      font-weight:bold !important;
+    line-height:60px !important;
 }
@@ Line 224: / Line 215: @@
      margin:19px 0 !important;
      font-weight:bold !important;
+    line-height:30px !important;
 }
-#HQ_page p {font-size:19.2px;}
 .main-content p {
      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>
@@ Line 258: / Line 260: @@
          var lp = $("#loading_icon span").width()
          //Loading Icon
-         $("#loading_icon").fadeOut(1); //Aply: 2000，Debug: 1
+         $("#loading_icon").fadeOut(2000); //Aply: 2000，Debug: 1
@@ Line 280: / Line 282: @@
 <body>
      <div id="loading_icon">
-         <span>MOSFET</span>
+         <!--<span>MOSFET</span>-->
      </div>
 </body>
 </html>