Difference between revisions of "Team:Sheffield"

 
(35 intermediate revisions by the same user not shown)
Line 44: Line 44:
 
     .mw-content-ltr ul {
 
     .mw-content-ltr ul {
 
       margin-left:0px;
 
       margin-left:0px;
 +
}
 +
#results {
 +
        width:600px;
 +
        height:300px;
 +
        z-index:100;
 +
        background-color:rgba(52, 50, 50, 0.85);
 +
        border:#eac100 2px solid;
 +
        border-radius:5px;
 +
        top:50%;
 +
        left:50%;
 +
        margin-top:-150px;
 +
        margin-left:-300px;
 +
        position:fixed;
 +
        padding:20px;
 +
        text-align:center;
 
}
 
}
  
 +
#results span {
 +
        color:#eac100;
 +
        }
 +
 +
.close-results {
 +
      border:5px solid #eac100;
 +
        padding:10px;
 +
        width:300px;
 +
        cursor:pointer;
 +
        color: #C4AE00;
 +
    font-size: 40px;
 +
}
 +
.close-results h3 {
 +
border:5px solid #eac100;
 +
        padding:10px;
 +
        width:300px;
 +
        cursor:pointer;
 +
        color: #C4AE00;
 +
    font-size: 40px;
 +
      }
 
.table-link {
 
.table-link {
 
     border-left:#9246D0 1px solid;
 
     border-left:#9246D0 1px solid;
Line 107: Line 142:
 
       font-size:18px;
 
       font-size:18px;
 
       }
 
       }
 +
      .table-link {
 +
        width:200px;
 +
      }
 +
      #button-link img {
 +
        width:75px;
 +
        }
 +
      #button-link h3 {
 +
        font-size:20px;
 +
        }
 
}
 
}
−
     
+
@media( max-width:767px) {
 +
        #results {
 +
        width:300px;
 +
        height:250px;
 +
        z-index:100;
 +
        top:50%;
 +
        left:50%;
 +
        margin-top:-125px;
 +
        margin-left:-150px;
 +
        position:fixed;
 +
        padding:10px;
 +
        text-align:center;
 +
        }
 +
#results p {
 +
        font-size:15px;
 +
        }
 +
 
 +
} 
 
</style>
 
</style>
  
Line 288: Line 349:
 
                         <div class = "phone left-but"><h1>New Here?</h1></div>
 
                         <div class = "phone left-but"><h1>New Here?</h1></div>
 
<div class = "phone right-but"><h1>Our Theme</h1></div>
 
<div class = "phone right-but"><h1>Our Theme</h1></div>
−
+
               
−
</div>
+
                        <div id="music">
 +
                          <center>
 +
                          <audio controls>
 +
                            <source src="https://static.igem.org/mediawiki/2016/9/92/T--Sheffield--IronMarch.mp3" type="audio/mpeg">
 +
                              Your browser does not support this audio element.
 +
                          </audio>
 +
  <p>Credit to John Howard for making this wonderful song for us</p>
 +
                          <div class="close-music">
 +
                        <h3>Close</h3>
 +
                        </div>
 +
                          </center>
 +
                      </div>
 +
                     
 +
  </div>
 +
 
 
             <div id="about">
 
             <div id="about">
 
                 <div class="container">
 
                 <div class="container">
Line 300: Line 375:
 
                   <li><p>Anytime you see a banner like this:</p>
 
                   <li><p>Anytime you see a banner like this:</p>
 
                   <center>
 
                   <center>
−
                   <img style="width:300px;float:none" src="https://static.igem.org/mediawiki/2016/8/8e/T--Sheffield--banner-long.png">
+
                   <img style="width:200px;float:none" src="https://static.igem.org/mediawiki/2016/8/8e/T--Sheffield--banner-long.png">
 
                   </center>
 
                   </center>
 
                   <p>It will display the text below for that section</p></li>
 
                   <p>It will display the text below for that section</p></li>
Line 306: Line 381:
 
                   <li>Or if you want to see all our terms look out for the glossary image to take you to our fulls set of definitions</li>
 
                   <li>Or if you want to see all our terms look out for the glossary image to take you to our fulls set of definitions</li>
 
                       <center>
 
                       <center>
−
                       <img style="width:200px;float:none"src="https://static.igem.org/mediawiki/2016/8/86/T--Sheffield--Glossary.png"></center>
+
                      <a href="https://2016.igem.org/Team:Sheffield/glossary">
 +
                       <img style="width:200px;float:none"src="https://static.igem.org/mediawiki/2016/8/86/T--Sheffield--Glossary.png"></a></center>
 
                   <li><p><span>Wondering where to start?</span></p><p>Click on our introduction button to start you off</li>
 
                   <li><p><span>Wondering where to start?</span></p><p>Click on our introduction button to start you off</li>
 
                         <center>
 
                         <center>
 
                         <div class="table-link">
 
                         <div class="table-link">
 +
                        <a href="https://2016.igem.org/Team:Sheffield/Description">
 
                         <table id="button-link">
 
                         <table id="button-link">
 
                             <tr>
 
                             <tr>
−
                                 <td><img src="https://static.igem.org/mediawiki/2016/5/53/T--Sheffield--Intro-Icon.png"> </td>
+
                                 <td><center>
 +
                                <img src="https://static.igem.org/mediawiki/2016/5/53/T--Sheffield--Intro-Icon.png">
 +
                                </center> </td>
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
Line 318: Line 397:
 
                             </tr>
 
                             </tr>
 
                         </table>
 
                         </table>
 +
                        </a>
 
                         </div>
 
                         </div>
 
                         </center>
 
                         </center>

Latest revision as of 00:14, 3 December 2016

A template page

New Here?

Our Theme

New Here?

Our Theme

Credit to John Howard for making this wonderful song for us

Close

How to use the website - a note from the team

We welcome you to team Sheffield's wiki for 2016. The website has been designed to run on all devices big or small. We have made the website as interactive as possible.

For the best experience we recommend using a CHROME browser

A few things to look out for:

  1. Anytime you see a banner like this:

    It will display the text below for that section

  2. Words like this are part of our interactive glossary. Click them to bring up a quick definition of the word and click them again to close
  3. Or if you want to see all our terms look out for the glossary image to take you to our fulls set of definitions

  4. Wondering where to start?

    Click on our introduction button to start you off

Close