Difference between revisions of "Team:Cork Ireland/Collaborations"

Line 1: Line 1:
 +
{{Cork_Ireland}}
 
<html>
 
<html>
 
 
<head>
 
<head>
 
+
<title>Collaborations</title>
<link href="https://2015.igem.org/Team:Cork_Ireland/trial.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+
</head>
<link href="https://2015.igem.org/Team:Cork_Ireland/slider.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Cork_Ireland/trial.js?action=raw&amp;ctype=text/css"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:Cork_Ireland/trialslider.js?action=raw&amp;ctype=text/css"></script>
+
 
+
<script type="text/javascript">
+
    $(document).ready(function() {
+
        $('#slider').s3Slider({
+
            timeOut: 3000
+
        });
+
    });
+
</script>
+
 
+
<script language="javascript" type="text/javascript">
+
function clearText(field)
+
{
+
    if (field.defaultValue == field.value) field.value = '';
+
    else if (field.value == '') field.value = field.defaultValue;
+
}
+
</script>
+
  
 
<style>
 
<style>
 
/*
 
/*
  * Basic Structure Removed
+
  * Basic structure removed
 
  */
 
  */
  
Line 44: Line 25:
 
display: none;
 
display: none;
 
}
 
}
 
/*
 
Credit: http://www.templatemo.com
 
*/
 
  
 
body {
 
body {
margin: 0;
+
font-family: Arial, Verdana, sans-serif;
padding: 0;
+
line-height: 1.5em;
+
font-family: Arial, "Arial", Times, serif;
+
font-size: 12px;
+
color: #8a8a79;
+
background: #565758 ;
+
 
}
 
}
+
ul li:hover {
+
header {
color: #7F2416;
+
        padding: 15px 15px 10px; 15px;
 +
background: #444444;
 +
        border-radius: 5px;
 +
        margin: 0;
 
}
 
}
  
a:link, a:visited { color: #c0f048; text-decoration: none; font-weight: normal; }
+
header h1 {
a:active, a:hover { color: #FFFF00; text-decoration: underline; }
+
margin: 0;
 
+
display: inline;
p { margin: 0px; padding: 0px; font-size: 1.2vw; color: #000; line-height: 1.5vw;}
+
color: white;
 
+
font-size: 2em;
img { margin: 0px; padding: 0px; border: none; }
+
 
+
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
+
 
+
.cleaner_h10 { clear: both; width:100%; height: 10px; }
+
.cleaner_h20 { clear: both; width:100%; height: 20px; }
+
.cleaner_h30 { clear: both; width:100%; height: 30px; }
+
.cleaner_h40 { clear: both; width:100%; height: 40px; }
+
.cleaner_h50 { clear: both; width:100%; height: 50px; }
+
.cleaner_h60 { clear: both; width:100%; height: 60px; }
+
 
+
.divider {
+
clear: both;
+
padding-bottom: 15px;
+
margin-bottom: 30px;
+
 
}
 
}
 
+
header img {
.fl { float: left; }
+
float: left;#
.fr { float: right; }
+
 
+
.m_right { margin-right: 30px; }
+
 
+
.button a {
+
display: block;
+
width: 125px;
+
height: 26px;
+
padding: 9px 0 0 15px;
+
color: #343c1d;
+
font-size: 11px;
+
font-weight: bold;
+
text-decoration: none;
+
 
}
 
}
  
.button a:hover {
+
#igem_logo {
color: #c0f048;
+
        height: 12%;
 +
        width: 12%;
 
}
 
}
  
h1 {
+
#banner_pic {
margin: 0px;
+
border-radius: 25px;
padding: 2px 0;
+
        border-bottom-right-radius: 0;
font-size: 30px;
+
        border-bottom-left-radius: 0;
font-weight: bold;
+
        margin: 10px;
         color: #3EDAAD;
+
         margin-bottom: 0;
 
}
 
}
  
h2 {
+
nav {
margin: 0px;
+
clear: both;
padding: 2px 0;
+
text-align: center;
font-size: 30px;
+
        background: #3EDAAD;
font-weight: normal;
+
         border-radius: 10px;
         color: #3EDAAD;
+
 
}
 
}
  
h3 {
+
nav ul {
margin: 0 0 10px 0;
+
margin: 0;
padding: 0;
+
display: inline;
font-size: 14px;
+
font-weight: bold;
+
color: #3EDAAD#8a8a79;
+
 
}
 
}
  
h4 {
+
nav ul a li {
margin: 0px;
+
list-style: none;
padding: 0px;
+
display: inline-block;
font-size: 14px;
+
padding: 14px 14px;
font-weight: bold;
+
 
}
 
}
  
.image_wrapper {
+
nav ul a {
border: 1px solid #ffffff;
+
text-decoration: none;
margin-top: 3px;
+
color: black;
margin-bottom: 5px;
+
font-size: 1.1em;
        height: auto;
+
        max-width: 100%;
+
}
+
 
+
.fl_image {
+
float: left;
+
margin-right: 15px;
+
        max-width: 100%;
+
        height: auto;
+
}
+
 
+
.fr_image {
+
float: right;
+
margin-left: 15px;
+
        max-width: 100%;
+
        height: auto;
+
}
+
 
+
.fc_image {
+
float: center;
+
margin-left: 15px;
+
        max-width: 100%;
+
        height: auto;
+
}
+
 
+
.list_01 {
+
margin: 0 0 20px 40px;
+
padding: 0px;
+
list-style: decimal;
+
}
+
 
+
.list_01 li {
+
margin: 0 0 0 0;
+
padding: 0 0 10px 0;
+
}
+
 
+
/* title bar */
+
 
+
#bar_wrapper {
+
width: 100%;
+
height: 100px;
+
margin: 0 auto;
+
background-color:#444444;
+
}
+
 
+
#title_bar {
+
width: 980px;
+
height: 100px;
+
margin: 0 auto;
+
background-color: #444444;
+
padding-top: 15px;
+
}
+
 
+
#templatemo_site_title_bar #site_title {
+
float: left;
+
width: 300px;
+
margin-left: 50px;
+
padding: 35px 0 0 0;
+
 
}
 
}
  
#site_title h1 a {
+
nav ul a:visited {
margin: 0px;
+
padding: 0px;
+
font-size: 32px;
+
color: #a7cf3a;
+
font-weight: normal;
+
 
text-decoration: none;
 
text-decoration: none;
 +
color: black;
 
}
 
}
  
#site_title h1 a:hover {
+
nav ul a:hover {
font-weight: normal;
+
 
text-decoration: none;
 
text-decoration: none;
 +
color: white;
 
}
 
}
  
#site_title h1 a span {
+
.content {
display: block;
+
margin-top: 10px;
+
font-size: 14px;
+
color: #5c5c5c;
+
}
+
 
+
#templatemo_site_title_bar #top_menu {
+
float:right;
+
margin: 65px 50px 0 0;
+
padding: 0px;
+
list-style: none;
+
}
+
 
+
/* end of title bar */
+
 
+
 
+
/* banner */
+
#templatemo_banner_wrapper {
+
 
clear: both;
 
clear: both;
width: 100%;
+
height: 100%;
height: 300px;
+
margin: 0 auto;
+
background:  #444444;
+
 
}
 
}
  
#templatemo_banner {
+
.col {
clear: both;
+
float: left;
width: 980px;
+
width: 12%;
height: 300px;
+
margin: 0;
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/5/5f/BannerToSizeCork.jpg") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
 
}
 
}
  
#templatemo_banner #banner_content {
+
#main_col {
float: right;
+
float: left;
width: 400px;
+
background: white;
margin: 50px 50px 0 0;
+
width: 74.5%;
overflow: hidden;
+
margin: 0;
 +
padding: 0;
 
}
 
}
  
#banner_content h2 {
+
#project h2 {
color: #E02121;
+
font-size: 2em;
font-size: 26px;
+
padding: 10px;
font-weight: normal;
+
        margin: 10px;
line-height: 30px;
+
        color: #E02121;
margin: 0 0 20px 0;
+
padding: 2px 0;
+
 
}
 
}
  
#banner_content p {
+
#team h2 {
color: #8ba151;
+
font-size: 2em;
font-size: 18px;
+
color: white;
margin-bottom: 20px;
+
padding-left: 20px;
line-height: 24px;
+
 
}
 
}
  
#banner_content a {
+
#project {
font-size: 18px;
+
background: white;
 +
width: 80%;
 +
text-align: center;
 +
margin: 10%;
 +
font-size: 1.2em;
 +
border-style: ridge;
 
}
 
}
  
#templatemo_banner #gallery {
+
#main_col p {
float: left;
+
margin: 50px 0 0 50px;
+
position:relative;
+
width: 380px;
+
height: 180px;
+
 
padding: 10px;
 
padding: 10px;
 
}
 
}
#gallery a {
 
float:left;
 
position:absolute;
 
}
 
 
#gallery a img {
 
border:none;
 
width: 380px;
 
height: 180px;
 
}
 
 
#gallery a.show {
 
z-index:500
 
}
 
 
#gallery .caption {
 
z-index:600;
 
overflow: hidden;
 
background-color:#000;
 
color:#ffffff;
 
width: 380px;
 
height: 45px;
 
margin-bottom: 10px;
 
position:absolute;
 
bottom:-2px;
 
}
 
 
#gallery .caption .content {
 
margin:5px;
 
font-size: 11px;
 
}
 
 
#gallery .caption .content h3 {
 
margin:0;
 
padding:0;
 
font-size: 12px;
 
font-weight: bold;
 
color:#1DCCEF;
 
}
 
 
/* end of banner */
 
 
/* menu */
 
  
#templatemo_menu_wrapper {
+
.team_desc {
width: 100%;
+
border-style: outset;
height: 75px;
+
margin: 15px;
min-width: 1300px;
+
font-size: 1.2em;
 
}
 
}
  
 
+
.team_desc h3 {
#templatemo_menu {
+
color: white;
margin: 0px auto;  
+
font-size: 1.6em;
background: #3EDAAD;  
+
 
text-align: center;
 
text-align: center;
 
}
 
}
  
#templatemo_menu ul ul {
+
.team_desc img {
display: none;
+
}
+
 
+
#templatemo_menu ul li:hover > ul {
+
display: block;
+
}
+
 
+
#templatemo_menu ul {
+
 
+
padding: 0 20px; 
+
list-style: none;
+
position: relative;
+
display: inline-table;
+
}
+
#templatemo_menu ul:after {
+
content: ""; clear: both; display: block;
+
}
+
 
+
#templatemo_menu ul li {
+
 
float: left;
 
float: left;
 +
background: yellow;
 +
padding: 5px;
 
}
 
}
#templatemo_menu ul li:hover {
+
.team_desc .right_img {
background: #4b545f;
+
float: right;
 +
background: red;
 +
padding: 5px;
 
}
 
}
  
#templatemo_menu ul li:hover a {
+
.team_desc p {
color: #fff;
+
padding: 10px;
 +
margin: 10px;
 +
background: green;
 +
text-align: center;
 
}
 
}
  
#templatemo_menu ul li a {
+
#Africa div, #corkSynBio div{
display: block; padding: 25px 30px;
+
border-style: groove;
color: #212629; text-decoration: none;
+
padding: 15px;
font-size: 18px;
+
margin: 15px;
}
+
+
#templatemo_menu ul ul {
+
background: #5f6975; border-radius: 0px; padding: 0;
+
position: absolute; top: 100%;
+
}
+
#templatemo_menu ul ul li {
+
float: none;
+
border-top: 1px solid #6b727c;
+
border-bottom: 1px solid #575f6a; position: relative;
+
}
+
#templatemo_menu ul ul li a {
+
padding: 15px 40px;
+
color: #fff;
+
}
+
 
+
#templatemo_menu ul ul li a:hover {
+
background: #4b545f;
+
}
+
+
#templatemo_menu ul ul ul {
+
position: absolute; left: 100%; top:0;
+
}
+
 
+
/* end of menu */
+
 
+
/* content */
+
 
+
#templatemo_content {
+
clear: both;
+
width: 940px;
+
padding: 0 20px;
+
margin: 0 auto;
+
}
+
 
+
#templatemo_content h2 {
+
color: #E02121;
+
height: 28px;
+
padding: 5px 0 0 45px;
+
margin: 0 0 25px 0;
+
font-size: 24px;
+
}
+
 
+
#side_column {
+
float: right;
+
width: 260px;
+
padding: 30px;
+
}
+
 
+
#side_column h2 {
+
 
}
 
}
  
#main_column {
+
#Africa img {
 
float: left;
 
float: left;
width: 540px;
+
border-style: double;
padding: 20px 40px;
+
border-color: #CC9900;
 +
margin: 10px;
 
}
 
}
  
 
+
#Africa, #corkSynBio {
#main_column p {
+
text-align:center;
text-align: justify;
+
color: white;
margin-bottom: 10px;
+
 
}
 
}
  
.side_column_box {
+
#Africa p, #corkSynBio p {
clear: both;
+
text-align: left;
margin-bottom: 15px;
+
font-size: 1.2em;
padding-bottom: 15px;
+
 
}
 
}
  
.news_section {
+
#notebook {
clear: both;
+
font-size: 1.2em;
margin-bottom: 25px;
+
 
}
 
}
  
.inputfield {
+
#notebook h2 {
height: 16px;
+
text-align: center;
width: 245px;
+
color: yellow;
padding: 2px 5px;
+
margin: 0 0 10px 0;
+
font-size: 12px;
+
font-variant: normal;
+
line-height: normal;
+
 
}
 
}
  
.submitbutton {
+
#notebook h3 {
float: right;
+
margin: 0px;
+
padding: 0 6px 3px 6px;
+
cursor: pointer;
+
font-size: 12px;
+
 
text-align: center;
 
text-align: center;
vertical-align: bottom;
+
color: #FF0000;
white-space: pre;
+
padding-top: 15px;
 
}
 
}
  
.section_w540 {
+
#notebook div p{
clear: both;
+
padding-left: 15px;
width: 540px;
+
padding-right: 15px;
 
}
 
}
  
.section_260 {
+
#notebook div  img {
float: left;
+
display: block;
width: 260px;
+
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: 10px;
 +
margin-bottom: 10px;
 +
border-style: double;
 +
border-color: #3399FF;
 
}
 
}
  
/* end of content */
+
#fixed_menu {
 
+
position: fixed;
/* footer */
+
right: 0;
 
+
bottom: 0;
#templatemo_footer_wrapper {
+
width: 10%;
clear: both;
+
width: 100%;
+
margin: 0 auto;
+
background: #fff;
+
 
}
 
}
  
#templatemo_footer {
+
#fixed_menu li, #fixed_menu2 li {
width: 940px;
+
padding: 40px 20px;
+
margin: 0 auto;
+
text-align: center;
+
}
+
 
+
#templatemo_footer a {
+
font-weight: bold;
+
color: #939382;
+
}
+
 
+
#templatemo_footer .footer_menu {
+
margin: 0 0 5px 0;
+
padding: 0px;
+
 
list-style: none;
 
list-style: none;
 +
border-style: solid;
 +
border-color: #444444;
 +
background: #3EDAAD;
 +
font-size: 0.6em;
 +
        border-radius: 5px;
 
}
 
}
  
.footer_menu li {
+
#fixed_menu a, #fixed_menu2 a{
margin: 0px;
+
text-decoration: none;
padding: 0 20px;
+
color: black;
display: inline;
+
border-right: 1px solid #939382;
+
}
+
  
.footer_menu .last_menu {
 
border: none;
 
 
}
 
}
  
/* end of footer */
+
#fixed_menu a:hover, #fixed_menu2 a:hover {
 
+
color: white;
 
+
 
+
 
+
/*Normal state*/
+
.link {
+
    opacity: 0.5;
+
    height:auto;
+
    max-width:100%;
+
    display: inline;
+
    padding: 5%;
+
 
}
 
}
  
/*Hover state*/
+
#fixed_menu2 {
.link:hover {
+
position:fixed;
    opacity: 1.0;
+
right: -5%;
    height:auto;
+
bottom: 0;
    max-width:100%;
+
width: 10%;
    display: inline;
+
 
}
 
}
  
 
+
#notebook div {
 
+
border-radius: 10px;
 
+
background-color: white;
#templatemo_column {
+
margin: 15px;
clear: both;
+
width: 620px;
+
padding: 0;
+
margin: 0 auto;
+
 
}
 
}
  
#split {
+
#interlab div {
    width:50%vw;
+
border-radius: 10px;
    height:50%vw;
+
background-color: #FFFF99;
    margin-right:10px;
+
border-style: ridge;
    float: left;
+
margin: 15px;
 
}
 
}
  
 
+
#interlab div h2 {
#splitR {
+
font-size: 1.5em;
    width:50%vw;
+
text-align: center;
    height:50%vw;
+
    margin-left:10px;
+
    float: right;
+
 
}
 
}
  
#templatemo_column h2 {
+
#interlab div h3 {
color: #E02121;
+
margin-left: 15px;
height: 28px;
+
padding: 5px 0 0 5px;
+
margin: 0 auto;
+
font-size: 24px;
+
 
}
 
}
  
#main_content {
+
#interlab div p, #interlab div li {
float: center;
+
font-size: 1.2em;
width: 540px;
+
padding: 20px 40px;
+
 
}
 
}
  
 
+
#interlab div  img {
#main_content p {
+
display: block;
text-align: justify;
+
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: 10px;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 +
border-style: double;
 +
border-color: #FF3300;
 
}
 
}
  
 
+
.question {
.imgholder {
+
padding-bottom: 5px;
    opacity: 0.5;
+
list-style: circle;
 
}
 
}
  
/*Hover state*/
+
.answer {
.imgholder:hover {
+
padding-bottom: 15px;
    opacity: 1.0;
+
list-style: square;
 
}
 
}
  
 
+
#interlab .result_pic {
 
+
/* clearfix */
+
.clearfix {
+
clear:both;
+
}
+
 
+
#wrapper{
+
width:720px;
+
margin:0 auto 3em;
+
text-align:center;
+
 
float: left;
 
float: left;
}
+
margin: 15px;
#wrapper h2{
+
text-align: center;
margin:0;
+
color:#0082E0;
+
text-shadow:1px 1px 1px #777;
+
font-size:33px;
+
font-family:Arial Narrow, Arial, sans-serif;
+
}
+
#wrapper h2 span{
+
color:#56B8FF;
+
}
+
#wrapper hgroup h3{
+
font-style:italic;
+
font-weight:normal;
+
font-size:18px;
+
text-shadow:0 1px 0 #fafafa;
+
color:#444;
+
margin:0;
+
 
}
 
}
  
 
+
#interlab figcaption {
.imgholder{
+
text-align: center;
position:relative;
+
padding-bottom: 15px;
width:120px;
+
height:120px;
+
border-radius:100px;
+
float:bottom;
+
margin:75px 30px;
+
 
}
 
}
  
 
+
#achieve h2 {
/* thumbnails style */
+
text-align: center;
.imgholder img{
+
position:absolute;
+
left:0;
+
top:0;
+
width:120px;
+
height:120px;
+
z-index:5;
+
border-radius:100px;
+
-moz-border-radius:100px;
+
-webkit-border-radius:100px;
+
opacity:0.3;
+
filter: alpha(opacity = 30);
+
box-shadow:0 0 5px #000;
+
-moz-box-shadow:0 0 5px #000;
+
-webkit-box-shadow:0 0 5px #000;
+
+
transform: scale(0.5,0.5);
+
-ms-transform: scale(0.5,0.5);
+
-moz-transform: scale(0.5,0.5);
+
-webkit-transform: scale(0.5,0.5);
+
+
transition:
+
opacity 1s,
+
transform 1s ease-in-out 0.3s;
+
-moz-transition:
+
opacity 1s,
+
-moz-transform 1s ease-in-out 0.3s;
+
-webkit-transition:
+
opacity 1s,
+
-webkit-transform 1s ease-in-out 0.3s;
+
}
+
.imgholder:hover img{
+
opacity:1;
+
filter: alpha(opacity = 100);
+
transform: scale(1,1);
+
-ms-transform: scale(1,1);
+
-moz-transform: scale(1,1);
+
-webkit-transform: scale(1,1);
+
 
}
 
}
  
.imgholder figcaption{
+
#gold, #gold_dis {
position:absolute;
+
background: #FFD700;
left:-5px;
+
border-style: double;
top:40%;
+
border-radius: 10px;
width:130px;
+
margin: 10px;
color: #008702;
+
font-size: 1.2em;
font-weight:bold;
+
text-shadow:-1px -1px 0 #fff;
+
z-index:4;
+
+
transition:
+
top 0.5s ease-out;
+
-moz-transition:
+
top 0.5s ease-out;
+
-webkit-transition:
+
top 0.5s ease-out;
+
}
+
.imgholder:hover figcaption{
+
top:120%;
+
}
+
/* decorations style */
+
.imgholder .circle{
+
position:absolute;
+
border-radius:100px;
+
-moz-border-radius:100px;
+
-webkit-border-radius:100px;
+
}
+
.imgholder .outer1{
+
top:-8px;
+
left:-8px;
+
width:120px;
+
height:120px;
+
z-index:2;
+
+
border:8px solid;
+
border-color:#e2fcde;
+
box-shadow:0 0 3px #baffaf;
+
-moz-ox-shadow:0 0 3px #baffaf;
+
-webkit-box-shadow:0 0 3px #baffaf;
+
+
background: #ffffff;
+
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e3ffe2 100%);
+
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e3ffe2));
+
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e3ffe2 100%);
+
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e3ffe2 100%);
+
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e3ffe2 100%);
+
background: radial-gradient(center, ellipse cover, #ffffff 0%,#e3ffe2 100%);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3ffe2',GradientType=1 );
+
+
transform:rotate(90deg);
+
-ms-transform:rotate(90deg);
+
-moz-transform:rotate(90deg);
+
-webkit-transform:rotate(90deg);
+
+
transition:
+
transform 1.8s ease-in-out,
+
box-shadow 1s ease-out,
+
border-color 1.5s;
+
-moz-transition:  
+
-moz-transform 1.8s ease-in-out,
+
-moz-box-shadow 1s ease-out,
+
border-color 1.5s;
+
-webkit-transition:
+
-webkit-transform 1.8s ease-in-out,
+
-webkit-box-shadow 1s ease-out,
+
border-color 1.5s;
+
}
+
.imgholder:hover .outer1{
+
border-color:#08ea00 #8aff7f #08ea00 #8aff7f;
+
box-shadow:0 0 10px #02e211;
+
-moz-box-shadow:0 0 10px #02e211;
+
-webkit-box-shadow:0 0 10px #02e211;
+
transform:rotate(-10deg);
+
-ms-transform:rotate(-10deg);
+
-moz-transform:rotate(-10deg);
+
-webkit-transform:rotate(-10deg);
+
}
+
.imgholder .outer2{
+
top:-18px;
+
left:-18px;
+
width:136px;
+
height:136px;
+
z-index:1;
+
+
border:10px solid;
+
border-color: #fcd6d6 #ff9b9b #fcd6d6 #ff9b9b;
+
box-shadow:0 0 20px #ff8e8e;
+
-moz-box-shadow:0 0 20px #ff8e8e;
+
-webkit-box-shadow:0 0 20px #ff8e8e;
+
opacity:0;
+
filter: alpha(opacity = 0);
+
+
transform: scale(1.3,1.3) rotate(180deg);
+
-ms-transform: scale(1.3,1.3) rotate(180deg);
+
-moz-transform: scale(1.3,1.3) rotate(180deg);
+
-webkit-transform: scale(1.3,1.3) rotate(180deg);
+
+
transition:
+
opacity 0.5s,
+
transform 0.7s ease-out;
+
-moz-transition:
+
opacity 0.5s,
+
-moz-transform 0.7s ease-out;
+
-webkit-transition:
+
opacity 0.5s,
+
-webkit-transform 0.7s ease-out;
+
}
+
.imgholder:hover .outer2{
+
opacity:0.9;
+
filter: alpha(opacity = 90);
+
transform: scale(1,1) rotate(-10deg);
+
-ms-transform: scale(1,1) rotate(-10deg);
+
-moz-transform: scale(1,1) rotate(-10deg);
+
-webkit-transform: scale(1,1) rotate(-10deg);
+
 
}
 
}
  
.a {list-style-type: circle;}
+
#silver, #silver_dis {
 
+
background: #C0C0C0;
.text1 {
+
border-style: solid;
  width: 450px;
+
border-radius: 10px;
  text-align: center;
+
margin: 10px;
  position: relative;
+
font-size: 1.2em;
  background-color: white;
+
  padding: 10px, 5px, 10px, 5px;
+
  margin: 0px 0px 0px 155px;
+
  border: solid 2px;
+
  border-radius: 15px;
+
 
}
 
}
  
 
+
#bronze, #bronze_dis {
.medal {
+
background: #CD7F32;
    border-radius: 5px;
+
border-style: dotted;
    padding: 5px;
+
border-radius: 10px;
    margin: 20px auto;
+
margin: 10px;
 +
font-size: 1.2em;
 
}
 
}
  
.medal {
+
.clearfix:after {
  width: 100%;
+
    content: ".";  
  height: 100%;
+
    display: block;  
  text-align: left;
+
    height: 0;  
  position: relative;
+
    clear: both;  
  background-color: #F0D257;
+
    visibility: hidden;
  border: solid 1px;
+
  border-radius: 25px;
+
  opacity: 10%;
+
 
}
 
}
  
.medalS {
+
.clearfix {display: inline-block;}
  width: 100%;
+
  height: 100%;
+
  text-align: left;
+
  position: relative;
+
  background-color: #A7A9AC;
+
  border: solid 1px;
+
  border-radius: 25px;
+
  opacity: 10%;
+
}
+
 
+
.medalB {
+
  width: 100%;
+
  height: 100%;
+
  text-align: left;
+
  position: relative;
+
  background-color: #AD661D;
+
  border: solid 1px;
+
  border-radius: 25px;
+
  opacity: 10%;
+
}
+
  
/*Ach Banner*/
+
/* Hides from IE-mac \*/
 +
* html .clearfix {height: 1%;}
 +
.clearfix {display: block;}
 +
/* End hide from IE-mac */
 +
/* @end */
  
#a_banner_wrapper {
+
footer {
 
clear: both;
 
clear: both;
width: 100%;
+
text-align: center;
height: 300px;
+
border-radius: 10px;
margin: 0 auto;
+
background:  #444444;
+
 
}
 
}
  
#a_banner {
+
footer ul {
clear: both;
+
margin: 0;
width: 980px;
+
display: inline;
height: 300px;
+
text-align: center;
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/d/dd/AchIrlCork.png") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
 
}
 
}
 
+
footer img {
#a_banner #banner_content {
+
display: inline;
float: right;
+
width: 400px;
+
margin: 50px 50px 0 0;
+
overflow: hidden;
+
 
}
 
}
 
+
footer ul a li {
/*Notebook Banner*/
+
list-style: none;
 
+
display: inline-block;
#n_banner_wrapper {
+
padding: 5px 15px;
clear: both;
+
width: 100%;
+
height: 300px;
+
margin: 0 auto;
+
background: #444444;
+
 
}
 
}
  
#n_banner {
+
footer ul a {
clear: both;
+
text-decoration: none;
width: 980px;
+
        color: #444444;
height: 300px;
+
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/9/95/Notebook.png") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
 
}
 
}
  
#n_banner #banner_content {
+
footer ul a:visited {
float: right;
+
        color: #444444;
width: 400px;
+
margin: 50px 50px 0 0;
+
overflow: hidden;
+
 
}
 
}
  
/*Collabs Banner*/
+
footer ul a:hover {
 
+
        text-decoration: none;
#c_banner_wrapper {
+
        color: #E02121;
clear: both;
+
width: 100%;
+
height: 300px;
+
margin: 0 auto;
+
background:  #444444;
+
}
+
 
+
#c_banner {
+
clear: both;
+
width: 980px;
+
height: 300px;
+
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/1/12/Collabs.png") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
}
+
 
+
#c_banner #banner_content {
+
float: right;
+
width: 400px;
+
margin: 50px 50px 0 0;
+
overflow: hidden;
+
}
+
 
+
/*Interlab Banner*/
+
 
+
#i_banner_wrapper {
+
clear: both;
+
width: 100%;
+
height: 300px;
+
margin: 0 auto;
+
background:  #444444;
+
}
+
 
+
#i_banner {
+
clear: both;
+
width: 980px;
+
height: 300px;
+
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/e/e3/InterlabCork.png") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
}
+
 
+
#i_banner #banner_content {
+
float: right;
+
width: 400px;
+
margin: 50px 50px 0 0;
+
overflow: hidden;
+
}
+
 
+
/*Outreach Banner*/
+
 
+
#o_banner_wrapper {
+
clear: both;
+
width: 100%;
+
height: 300px;
+
margin: 0 auto;
+
background:  #444444;
+
}
+
 
+
#o_banner {
+
clear: both;
+
width: 980px;
+
height: 300px;
+
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/8/85/OutreachCork.png") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
}
+
 
+
#o_banner #banner_content {
+
float: right;
+
width: 400px;
+
margin: 50px 50px 0 0;
+
overflow: hidden;
+
}
+
 
+
/*Parts Banner*/
+
 
+
#p_banner_wrapper {
+
clear: both;
+
width: 100%;
+
height: 300px;
+
margin: 0 auto;
+
background:  #444444;
+
}
+
 
+
#p_banner {
+
clear: both;
+
width: 980px;
+
height: 300px;
+
margin: 0 auto;
+
background: url("https://static.igem.org/mediawiki/2015/a/a2/PartsCork.png") no-repeat;
+
border-radius: 25px 25px 0px 0px;
+
}
+
 
+
#p_banner #banner_content {
+
float: right;
+
width: 400px;
+
margin: 50px 50px 0 0;
+
overflow: hidden;
+
 
}
 
}
  
 
</style>
 
</style>
 
</head>
 
 
  
 
<body>
 
<body>
<div id="bar_wrapper">
+
  <div id="globalWrapper">
 +
  <div id='top_menu_under' class='noprint'></div>
 +
  <div id='top_menu_14'    class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
  
    <div id="title_bar">
+
<header>
        <div id="site_title">
+
                <img src="https://static.igem.org/mediawiki/2011/7/72/UPOSevillaIgemLogoGrey.png" id="igem_logo"/>
            <h1>
+
<img src="https://static.igem.org/mediawiki/2015/1/12/Collabs.png" alt="Collabs Banner" id="banner_pic"/>
            Basehunter<a>
+
<nav>
            <span>Cork iGEM</span></a>
+
<h1>Basehunter</h1>
            </h1>
+
<ul>
        </div>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland"><li>Home</li></a>
    </div>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Project"><li>Our Project</li></a>
</div>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Practices"><li>Outreach</li></a>
<div id="c_banner_wrapper">
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Team"><li>Team</li></a>
 
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Notebook"><li>Notebook</li></a>
<div id="c_banner">
+
                                <a href= "https://2015.igem.org/Team:Cork_Ireland/Parts"><li>Parts</li></a>
   
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Collaborations"><li>Collaborations</li></a>
 
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/InterlabStudy"><li>Interlab Study</li></a>
 
+
                                <a href= "https://2015.igem.org/Team:Cork_Ireland/Attributions"><li>Attributions</li></a>
</div> <!-- end of banner-->
+
                                <a href= "https://2015.igem.org/Team:Cork_Ireland/Achievements"><li>Achievements</li></a>
 
+
</ul>
</div>
+
</nav>
 
+
</header>
<div id="templatemo_menu_wrapper">
+
 
+
<div id="content">
<div id="templatemo_menu">
+
<div class="col">
   
+
<p></p>
  <ul>
+
</div>
            <li><a href="https://2015.igem.org/Team:Cork_Ireland">Home</a></li>
+
            <li><a href="#">Our Project</a>
+
<div id="main_col">
<ul>
+
        <p></p>
<li><a href="#">Overview</a></li>
+
</div>
<li><a href="#">Results</a></li>
+
<li><a href="#">Submitted Parts</a></li>
+
<div class="col">
<li><a href="#">Prototype</a></li>
+
        <p></p>
                                        <li><a href="https://2015.igem.org/Team:Cork_Ireland/Achievements">Achievements</a></li>  
+
</div>
</ul>
+
</div>
</li>
+
            <li><a href="https://2015.igem.org/Team:Cork_Ireland/Practices">Outreach</a></li>
+
            <li><a href="https://2015.igem.org/Team:Cork_Ireland/Team">Team</a></li>
+
<footer>
            <li><a href="https://2015.igem.org/Team:Cork_Ireland/Notebook">Notebook</a>
+
<div>
<ul>
+
<ul>
<li><a href="#">Protocols</a></li>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland"><li>Home</li></a>
<li><a href="#">Safety</a></li>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Project"><li>Our Project</li></a>
</ul>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Practices"><li>Outreach</li></a>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Team"><li>Team</li></a>
            <li><a href="https://2015.igem.org/Team:Cork_Ireland/Collaborations">Collaborations</a></li>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Notebook"><li>Notebook</li></a>
            <li><a href="https://2015.igem.org/Team:Cork_Ireland/InterlabStudy">Interlab Study</a></li>
+
                                <a href= "https://2015.igem.org/Team:Cork_Ireland/Parts"><li>Parts</li></a>
       
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/Collaborations"><li>Collaborations</li></a>
        </ul>
+
<a href= "https://2015.igem.org/Team:Cork_Ireland/InterlabStudy"><li>Interlab Study</li></a>
   
+
                                <a href= "https://2015.igem.org/Team:Cork_Ireland/Attributions"><li>Attributions</li></a>
    </div> <!-- end of menu -->
+
                                <a href= "https://2015.igem.org/Team:Cork_Ireland/Achievements"<li>Achievements</li></a>
 
+
</ul>
</div> <!-- end of menu wrapper -->
+
</div>
 
+
 
+
<div>
<div id="templatemo_footer_wrapper">
+
<a href="http://www.lilly.ie/en/index.aspx" TARGET=_BLANK>
 
+
<img src="https://static.igem.org/mediawiki/2015/archive/2/21/20150901113248%21Rsz_m_dc.jpg" alt="Sponsored by Lilly">  
<div id="templatemo_footer">
+
</a>
   
+
        <ul class="footer_menu">
+
<a href="https://www.igem.org/Main_Page" TARGET=_Blank>
            <li><a href="#">Home</a></li>
+
<img src="https://static.igem.org/mediawiki/2015/6/6b/IGEM-animated.gif" alt="iGEM Main Page">
            <li><a href="#">Our Project</a></li>
+
</a>
            <li><a href="#">Outreach</a></li>
+
            <li><a href="#">Parts</a></li>
+
<a href="http://www.janssen.ie/" TARGET=_Blank>
            <li><a href="#">Team</a></li>
+
<img src="https://static.igem.org/mediawiki/2015/2/21/Rsz_m_dc.jpg" alt="Sponsored by Jansen">
            <li class="last_menu"><a href="#">Collaborations</a></li>
+
</a>
        </ul>
+
 
+
<p>Cork iGEM 2015</p>
<br>
+
</div>
<br>
+
</footer>
 
+
</body>
 
+
<div class="link">
+
<a href="http://www.lilly.ie/en/index.aspx" TARGET=_BLANK>
+
<img src="https://static.igem.org/mediawiki/2015/archive/2/21/20150901113248%21Rsz_m_dc.jpg" alt="image"
+
alt="Sponsored by Lilly">  
+
</a>
+
</div>     
+
 
+
 
+
        <div class="link">
+
<a href="https://www.igem.org/Main_Page"  
+
TARGET=_Blank>
+
<img src="https://static.igem.org/mediawiki/2015/6/6b/IGEM-animated.gif"  
+
alt="iGEM Main Page">
+
</a>
+
</div>
+
       
+
 
+
        <div class="link">
+
<a href="http://www.janssen.ie/"  
+
TARGET=_Blank>
+
<img src="https://static.igem.org/mediawiki/2015/2/21/Rsz_m_dc.jpg"  
+
alt="Sponsored by Jansen">
+
</a>
+
</div>
+
       
+
<!-- end of footer -->
+
   
+
</div> <!-- end of footer wrapper -->
+
<div align=center>Cork iGEM 2015</div></body>
+
 
+
</body>
+
  
 +
</p>
  
 +
</div> <div class="visualClear"></div>
 +
    </div>
 +
</div>
 +
    </div>
 +
</body>
 
</html>
 
</html>

Revision as of 15:31, 17 September 2015

Collaborations