Difference between revisions of "Template:Hong Kong HKUST"

 
(32 intermediate revisions by 2 users not shown)
Line 29: Line 29:
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0em; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0em; }
 +
h6 {font-size: 11px;}
  
 
/********************************* RESPONSIVE SETTINGS  ********************************/
 
/********************************* RESPONSIVE SETTINGS  ********************************/
Line 112: Line 113:
 
                         -o-transition-duration: 0.8s;
 
                         -o-transition-duration: 0.8s;
 
                         transition-duration: 0.8s;
 
                         transition-duration: 0.8s;
 +
        -ms-transition-duration: 0.8s;
 
}
 
}
 
div.project_superrow{
 
div.project_superrow{
Line 551: Line 553:
 
     width: 200px;
 
     width: 200px;
 
     height: 100%;
 
     height: 100%;
    overflow: scroll;
 
 
}
 
}
 
div#ustMenuWrapper {
 
div#ustMenuWrapper {
Line 569: Line 570:
 
div.ustSideBar-logoHolder {
 
div.ustSideBar-logoHolder {
 
     height: 80px;
 
     height: 80px;
 +
}
 +
div#ustBottomLogoHolder {
 +
    position:absolute;
 +
    bottom:0;
 
}
 
}
 
img.ustLogo {
 
img.ustLogo {
     width: 40%;
+
     width: 40px;
 
     height: auto;
 
     height: auto;
 
     margin: 4px;
 
     margin: 4px;
 +
    -webkit-transition: left 0.4s ease;
 +
    -moz-transition: left 0.4s ease;
 +
    -ms-transition: left 0.4s ease;
 +
    -o-transition: left 0.4s ease;
 +
    transition: left 0.4s ease; 
 +
}
 +
img#ustiGEMLogo {
 +
    position: absolute;
 +
    left: 32px;
 +
    top: 9px;
 +
}
 +
img#ustUSTLogo {
 +
    position: absolute;
 +
    left:119px;
 +
    top:5px;
 
}
 
}
 
ul#ustMenu {
 
ul#ustMenu {
Line 582: Line 602:
 
     height: 42px;
 
     height: 42px;
 
     margin-bottom: 0;
 
     margin-bottom: 0;
 +
    padding-top: 2px;
 
}
 
}
 
ul#ustMenu > li:first-child {
 
ul#ustMenu > li:first-child {
Line 597: Line 618:
 
     display: block;
 
     display: block;
 
     margin: auto;
 
     margin: auto;
     padding-top: 3px;
+
     padding-top: 1px;
 
     height: 22px;
 
     height: 22px;
 
     width: auto;
 
     width: auto;
Line 628: Line 649:
 
     width: 80%;
 
     width: 80%;
 
     height: auto;
 
     height: auto;
     margin: 9px 20px;
+
     margin: 8px 20px;
 
     -webkit-transition: all 0.4s ease;  
 
     -webkit-transition: all 0.4s ease;  
 
     -moz-transition: all 0.4s ease;  
 
     -moz-transition: all 0.4s ease;  
Line 649: Line 670:
 
div#ustMenuWrapper.ustClpMenu > ul#ustMenu {
 
div#ustMenuWrapper.ustClpMenu > ul#ustMenu {
 
     padding: 0;
 
     padding: 0;
}
 
div#ustMenuWrapper.ustClpMenu > ul#ustMenu > li{
 
    padding-top: 3px;
 
 
}
 
}
 
div#ustMenuWrapper.ustClpMenu > ul#ustMenu > li:hover{
 
div#ustMenuWrapper.ustClpMenu > ul#ustMenu > li:hover{
 
     padding-top: 1px;
 
     padding-top: 1px;
 
}
 
}
div#ustMenuWrapper.ustClpMenu > ul#ustMenu > li img.ustDefaultTabImg{
+
div#ustMenuWrapper.ustClpMenu > ul#ustMenu > li > p, li.ustTabsWithoutSub > a > p{
     height: 30px;
+
     font-size: 11px;
 
}
 
}
div#ustMenuWrapper.ustClpMenu > ul#ustMenu p.ustExpMenuTabName{
+
div#ustMenuWrapper.ustClpMenu > div#ustBottomLogoHolder {
     font-size: 14px;
+
     position:absolute;  
}
+
     bottom:0;
div#ustMenuWrapper.ustClpMenu > div.ustSideBar-logoHolder > a#ustIGEMLogo{
+
     margin-right: -11px;
+
 
}
 
}
 
div#ustMenuWrapper.ustClpMenu > button#ustSitemapButton {
 
div#ustMenuWrapper.ustClpMenu > button#ustSitemapButton {
 
     width: 69px !important;
 
     width: 69px !important;
 +
}
 +
 +
div#ustMenuWrapper.ustClpMenu img#ustiGEMLogo {
 +
    left:4px;
 +
}
 +
div#ustMenuWrapper.ustClpMenu img#ustUSTLogo {
 +
    left:50px;
 
}
 
}
 
div#ustMenuWrapper > button#ustSitemapButton {
 
div#ustMenuWrapper > button#ustSitemapButton {
Line 696: Line 719:
 
}
 
}
 
div.ustSubMenu > div{
 
div.ustSubMenu > div{
     height: 100px;
+
     height: 88px;
 
     width: 100px;
 
     width: 100px;
 
     display: table;
 
     display: table;
Line 714: Line 737:
 
     padding: 0;
 
     padding: 0;
 
     list-style: none;
 
     list-style: none;
 +
    margin: 0;
 
}
 
}
 
div.ustSubMenu > ul#ustAboutSubMenuList {
 
div.ustSubMenu > ul#ustAboutSubMenuList {
     top: 58px;
+
     top: 35px;
 
}
 
}
 
div.ustSubMenu > ul#ustProjectSubMenuList {
 
div.ustSubMenu > ul#ustProjectSubMenuList {
     top: 58px;
+
     top: 26px;
 
}
 
}
 
div.ustSubMenu > ul#ustModellingSubMenuList {
 
div.ustSubMenu > ul#ustModellingSubMenuList {
     top: 111px;
+
     top: 71px;
 
}
 
}
 
div.ustSubMenu > ul#ustAppSubMenuList {
 
div.ustSubMenu > ul#ustAppSubMenuList {
     top: 160px;
+
     top: 162px;
 
}
 
}
 
div.ustSubMenu > ul#ustHPSubMenuList {
 
div.ustSubMenu > ul#ustHPSubMenuList {
     top: 160px;
+
     top: 100px;
 
}
 
}
 
div.ustSubMenu > ul#ustAchSubMenuList {
 
div.ustSubMenu > ul#ustAchSubMenuList {
     top: 258px;
+
     top: 194px;
 
}
 
}
 
div.ustSubMenu > ul#ustLabSubMenuList {
 
div.ustSubMenu > ul#ustLabSubMenuList {
     top: 309px;
+
     top: 236px;
 
}
 
}
 
div.ustSubMenu > ul#ustCollabSubMenuList {
 
div.ustSubMenu > ul#ustCollabSubMenuList {
     top: 309px;
+
     top: 176px;
 
}
 
}
 
div.ustSubMenu a {
 
div.ustSubMenu a {
Line 749: Line 773:
 
     font-size: small;
 
     font-size: small;
 
     letter-spacing: 1px;
 
     letter-spacing: 1px;
     height: 70px;
+
     height: 50px;
    margin:-22px;
+
 
}
 
}
 
div.ustSubMenu a li div{
 
div.ustSubMenu a li div{
 
     position: absolute;
 
     position: absolute;
 
     height: 60px;
 
     height: 60px;
     width: 90px;
+
     width: 100px;
 
     display: table;  
 
     display: table;  
 
     border-bottom: 1px solid #d6d6d6;
 
     border-bottom: 1px solid #d6d6d6;
Line 837: Line 860:
  
  
 +
/********************************* iGEM Menu ********************************/
 +
#top_menu_under {
 +
box-sizing: initial;
 +
}
 +
#top_menu_14, #top_menu_inside, #top_menu_inside div.submenu {
 +
box-sizing: initial;
 +
}
 +
div#top_menu_inside div.submenu div.section, div#top_menu_inside div.submenu div.section .h1 {margin:0;}
 
</style>
 
</style>
  
Line 864: Line 895:
 
<!-- Button for smallest screens -->
 
<!-- Button for smallest screens -->
 
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
 
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.html"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/a/a4/T--Hong_Kong_HKUST--Troika_white.png" alt="Home" style="height: auto; width: 20%; margin-top: -5%;"></a>
+
<a class="navbar-brand" href="https://2016.igem.org/Team:Hong_Kong_HKUST"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/a/a4/T--Hong_Kong_HKUST--Troika_white.png" alt="Home" style="height: auto; width: 20%; margin-top: -5%;"></a>
 
</div>
 
</div>
 
<div class="navbar-collapse collapse">
 
<div class="navbar-collapse collapse">
Line 883: Line 914:
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pTet"><i>tetp</i></a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pTet"><i>tetp</i></a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pLac"><i>lacp</i></a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pLac"><i>lacp</i></a></li>
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results">Results</a></li>
+
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results">Characterisation Results</a></li>
 +
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results_Prototype">Prototype Result</a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Parts_Improvement">Parts Improvement</a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Parts_Improvement">Parts Improvement</a></li>
 
</ul>
 
</ul>
Line 896: Line 928:
 
</li>
 
</li>
 
                                         <li class="dropdown">
 
                                         <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="https://static.igem.org/mediawiki/2016/6/6a/T--Hong_Kong_HKUST--Wiki_Application.png" style="height: auto; width: 7%;" alt="Application"><p class="ustExpMenuTabName">Application<b class="caret"></b></p></a>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="https://static.igem.org/mediawiki/2016/6/6a/T--Hong_Kong_HKUST--Wiki_Application.png" style="height: auto; width: 7%;" alt="Application"><p class="ustExpMenuTabName">Further Studies<b class="caret"></b></p></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">Further Study and Application</a></li>
+
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">Potential Improvement</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 907: Line 939:
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Product_Design">Product Design</a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Product_Design">Product Design</a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Education">Education</a></li>
 
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Education">Education</a></li>
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver">Intellectual Property Rights</a></li>
+
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Intellectual_Property_Rights_Learning">Intellectual Property Rights</a></li>
                                                         <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold">Insights from Tristable switch</a></li>
+
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver">Difficulties faced by iGEM teams</a></li>
 +
                                                         <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold">Insights from Tristable Switch</a></li>
 
</ul>
 
</ul>
 
</li>                                                                   
 
</li>                                                                   
Line 1,026: Line 1,059:
 
                             <li>
 
                             <li>
 
                                 <div>
 
                                 <div>
                                     <h6>Results</h6>
+
                                     <h6>Characterisation Results</h6>
 +
                                </div>
 +
                            </li>
 +
                        </a>
 +
                        <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results_Prototype">
 +
                            <li>
 +
                                <div>
 +
                                    <h6>Prototype Result</h6>
 
                                 </div>
 
                                 </div>
 
                             </li>
 
                             </li>
Line 1,072: Line 1,112:
 
             </li>
 
             </li>
 
             <li class="ustTabsWithSub" id="ustApplicationTab">
 
             <li class="ustTabsWithSub" id="ustApplicationTab">
                 <img src="https://static.igem.org/mediawiki/2016/6/6a/T--Hong_Kong_HKUST--Wiki_Application.png" class="ustDefaultTabImg" alt="Application">
+
                 <img src="https://static.igem.org/mediawiki/2016/6/6a/T--Hong_Kong_HKUST--Wiki_Application.png" class="ustDefaultTabImg" alt="Further Studies">
                 <img src="https://static.igem.org/mediawiki/2016/7/73/T--Hong_Kong_HKUST--Wiki_Application_Active.png" class="ustActiveTabImg" alt="Application">
+
                 <img src="https://static.igem.org/mediawiki/2016/7/73/T--Hong_Kong_HKUST--Wiki_Application_Active.png" class="ustActiveTabImg" alt="Further Studies">
                 <p class="ustExpMenuTabName">Application</p>
+
                 <p class="ustExpMenuTabName">Further Studies</p>
 
                 <div class="ustSubMenu">
 
                 <div class="ustSubMenu">
                     <div><p class="ustSubMenuTitle">Application</p></div>
+
                     <div><p class="ustSubMenuTitle">Further Studies</p></div>
 
                     <ul id="ustAppSubMenuList">
 
                     <ul id="ustAppSubMenuList">
 
                         <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">
 
                         <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">
 
                             <li>
 
                             <li>
 
                                 <div>
 
                                 <div>
                                     <h6>Further Study and Application</h6>
+
                                     <h6>Potential Improvement</h6>
 
                                 </div>
 
                                 </div>
 
                             </li>
 
                             </li>
Line 1,117: Line 1,157:
 
                         </a>
 
                         </a>
 
                         <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver">
 
                         <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver">
 +
                            <li>
 +
                                <div>
 +
                                    <h6>Difficulties faced by iGEM teams</h6>
 +
                                </div>
 +
                            </li>
 +
                        </a>
 +
                        <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Intellectual_Property_Rights_Learning">
 
                             <li>
 
                             <li>
 
                                 <div>
 
                                 <div>
Line 1,126: Line 1,173:
 
                             <li>
 
                             <li>
 
                                 <div>
 
                                 <div>
                                     <h6>Insights from Tristable switch</h6>
+
                                     <h6>Insights from Tristable Switch</h6>
 
                                 </div>
 
                                 </div>
 
                             </li>
 
                             </li>
Line 1,228: Line 1,275:
 
         </ul>
 
         </ul>
 
         <button type="button" id="ustSitemapButton" class="btn btn-default btn-sm" data-toggle="modal" data-target="#ustSiteModal" style="margin-left: 15px; width: 168px;">Sitemap</button>
 
         <button type="button" id="ustSitemapButton" class="btn btn-default btn-sm" data-toggle="modal" data-target="#ustSiteModal" style="margin-left: 15px; width: 168px;">Sitemap</button>
         <div class="ustSideBar-logoHolder">
+
         <div class="ustSideBar-logoHolder" id="ustBottomLogoHolder">
             <a href="http://www.igem.org" class="ustSideBar-brand" id="ustIGEMLogo">
+
             <a href="http://www.igem.org" class="ustSideBar-brand">
                 <img class="ustLogo" src="https://static.igem.org/mediawiki/2016/7/77/T--Hong_Kong_HKUST--IGEM_logo_500x500.png" alt="iGEM Logo">
+
                 <img id="ustiGEMLogo" class="ustLogo" src="https://static.igem.org/mediawiki/2016/7/77/T--Hong_Kong_HKUST--IGEM_logo_500x500.png" alt="iGEM Logo">
 
             </a>
 
             </a>
 
             <a href="https://www.ust.hk/" class="ustSideBar-brand">
 
             <a href="https://www.ust.hk/" class="ustSideBar-brand">
                 <img class="ustLogo" src="https://static.igem.org/mediawiki/2016/d/d3/T--Hong_Kong_HKUST--HKUST_logo_white.png" alt="HKUST Logo">
+
                 <img id="ustUSTLogo" class="ustLogo" src="https://static.igem.org/mediawiki/2016/d/d3/T--Hong_Kong_HKUST--HKUST_logo_white.png" alt="HKUST Logo">
 
             </a>
 
             </a>
 
         </div>
 
         </div>
Line 1,252: Line 1,299:
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Ideas_and_Mechanism">Project</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Ideas_and_Mechanism">Project</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Modelling">Modelling</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Modelling">Modelling</a></b></th>
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">Application</a></b></th>
+
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">Further Studies</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Intro">Human Practices</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Intro">Human Practices</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Parts_Submitted">Achievements</a></b></th>
 
                           <th><b><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Parts_Submitted">Achievements</a></b></th>
Line 1,268: Line 1,315:
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Ideas_and_Mechanism">Description</a></li>
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Ideas_and_Mechanism">Description</a></li>
 
                             <li><i><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pPhlF">phlFp</a></i></li>
 
                             <li><i><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pPhlF">phlFp</a></i></li>
                             <li><i><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pTet">phlFp</a></i></li>
+
                             <li><i><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pTet">tetp</a></i></li>
                             <li><i><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pLac">phlFp</a></i></li>
+
                             <li><i><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/pLac">lacp</a></i></li>
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results">Results</a></li>
+
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results">Characterisation Results</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Results_Prototype">Prototype Result</a></li>
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Parts_Improvement">Parts Improvement</a></li>
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Parts_Improvement">Parts Improvement</a></li>
 
                           </ul></td>
 
                           </ul></td>
Line 1,279: Line 1,327:
 
                           </ul></td>
 
                           </ul></td>
 
                           <td><ul>
 
                           <td><ul>
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">Further Study and Application</a></li>
+
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Further">Potential Improvement</a></li>
 
                           </ul></td>
 
                           </ul></td>
 
                           <td><ul>
 
                           <td><ul>
Line 1,285: Line 1,333:
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold">Product Design</a></li>
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold">Product Design</a></li>
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Education">Education</a></li>
 
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Education">Education</a></li>
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver">Intellectual Property Rights</a></li>
+
                             <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver">Difficulties faced by iGEM teams</a></li>
<li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold">Insights from Tristable switch</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Intellectual_Property_Rights_Learning">Intellectual Property Rights</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold">Insights from Tristable Switch</a></li>
  
 
                           </ul></td>
 
                           </ul></td>

Latest revision as of 12:05, 2 December 2016