Difference between revisions of "Team:Valencia UPV/Collaborations"

Line 12: Line 12:
 
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css">
 
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css">
 
<style>
 
<style>
.flat-table {
+
.dwnload-btn{
  display: block !important;
+
border-color: #b8d8ab !important;
  -webkit-font-smoothing: antialiased !important;
+
background-color: #b8d8ab !important;
  font-size: 115%;
+
}
  overflow: auto !important;
+
.btn-dwnl:visited {
  width: auto !important;
+
color: #fff !important;
}
+
}
.flat-table th {
+
.jvectormap-zoomin {
  background-color: #005e72 !important;
+
top: 15px !important;
  color: white !important;
+
}
  font-weight: normal !important;
+
.jvectormap-zoomout {
  padding: 20px 30px !important;
+
top: 65px !important;
  text-align: center !important;
+
}
}
+
.flat-table td {
+
  background-color: #eeeeee !important;
+
  color: #6f6f6f !important;
+
  padding: 20px 30px !important;
+
}
+
+
table{
+
border-collapse: separate !important;
+
border-spacing: 2px !important;
+
                        border-color: transparent !important;
+
}
+
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
    <div id="wrapper">
 
 
<div id="header" class="navbar-toggleable-md sticky clearfix">
 
<div id="header" class="navbar-toggleable-md sticky clearfix">
  
<!-- TOP NAV -->
+
<!-- TOP NAV -->
                <header id="topNav">
+
<header id="topNav">
                    <div class="container">
+
<div class="container">
+
 
                        <!-- Mobile Menu Button -->
+
<!-- Mobile Menu Button -->
                        <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
+
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
                            <i class="fa fa-bars"></i>
+
<i class="fa fa-bars"></i>
                        </button>
+
</button>
+
 
                        <!-- BUTTONS -->
+
<!-- BUTTONS -->
                        <ul class="float-right nav nav-pills nav-social nav-second-main">
+
<ul class="float-right nav nav-pills nav-social nav-second-main">
<li>
+
<li>
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
<i class="fa fa-instagram"></i>
+
<i class="fa fa-instagram"></i>
</a>
+
</a>
    </li>
+
</li>
    <li>
+
<li>
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook"></i>
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
+
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
<i class="fa fa-globe"></i>
+
<i class="fa fa-globe"></i>
</a>
+
</a>
</li>
+
</li>
                        </ul>
+
</ul>
                        <!-- /BUTTONS -->
+
<!-- /BUTTONS -->
+
 
                        <!-- Logo -->
+
<!-- Logo -->
                        <a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
+
<a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
</a>
+
</a>
                        <div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
+
<div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
                            <nav class="nav-main">
+
<nav class="nav-main">
                                <ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
+
<ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
TEAM
+
TEAM
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
Team
+
Team
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
Attributions
+
Attributions
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
PROJECT
+
PROJECT
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
Description
+
Description
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
Collaborations
+
Collaborations
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
Achievements
+
Achievements
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
Safety
+
Safety
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
WETLAB
+
WETLAB
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
Biological Design
+
Biological Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
Experiments
+
Experiments
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
Protocols
+
Protocols
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
Results
+
Results
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
Notebook
+
Notebook
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
Contribution
+
Contribution
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Improve">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Improve">
Improve
+
Improve
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
PlantSynBio
+
PlantSynBio
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
Parts
+
Parts
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection">
Part Collection
+
Part Collection
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
DRY LAB
+
DRY LAB
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
Model
+
Model
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
Software
+
Software
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
Hardware
+
Hardware
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
Graphic Design
+
Graphic Design
</a>
+
</a>
</li>  
+
</li>  
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
HUMAN PRACTICES
+
HUMAN PRACTICES
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
Silver
+
Silver
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
Integrated and gold
+
Integrated and gold
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>                                                                 
+
</li>                                                                 
                                </ul>
+
</ul>
                            </nav>
+
</nav>
                        </div>
+
</div>
                    </div>
+
</div>
                </header>
+
</header>
<!-- /Top Nav -->
+
<!-- /TOP NAV -->
 
</div>
 
</div>
<!-- BREADCRUMBS -->
+
<!--CABECERA-->
        <section class="page-header page-header-xs">
+
<section class="section-xs" style="border-bottom: none;">
            <div class="container">
+
<div class="container">
                <h1>EXPERIMENTS</h1>
+
<div class="text-center">
            <ol class="breadcrumb">
+
<div class="vector-map" id="world-map" style="padding: 0px !important;"><!-- Vectorial World Map --></div>
                <li><a href="#">Home</a></li>
+
<p class="font-lato fw-300 lead mt-0" style="padding-top: 32px !important;margin-bottom: 0px !important;text-align: center !important;">Home • Project •</p>
                <li>Wet lab</li>
+
<div class="col-md-12">
                <li class="active">Experiments</li>
+
<h3 class="jopetitles">COLLABORATIONS</h3>
            </ol>
+
<div>
            </div>
+
<button type="button" class="btn btn-primary" style="margin: 5px 5px 25px 5px !important; background-color: rgba(0,0,0,0.3) !important; border: none !important;">
        </section>
+
<a href="https://static.igem.org/mediawiki/2017/d/de/Safety_Valencia_UPV_iGEM_2017_pdf.pdf" class="btn-dwl" target="_blank">
<!-- /BREADCRUMBS -->
+
<span style="margin-right: 2px;">PDF</span>
 +
<i class="fa fa-arrow-down"></i>
 +
</a>
 +
</button>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!--/CABECERA-->
 
<section>
 
<section>
 
<div class="container">
 
<div class="container">
<div class="vector-map" id="world-map"><!-- Vectorial World Map --></div>
+
 
</div>
 
</div>
 
</section>
 
</section>
Line 258: Line 254:
 
</div>
 
</div>
 
</div><!-- /PRELOADER -->
 
</div><!-- /PRELOADER -->
<!-- JAVASCRIPT FILES -->
+
<script type="text/javascript">
<script type="text/javascript">
+
 
jQuery(window).ready(function() {
 
jQuery(window).ready(function() {
  
 
/* Map Height */
 
/* Map Height */
var map_height = '342px';
+
var map_height = '472px';
  
 
jQuery('#world-map').css('height', map_height);
 
jQuery('#world-map').css('height', map_height);
Line 269: Line 264:
 
jQuery('#world-map').vectorMap({
 
jQuery('#world-map').vectorMap({
 
map: 'world_mill_en', /* assets/plugins/jquery-vectormap/jquery-jvectormap-world-mill-en.js */
 
map: 'world_mill_en', /* assets/plugins/jquery-vectormap/jquery-jvectormap-world-mill-en.js */
backgroundColor: 'transparent',
+
backgroundColor: '#79c4cd',
 
markers: [
 
markers: [
 
{latLng: [41.90, 12.45], name: 'Vatican City'},
 
{latLng: [41.90, 12.45], name: 'Vatican City'},
Line 296: Line 291:
 
{latLng: [-20.2, 57.5], name: 'Mauritius'},
 
{latLng: [-20.2, 57.5], name: 'Mauritius'},
 
{latLng: [26.02, 50.55], name: 'Bahrain'},
 
{latLng: [26.02, 50.55], name: 'Bahrain'},
{latLng: [0.33, 6.73], name: 'Sao Tome and Principe'}
+
{latLng: [0.33, 6.73], name: 'Sao Tome and Principe'},
 +
{latLng: [39.45, -0.35], name: 'Valencia'}
 
],
 
],
  
Line 303: Line 299:
 
{
 
{
 
values: gdpData,
 
values: gdpData,
scale: ['#B8312F', '#fc6e51'],
+
scale: ['#2e6928', '#8dbe63'],
 
normalizeFunction: 'polynomial'
 
normalizeFunction: 'polynomial'
 
}
 
}
 
]},
 
]},
 +
markerStyle: {
 +
  initial: {
 +
fill: '#d96564',
 +
stroke: '#bc1d4a',
 +
"fill-opacity": 1,
 +
"stroke-width": 1,
 +
"stroke-opacity": 1,
 +
r: 5
 +
  },
 +
  hover: {
 +
stroke: '#005567',
 +
"stroke-width": 2,
 +
cursor: 'pointer'
 +
  },
 +
  selected: {
 +
fill: 'blue'
 +
  },
 +
  selectedHover: {
 +
  }
 +
},
 
hoverOpacity: 0.7,
 
hoverOpacity: 0.7,
hoverColor: false
+
hoverColor: false,
 +
onMarkerClick: function(e, code){
 +
alert(code);
 +
$('html, body').animate({
 +
scrollTop: $("#"+code).offset().top
 +
}, 0);
 +
}
 
});
 
});
 +
  
 
jQuery(window).resize(function () {
 
jQuery(window).resize(function () {

Revision as of 18:26, 23 October 2017

Home • Project •

COLLABORATIONS