Team:UCL-London-PG/HomeTest

From 2013.igem.org

(Difference between revisions)
Line 16: Line 16:
       .center{margin:auto;}
       .center{margin:auto;}
       .inline{display:inline-block;}
       .inline{display:inline-block;}
 +
      .roundBorder{-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;};
       .firstHeading{display:none;}
       .firstHeading{display:none;}
Line 27: Line 28:
         font-weight: normal;
         font-weight: normal;
         font-style: normal;}
         font-style: normal;}
-
  </style>
+
 
-
      <script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
+
-
      <script type="text/javascript" src="htmltooltip.js"></script>
+
-
      <style type="text/css">
+
-
        div.htmltooltip{
+
-
            position: absolute; //leave this and next 3 values alone
+
-
            z-index: 1000;
+
-
            left: -1000px;
+
-
            top: -1000px;
+
-
            background: #272727;
+
-
            border: 10px solid black;
+
-
            color: white;
+
-
            padding: 3px;
+
-
            width: 250px; //width of tooltip
+
-
        }
+
-
      </style>
+
</head>
</head>
Line 63: Line 49:
       <input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/fizzing-flask.png" width=70>
       <input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/fizzing-flask.png" width=70>
       <input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/radar-dish.png" width=70>
       <input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/radar-dish.png" width=70>
 +
      <input title="Achievement" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/medal.png" width=70>
       <input title="Notebook" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/tied-scroll.png" width=70>
       <input title="Notebook" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/tied-scroll.png" width=70>
       <input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70>
       <input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70>
Line 69: Line 56:
     <style>
     <style>
-
       .boxed{background-color:white; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
+
       .boxed{background-color:white; padding:15px; box-shadow: 0 0 0 6px #EEE9E9, 0 0 0 12px #8B8989; font-family:Tahoma; }
 +
 
 +
 
 +
 
 +
 
     </style>
     </style>
     <div>
     <div>
       <div class="inline" style="width:500px; height:650px;">
       <div class="inline" style="width:500px; height:650px;">
-
           <div class="boxed inline" style=" width:100px; height:400px;">
+
           <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
-
             About iGEM<br>
+
             <p style="color:#8B8989; font-size:2.9em; text-align:left;"><b>About iGEM</b></p>
-
             International Genetically Engineered Machine (iGEM)  is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences and ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.
+
             <p style="color:#8B8989; font-size:1.1em; text-align:left;">International Genetically Engineered Machine (iGEM)  is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences and ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.</p>
 +
          </div>
 +
          <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
 +
            About us
 +
          </div>
 +
          <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
 +
            About idea
 +
          </div>
 +
          <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
 +
            Join the fun
           </div>
           </div>
-
          Who are we
 
-
          The idea
 
-
          Join the fun
 
       </div>
       </div>
       <iframe src="http://www.slideshare.net/slideshow/embed_code/22956081" width="800" height="650" frameborder="100" marginwidth="0" marginheight="0" scrolling="no"></iframe>
       <iframe src="http://www.slideshare.net/slideshow/embed_code/22956081" width="800" height="650" frameborder="100" marginwidth="0" marginheight="0" scrolling="no"></iframe>

Revision as of 13:49, 14 June 2013

SPECTRA


Let there be Light
    


About iGEM

International Genetically Engineered Machine (iGEM) is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences and ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.

About us
About idea
Join the fun