Team:Hong Kong HKU

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
Line 245: Line 246:
         <div id="pages">
         <div id="pages">
             <ul>
             <ul>
-
                <li class="page">
 
                 <style>
                 <style>
                 .vertical-align-wrapper {
                 .vertical-align-wrapper {
Line 274: Line 274:
                 }
                 }
                 </style>
                 </style>
-
                 <div class="page-content">
+
                 <li class="page">
-
                    Testing
+
                    <div class="page-content">
-
                    <div class="vertical-align-wrapper">
+
                        Testing
-
                        <div class="vertical-align">
+
                        <div class="vertical-align-wrapper">
-
                             <img src="https://static.igem.org/mediawiki/2014/e/e2/Front_page_1_00000.jpg" alt="" style="width:1066px;height:600px"/>
+
                            <!-- Adjust position by yourself -->
 +
                            <style>
 +
                            #image-wrapper {
 +
                                position: relative;
 +
                                width: 1066px;
 +
                                height: 600px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/e/e2/Front_page_1_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
 
 +
                            #word-on-image {
 +
                                position: relative;
 +
                                left: 30%;
 +
                                top: 80%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                            <div id="image-wrapper" class="vertical-align">
 +
                                <div id="word-on-image">
 +
                                    Testing
 +
                                </div>
 +
                             </div>
 +
                            <!-- <div class="vertical-align"> -->
 +
                            <!--    <img src="https://static.igem.org/mediawiki/2014/e/e2/Front_page_1_00000.jpg" alt="" style="width:1066px;height:600px"/> -->
 +
                            <!-- </div> -->
                         </div>
                         </div>
                     </div>
                     </div>
-
                </div>
 
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
Line 433: Line 457:
     <div id="sponsor">
     <div id="sponsor">
 +
        <!-- Change Wiki default buttons style here -->
 +
        <style>
 +
        #top-section {
 +
            border: none;
 +
        }
 +
 +
        #menubar {
 +
            position: relative;
 +
            top: 0;
 +
            left: 0;
 +
            width: auto;
 +
        }
 +
 +
        #menubar ul {
 +
            color: red;
 +
        }
 +
 +
        #p-logo {
 +
            display: none;
 +
        }
 +
        </style>
     </div>
     </div>
</div>
</div>
Line 506: Line 551:
     }
     }
  };
  };
 +
 +
var sponsor = document.querySelector("#sponsor");
 +
var top_section = document.querySelector("#top-section");
 +
if (top_section !== null) {
 +
    sponsor.appendChild(top_section);
 +
}
})();
})();
</script>
</script>

Revision as of 16:07, 12 October 2014

<!DOCTYPE html> HKU IGEM Team

  • Testing
    Testing
  • Still testing...

    Strive for excellence.

  • Page3
  • Page4
  • Page6
  • Page7
  • Page8
  • Page9
  • Page10
  • Page11
  • Page12
  • Page13
  • Page14
  • Page15
  • Page16
  • Page17
  • Page18
  • Page19
  • Page20
  • Page21