|
|
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&ctype=text/css" rel="stylesheet" type="text/css" /> | + | </head> |
− | <link href="https://2015.igem.org/Team:Cork_Ireland/slider.css?action=raw&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&ctype=text/css"></script>
| + | |
− | <script type="text/javascript" src="https://2015.igem.org/Team:Cork_Ireland/trialslider.js?action=raw&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> |