Team:Glasgow

From 2014.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 18: Line 18:
}
}
 +
#bubbles {background:none;
 +
}
 +
 +
#bubbletable {background:none;
 +
      }
-
#bubbleproject {
+
#bubbleproject {width:200px;
-
                                display:block;
+
                height:200px;
-
margin-left:auto;
+
-
                                margin-right:auto;
+
-
                                margin-top:400px;
+
                                  
                                  
                                 }
                                 }
-
 
+
-
+
#bubbleteam {width:200px;
-
#bubbleteam {positioning:absolute:
+
            height:200px;
-
top:400px;
+
}
-
left:20%;}
+
-
#bubblemodelling {positioning:absolute:
+
#bubblemodelling {width:200px;
-
top:400px;
+
            height:200px;
-
left:30%;}
+
}
-
#bubblehumanpractices {positioning:absolute:
+
#bubblehumanpractices {width:200px;
-
top:400px;
+
            height:200px;
-
right:20%;}
+
}
-
#bubbleparts {positioning:absolute:
+
#bubbleparts {width:200px;
-
top:400px;
+
            height:200px;
-
lright:30%;}
+
}
-
#projectdes {margin-left:20%;
+
#projectdes {text-align:center;
-
             margin-right:20%;
+
margin-left:15%;
-
             margin-top:15%;
+
             margin-right:15%;
 +
             margin-top:5px;
             border: solid 3px black;
             border: solid 3px black;
             padding:20px;
             padding:20px;
             border-radius:20px;
             border-radius:20px;
-
             background-color:#66FFFF;
+
             background-color:#FFFFFF;
-
}
+
-
 
+
.description {font-family:"Calibri";
-
 
+
              color: #0000CC;
-
 
+
              text-align:center;}
-
/******** Start of menubar dropdown ********/
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#menu{  
+
-
    padding: 0;
+
-
    margin: 0 !important;
+
-
+
-
+
-
+
-
      background-color:#000000
+
-
    background-image: -webkit-linear-gradient(#7B007B,#FF0033);
+
-
    background-image: -moz-linear-gradient(#7B007B,#FF0033);
+
-
    background-image: -ms-linear-gradient(#7B007B,#FF0033);
+
-
    background-image: -o-linear-gradient(#7B007B,#FF0033); 
+
-
    background-image: linear-gradient(#7B007B,#FF0033);
+
-
    background-image: linear-gradient(#7B007B, #FF0033 140%);
+
-
    border-top: 3px solid #000037;
+
-
    box-shadow: 0 4px 4px #000000;
+
-
+
-
+
-
+
-
+
-
+
-
 
+
-
    -webkit-hyphens: none;
+
-
    -moz-hyphens: none;
+
-
    -ms-hyphens: none;
+
-
    -o-hyphens: none;
+
-
    hyphens: none;
+
-
    z-index: 50;
+
}
}
-
#menu { display:block;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
position:absolute;
 
-
top:200px;
 
-
left:12%;  <!-- Positioning of Menubar -->
 
-
background-color:transparent;
 
-
font-size:18px;
 
-
font-family:Arial, Helvetica, Sans-serif;
 
-
text-align: center;
 
-
}
 
-
 
-
 
-
.menuitems {border-right: 2px solid black;
 
-
line-height:2ch;
 
-
padding:0px;
 
-
background-color:transparent;
 
-
}
 
-
 
-
 
-
.menulinks:link {text-decoration:none;
 
-
color:black;}
 
-
.menulinks:visited {text-decoration:none;
 
-
color:black}
 
-
.menulinks:hover {text-decoration:none;}
 
-
 
-
 
-
#menu ul {position:absolute;
 
-
max-height:0em;  <!-- Needs to be here for some reason!? (To make dds hidden) -->
 
-
left:0px;
 
-
top: 0em;
 
-
            top: 43px; <!-- positioning of dd list/box, from top of menu li -->
 
-
margin:0 !important;
 
-
padding:0;
 
-
overflow:hidden;
 
-
transition: 0.5s max-height 0.3s;
 
-
background-color:transparent;
 
-
    background-image: linear-gradient(rgba(50, 50, 150, 0.5), rgba(50, 50, 150, 0.5));  <!--Darkish blue -->
 
-
test-align:center;<!-- Maybe remove previous positioning for this -->
 
-
font-size:0;
 
-
 
-
 
-
 
-
 
-
#menu li { 
 
-
    display:inline-block; 
 
-
    list-style: none; /* for IE7 */
 
-
    margin: 0 0 0 0;
 
-
    padding-bottom: 0.3%;
 
-
    <!-- height:100%; <--- Trying to get lines to be full height of list items -->
 
-
 
-
 
-
#menu > li {
 
-
    width:100px;  <!-- Width of each li in menu bar -->
 
-
}
 
-
 
-
#menu > li, #menu > li li { 
 
-
    position: relative; 
 
-
    left:0;
 
-
    display:inline-block; 
 
-
    padding: auto; 
 
-
    background-color: transparent; 
 
-
 
-
 
-
#menu > li li {
 
-
    width: 100%;
 
-
    padding: 3% 0; <!-- Padding of dd list: top sides -->
 
-
}
 
-
 
-
#menu a { 
 
-
    display:inline-block; 
 
-
    margin: auto;
 
-
    color: #66FFFF;  <!-- Font colour of menubar -->
 
-
    text-decoration:none;
 
-
    width: 100%;
 
-
 
-
 
-
<!-- For images in menu -->
 
-
#menu a span{
 
-
    display: block;
 
-
    margin: auto;
 
-
    width: 50%;
 
-
}
 
-
 
-
#menu > li li { background: transparent none; }
 
-
 
-
#menu > li li a { color: #66FFFF; } <!-- Colour of text in dropdown box -->
 
-
 
-
#menu > li li:hover a { color: #66FFFF; <!-- Colour of text in dropdown box hover-->
 
-
 
-
 
-
#menu > li li:hover {
 
-
    background:transparent; <!-- Background of dd box -->
 
-
 
-
 
-
#menu > li:first-child { 
 
-
    border-left: 2px solid #000000;
 
-
 
-
 
-
#menu > li li:first-child {
 
-
    border-bottom: 1px solid #000000; <!-- border of dropdown lists -->
 
-
}
 
-
 
-
#menu > li li + li{
 
-
    border-top: 1px solid #000000;
 
-
    border-bottom: 1px solid #000000; <!-- Border for DD items -->
 
-
}
 
-
 
-
#menu > li li:last-child {
 
-
    border-top: 1px solid #000000;
 
-
border-bottom: 2px solid #000000; 
 
-
}
 
-
 
-
 
-
#menu > li:hover { 
 
-
    background-color: rgba(50, 50, 150, 0.5);  <!-- Hover over menu bg color -->
 
-
 
-
 
-
#menu > li:hover ul { 
 
-
    max-height:20em;  <!-- max length of color box -->
 
-
}
 
-
 
-
 
-
/******** End of Dropdown *********/
 
-
 
-
 
-
 
</style></head>
</style></head>
<body>
<body>
-
 
-
 
-
 
-
<div id="projectdes">
 
-
<p align ="center"> 
 
-
 
-
Glasgow's 2014 iGEM project involves the creation of a new and hopefully very useful tool for synthetic biologists. With the aid of a genetic switch we will create a system that, in the presence of a given stimulus, will switch between one gene and another – a change that will persist in subsequent generations unless reversed.
 
-
The switch is thus an integral part of the project. It is a site specific recombinase switch (φC31 integrase) isolated from the Streptomyces phage φC31. It flips a section of DNA, and a promoter, in order to turn off the expression of one gene section in favour of another.
 
<br>
<br>
-
<br>
+
<div id="bubbles">
-
For a bit more information, see the Project page , accessible from <a href="https://2014.igem.org/Team:Glasgow/Project"> here</a>, the menu bar, or the bubbles below
+
-
</p>
+
<table id="bubbletable" align="center">
-
</div>
+
<tr>
 +
<td align="center"><a href="https://2014.igem.org/Team:Glasgow/Parts" >
 +
<img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/>
 +
</a></td>
 +
<td></td>
 +
<td align="center"><a href="https://2014.igem.org/Team:Glasgow/Project" >
 +
<img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/d/d4/GU_projectbubble.png"/>
 +
</a></td>
 +
<td></td>
 +
<td align="center"><a href="https://2014.igem.org/Team:Glasgow/Human_Practices" >
 +
<img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/>
 +
</a></td>
 +
</tr>
-
<div id="bubbles">
 
-
<a href="https://2014.igem.org/Team:Glasgow/Project" class="center">
 
-
<img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/1/1d/GU_projectbubble_big.png"/>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Glasgow/Parts" >
+
<tr>
-
<img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/>
+
<td></td>
-
</a>
+
<td align="center"><a href="https://2014.igem.org/Team:Glasgow/Modeling_Intro" >
-
 
+
-
<a href="https://2014.igem.org/Team:Glasgow/Modeling" >
+
<img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/>
<img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/>
-
</a>
+
</a></td>
-
 
+
<td></td>
-
<!--<a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" >
+
<td align="center"><a href="https://2014.igem.org/Team:Glasgow/Team" >
-
<img id="bubblereport" src="https://static.igem.org/mediawiki/2014/3/3c/GU_reportbubble.png"/>
+
-
</a>-->
+
-
 
+
-
<a href="https://2014.igem.org/Team:Glasgow/Team" >
+
<img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/>
<img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/>
-
</a>
+
</a></td>
 +
<td></td>
 +
</tr>
-
 
+
</table>
-
<a href="https://2014.igem.org/Team:Glasgow/Human_Practices" >
+
-
<img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/>
+
-
</a>
+
</div>
</div>
 +
<div id="projectdes">
 +
<p align ="center"> 
-
<a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Click to edit this page</a>
+
<h2 color="#0000CC"  class="description"> This year, we're switching on the power and potential of <em>E.coli</e></h2>
 +
<h2  class="description"> Click a bubble to find out more...</h2>
 +
</p>
 +
</div>
-
<br><br><br><br><br><br>
+
<a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Edit</a>
-
<br><br><br><br><br><br>
+
-
<br><br><br><br><br><br>
+

Latest revision as of 10:49, 17 October 2014

Bubble Test Page








Bubble Test Page

This year, we're switching on the power and potential of E.coli

Click a bubble to find out more...

Edit