Biomod/2013/Dresden/outreach

From OpenWetWare
Jump to navigationJump to search

<html>

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,100&subset=latin"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

<script type"text/javascript"> $(function () { $("style[media*='screen']").remove(); $("link[href*='favicon']").remove(); //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); $("tr:odd").addClass("odd"); }); </script>

<style type="text/css"> /**** Base styles ****/

  1. column-one, #footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter{
   display: none;

}

  1. content {
   margin: 0;
   padding: 0;

background: #1A1A1A; border: medium none; }


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 

 margin: 0;
 padding: 0;
 border: 0;
 font: inherit;
 vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

 display: block;

}

body { 

 /*padding: 15px;*/
 font-family: 'Lato', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
 font-size: 2rem;
 font-weight: 200;
 line-height: 1.4;
 background: #1A1A1A;
 color: #999999 ;
 max-width: 1280px;
 padding-top: 55px;
margin-left: auto;
   margin-right: auto;

} } h1, h2, h3, p, ul, ol, pre, dl { 

 margin-bottom: 1.0em;
 font-weight: 100;

}

h1, h2, #super-list, .box, .tagline, #index-list { 

 font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;

}

h1, h2, h3 { font-weight: 300; }

h1 { 

 font-size: 32px;
 line-height: 1.1em;

}

h2 { 

 font-size: 48px;
 line-height: 1.1em;

}


a, a code { 

 color: #FB4;
 text-decoration: none;

}

a:hover, a:hover code { 

 color: #4BF;

}

a:active, a:active code { 

 color: #1FB;
 /*background: black;*/

}

a img { border: none; }

a.anchor{display: block; position: relative; top: -75px; visibility: hidden;}

p{ text-align:left; }

em { color: #00EF00; } strong { font-weight: bold; }

blockquote { 

 padding-left: 1.0em;
 margin-left: 1.0em;
 border-left: 1px solid #333;
 font-style: italic;

}

  1. scrollUp {
   background: url("http://openwetware.org/images/8/87/Top.png") no-repeat scroll 0 0 transparent;
   bottom: 20px;
   height: 38px;
   right: 10px;
   width: 38px;

}

nav { 

 background: rgba(25, 25, 25, 0.85);
 padding: 0px;
 position: fixed;
 top: 0px;
 left: 0px;
 right: 0px;
 z-index: 100;

}

nav ul { 

 width: 100%;
 margin: 0px auto;
 padding: 0px;
 list-style-type: none;

} nav ul li { 

 float: left;
 line-height:2.5;

} nav ul li.selected { 

 border-bottom: 10px solid #d30d15;

}

nav ul li.home { 

 padding: 10px;

} nav ul a { 

 float: left;
 text-decoration: none;
 color: #F2F2F2;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: 300;
 padding: 10px 20px 0;

}

  1. subnav {
   background-color: rgba(25, 25, 25, 0.8);

border-radius: 0 20px 20px 0; left:0px; 

   font-size: 18px;
   font-weight: 300;
   line-height: 1.8;
   list-style: none outside none;
   margin-left: 0;
   padding: 20px;

z-index: 10; }

  1. subnav li {
   list-style: none outside none;

}

  1. content {
   margin-top: 60px;

}

  1. filters > li{

margin: 5px; display: inline-block; }

.box.clickable:hover{ background: none repeat scroll 0 0 #fff; }

.clickable img { transition: 0.3s ease; }

.clickable img:hover { opacity:0.9; transition: 0.3s ease; }

.background { left: 0; 

   margin: 0;
   max-width: 100%;
   padding: 0;
   position: absolute;

} /*the boxes*/

.box.b2x2{ height: 460px; width: 460px; } .box.b2x2 > img{ display: block; 

   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   width: 400px;

}

.box.b2x1{ height: 460px; }

.box.b1x2{ width: 460px; }

.box.b1x3{ width: 700px; }


/*start page*/

.box.intro { font-size:7.2rem;}

.box > p { font-size: 16px; 

   padding: 0 20px;
   margin-top: 10px;
   text-align: justify;

font-weight: 300; }

.box > h2 { font-size: 40px; 

   font-weight: 300;

text-align:left; margin-left: 20px; 

   margin-top: 15px;

}

.tease > h2 { 

   font-size: 80px;
   font-weight: 100;
   margin-top: 80px;

}

/*project*/

.project{ background-attachment: fixed; 

   width: 100%;

padding-bottom: 40px; }

.project h2 { color: #FFFFFF; 

   font-weight: 300;
   margin-bottom: 30px;
   margin-left: 180px;
   padding-top: 20px;
   position: relative;

}


.project h3 { 

   font-size: 26px;

}

.project .box { margin-bottom: 20px; 

   margin-top: 0;

}

.interlude{ background: none repeat scroll 0 0 #2A2A2A; box-shadow: 0 0 25px rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.3); 

   height: 150px;
   position: relative;
   z-index: 3;

}

.interlude *{ float:left; }

.interlude h2{ color: #FFFFFF; 

   display: block;
   font-weight: 300;
   line-height: 150px;
   margin-left: 24%;
   margin-right: -14%;
   width: 50%;

}

.interlude img{ float: left; 

   line-height: 150px;
   margin-left: 10%;
   margin-top: 25px;
   vertical-align: middle;

}


.clear{ clear: both; }

  1. motivation{ background-image: url("http://openwetware.org/images/d/d9/Motivation.png");}
  1. vesicle{ background-image: url("http://openwetware.org/images/0/0e/Vesicle_large_final.png");}
  1. origami{ background-image: url("http://openwetware.org/images/8/89/DNA_background_final.png");}
  1. reaction{ background-image: url("http://openwetware.org/images/c/c3/IR_background.png");}
  1. nanoreactor{ background-image: url("http://openwetware.org/images/a/a5/Nanocontainer_background.png");}
  1. applications{ background-image: url("http://openwetware.org/images/f/fa/Application_background.png");}
  1. future{ background-image: url("http://openwetware.org/images/8/83/Future_appl_background.png");}

.project_box{ background: none repeat scroll 0 0 #FFFFFF; 

   color: #000000;
   display: block;
   float: left;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   margin-left: 180px;
   margin-right: auto;
   overflow: hidden;
   padding: 10px;
   width: 50%;

}

.figure_box{ 

   display: block;
   float: left;
   margin-left: 20px;
   overflow: hidden;
   width: 230px;

}


/*se*/

.project_box h2{ color: #1A1A1A; 

   display: block;
   font-weight: 300;

   margin-left: 0%;
   margin-right: -10%;
   width: 90%;

}

.project_box p{ 

   text-align: justify;

margin-bottom: 18px; }

.project_box li { margin-left:50px }

  1. pb_mot.project_box{

height: 350px; }

  1. pb_dna_scaff.project_box{

height: 400px; }

  1. pb_dna_req.project_box{

height: 250px; }

  1. pb_poly_intro.project_box{

/*right: -20%;*/ height: 200px;

}

  1. pb_poly_pmoxa.project_box{

/*right: -20%;*/ height: 600px; width: 1000px; overflow:scroll; }

  1. pb_ir.project_box{

/*right: -20%;*/ height: 1300px; }

  1. pb_poly_cp.project_box{

/*right: -20%;*/ height: 600px; }

/*team page*/ .bio_box { 

   background: none repeat scroll 0 0 #E74C3C;
   float: left;
   font-size: 15px;
   height: 440px;
   padding: 15px;
   text-align: justify;
   width: 210px;

}

.bio_box > .name{ font-size: 24px; 

   font-weight: 300;
   margin-bottom: 25px;
   text-align: center;
   width: 100%;

}

.bio_box > p{ 

   text-align: justify;

font-weight: 300; font-size: 16px; } .box.big img{ 

   opacity:1;

}

.flag > *{ float:left; } .flag > p{ font-size: 18px; 

   position: relative;
   text-align: center;
   top: -6px;
   width: 75%;

margin-bottom: 10px; }

  1. team .big{

opacity:1; }

.head{ width:220px; float:left; }

/*sponsor page*/

  1. sponsors .box {
   background: none repeat scroll 0 0 white;

}


  1. sponsors figcaption {
   height: 65px;
   width: 100%;

font-size: 15px; 

   font-weight: 300;
   top: auto;
   bottom: 0;
   opacity: 0;
   transform: translateY(100%);

transition: transform 0.4s, opacity 0.1s 0.3s; -webkit-transform: translateY(100%); 

   -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;

}

  1. sponsors .descr{

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); 

   font-size: 12px;
   font-weight: 300;
   height: 60px;

margin: 0; 

   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   text-align: justify;
   top: -155px;
   line-height: 1.3;

}

  1. sponsors .descr p{

width:90%; margin-left:auto; margin-right:auto; }

  1. sponsors figure.clickable:hover figcaption{
   opacity: 1;
   transform: translateY(0px);
   transition: transform 0.4s, opacity 0.1s;

-webkit-transform: translateY(0px); 

   -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;

}

  1. sponsors figure:hover .descr{
   opacity: 1;
   transform: translateY(155px);
   transition: transform 0.4s, opacity 0.1s;

-webkit-transform: translateY(155px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; }

/*gallery*/

  1. gallery .box img{

min-height: 220px; 

   min-width: 220px;

} /*ptocols*/ .protocol_box{ background: none repeat scroll 0 0 #FFFFFF; 

   color: #000000;
   display: block;
   float: left;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   margin-left: 40px;
   margin-right: auto;
   overflow: hidden;
   padding: 10px;
   width: 66%;

} .protocol_box li { margin-left:50px }

.protocol_box p{ 

   text-align: justify;

margin-top: 18px; }

.protocol_box h1 { font-size: 30px; }

.protocol_box h2 { font-size: 24px; }

.protocol_box h3 { font-size: 22px; }

/*Outreach*/

.outreach_box{ background: none repeat scroll 0 0 #FFFFFF; 

   color: #000000;
   display: block;
   float: left;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   margin-left: 10px;
   margin-right: auto;
   overflow: hidden;
   padding: 10px;
   width: 70%;

}

.outreach_box li { margin-left:50px }


/*Acknowlegement*/

.ack_box{ background: none repeat scroll 0 0 #FFFFFF; 

   color: #000000;

text-align: center; 

   display: block;
   float: left;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   margin-left: 10px;
   margin-right: auto;
   overflow: hidden;
   padding: 10px;
   width: 80%;

} .ack_box p { text-align: center; } .next, .prev{ z-index: 99; background-image: url("http://openwetware.org/images/5/55/Fancybox_sprite.png"); width: 36px; height: 36px; top: 200px; }


figure.box > .next { left: 425px; background-position: 0 -72px; }

figure.box > .prev { background-position: 0 -36px; }

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */ html, body { 

 height: 100%;

}

  1. container {
 padding: 5px;
 margin-bottom: 20px;

}

.box { 

 width: 220px;
 height: 220px;
 margin: 10px;
 float: left;
 overflow: hidden;
 position: relative;
 background: #2A2A2A;
 color: #F2F2F2;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 overflow:hidden;

}

figure.box > *{ left: 0; 

   position: absolute;
   right: 0;

}

.box figure{ overflow: hidden; }

.box figcaption { 

   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
   bottom: 0;
   font-size: 20px;

font-weight: 300; 

   padding-left: 5px;
   text-align: center;
   width: 100%;

z-index: 4; }

.clickable .box:hover { 

 cursor: pointer;

}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; }

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item { 

 z-index: 2;

}

.isotope-hidden.isotope-item { 

 pointer-events: none;
 z-index: 1;

}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item { 

 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
     -ms-transition-duration: 0.8s;
      -o-transition-duration: 0.8s;
         transition-duration: 0.8s;

}

.isotope { 

 -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
     -ms-transition-property: height, width;
      -o-transition-property: height, width;
         transition-property: height, width;

}

.isotope .isotope-item { 

 -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
     -ms-transition-property:     -ms-transform, opacity;
      -o-transition-property:      -o-transform, opacity;
         transition-property:         transform, opacity;

} .rs-wrap:after, .rs-slider:after, .rs-thumb-wrap:after, .rs-arrows:after, .rs-caption:after { 

   content: ".";
   display: block;
   height: 0;
   clear: both;
   line-height: 0;
   visibility: hidden;

}

/* ===[ Slider ]=== */

.rs-wrap { 

   position: relative;
   max-width: 100%;

}

.rs-slide-bg { *zoom: 1 }

.rs-slider > li > a { display: block }

.rs-slider > li { 

   list-style: none;
   filter: alpha(opacity=0);
   opacity: 0;
   width: 100%;
   height: 100%;
   margin: 0 -100% 0 0;
   padding: 0;
   float: left;
   position: relative;

} 

   .rs-slider > li > a {
       padding: 0;
       background: none;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       border-radius: 0;
   }

   .rs-slider > li img {
       display: block;
       max-width: 100%;
       max-height: 100%;
       -ms-interpolation-mode: bicubic;
   }

/* ===[ Thumbnails ]=== */

.rs-thumb-wrap { *zoom: 1 } 

   .rs-thumb-wrap > a {
       display: block;
       float: left;
       position: relative;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-backface-visibility: hidden; /* Hardware accelerate to prevent jumps on transition */
   }

       .rs-thumb-wrap > a > img {
           max-width: 100%;
           max-height: 100%;
           display: block;
           -ms-interpolation-mode: bicubic;
       }

.rs-thumb-wrap > a:first-child { margin-left: 0!important }

/* ===[ Arrows ]=== */

.rs-arrows .rs-next, .rs-arrows .rs-prev { z-index: 1; background-image: url("fancybox_sprite.png");}

.rs-arrows .rs-next, .rs-arrows .rs-prev { z-index: 1; background-image: url("fancybox_sprite.png");}

.rs-arrows:hover .rs-next, .rs-arrows:hover .rs-prev { z-index: 2; }

/* ===[ Captions ]=== */

.rs-caption { 

   position: absolute;
   max-height: 100%;
   overflow: auto;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   bottom: 0;
   left: 0;

}

.rs-caption.rs-top-left { 

   top: 0;
   bottom: auto;

}

.rs-caption.rs-top-right { 

   top: 0;
   right: 0;
   left: auto;
   bottom: auto;

}

.rs-caption.rs-bottom-left { 

   bottom: 0;
   left: 0;

}

.rs-caption.rs-bottom-right { 

   right: 0;
   left: auto;
   border-bottom: none;
   border-right: none;

}

.rs-caption.rs-top { 

   top: 0;
   bottom: auto;
   width: 100%!important;

}

.rs-caption.rs-bottom { width: 100%!important }

.rs-caption.rs-left { 

   top: 0;
   height: 100%;

}

.rs-caption.rs-right { 

   top: 0;
   left: auto;
   right: 0;
   height: 100%;

}

/* ===[ Grid ]=== */

.rs-grid { 

   position: absolute;
   overflow: hidden;
   width: 100%;
   height: 100%;
   display: none;

}

.rs-gridlet { 

   position: absolute;
   opacity: 1;

}

/* Optional - remove captions at smaller screen widths @media screen and (max-width: 480px) { .rs-caption { opacity: 0!important; } }

  • /

.project_box > img { 

   margin-left: 90px;

}


  1. protocols, #polymers_protocols, #origami_protocols, #reaction_protocols, #nanocontainer_protocols, #imaging_protocols {
   font-size: 20px;
   font-weight: 300;
   margin-bottom: 30px;
   margin-left: 50px;

}


  1. protocols > h2, #polymers_protocols > h2, #origami_protocols > h2, #reaction_protocols > h2, #nanocontainer_protocols > h2, #imaging_protocols > h2 {
   margin-bottom: 20px;
   margin-top: 20px;

}


  1. protocols .interlude, #polymers_protocols .interlude, #origami_protocols .interlude, #reaction_protocols .interlude, #nanocontainer_protocols .interlude, #imaging_protocols .interlude {
   margin-left: -50px !important;

}


  1. protocols > ul {
   margin-bottom: 30px;
   margin-left: 30px;
   margin-top: 20px;

}

li > ul { 

   margin-left: 20px;

}

/*achievement*/

.achievement_box{ background: none repeat scroll 0 0 #FFFFFF; 

   color: #000000;
   display: block;
   float: left;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   margin-left: 180px;
   margin-right: auto;
   overflow: hidden;
   padding: 10px;
   width: 50%;

} @-webkit-keyframes glowing { 

 /* line 8, ../scss/partials/_glow.scss */
 from {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 9, ../scss/partials/_glow.scss */
 50% {
   -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 10, ../scss/partials/_glow.scss */
 to {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

}

@-khtml-keyframes glowing { 

 /* line 14, ../scss/partials/_glow.scss */
 from {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 15, ../scss/partials/_glow.scss */
 50% {
   -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 16, ../scss/partials/_glow.scss */
 to {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

}

@-moz-keyframes glowing { 

 /* line 20, ../scss/partials/_glow.scss */
 from {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 21, ../scss/partials/_glow.scss */
 50% {
   -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 22, ../scss/partials/_glow.scss */
 to {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

}

@-ms-keyframes glowing { 

 /* line 26, ../scss/partials/_glow.scss */
 from {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 27, ../scss/partials/_glow.scss */
 50% {
   -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 28, ../scss/partials/_glow.scss */
 to {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

}

@-o-keyframes glowing { 

 /* line 32, ../scss/partials/_glow.scss */
 from {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 33, ../scss/partials/_glow.scss */
 50% {
   -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 34, ../scss/partials/_glow.scss */
 to {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

}

@keyframes glowing { 

 /* line 38, ../scss/partials/_glow.scss */
 from {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 39, ../scss/partials/_glow.scss */
 50% {
   -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

 /* line 40, ../scss/partials/_glow.scss */
 to {
   -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
 }

}

/* line 25, ../scss/partials/_buttons.scss */ .button { 

 -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
 box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
 background-color: #eeeeee;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
 background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
 background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
 background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
 background: linear-gradient(top, #fbfbfb, #e1e1e1);
 display: -moz-inline-stack;
 display: inline-block;
 vertical-align: middle;
 *vertical-align: auto;
 zoom: 1;
 *display: inline;
 border: 1px solid #d4d4d4;
 height: 32px;
 line-height: 32px;
 padding: 0px 25.6px;
 font-weight: 300;
 font-size: 14px;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 color: #666666;
 text-shadow: 0 1px 1px white;
 margin: 0;
 text-decoration: none;
 text-align: center;

} /* line 43, ../scss/partials/_buttons.scss */ .button:hover { 

 background-color: #eeeeee;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
 background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
 background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
 background: -o-linear-gradient(top, #ffffff, #dcdcdc);
 background: linear-gradient(top, #ffffff, #dcdcdc);

} /* line 47, ../scss/partials/_buttons.scss */ .button:active { 

 -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
 background: #eeeeee;
 color: #bbbbbb;

} /* line 53, ../scss/partials/_buttons.scss */ .button:focus { 

 outline: none;

}

/* line 59, ../scss/partials/_buttons.scss */ input.button, button.button { 

 height: 34px;
 cursor: pointer;

}

/* line 65, ../scss/partials/_buttons.scss */ .button-block { 

 display: block;

}

/* line 74, ../scss/partials/_buttons.scss */ .button.disabled, .button.disabled:hover, .button.disabled:active, input.button:disabled, button.button:disabled { 

 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 background: #EEE;
 border: 1px solid #DDD;
 text-shadow: 0 1px 1px white;
 color: #CCC;
 cursor: default;

}

/* line 84, ../scss/partials/_buttons.scss */ .button-wrap { 

 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
 background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
 background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
 background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
 background: linear-gradient(top, #e3e3e3, #f2f2f2);
 -webkit-border-radius: 200px;
 -moz-border-radius: 200px;
 -ms-border-radius: 200px;
 -o-border-radius: 200px;
 border-radius: 200px;
 -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
 -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
 box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
 padding: 10px;
 display: inline-block;

}

/* line 100, ../scss/partials/_buttons.scss */ .button-rounded { 

 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 border-radius: 3px;

}

/* line 100, ../scss/partials/_buttons.scss */ .button-pill { 

 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px;
 border-radius: 50px;

}

/* line 100, ../scss/partials/_buttons.scss */ .button-circle { 

 -webkit-border-radius: 240px;
 -moz-border-radius: 240px;
 -ms-border-radius: 240px;
 -o-border-radius: 240px;
 border-radius: 240px;
 -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 width: 120px;
 line-height: 120px;
 height: 120px;
 padding: 0px;
 border-width: 4px;
 font-size: 18px;

}

/* line 135, ../scss/partials/_buttons.scss */ .button-primary { 

 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
 background: -webkit-linear-gradient(top, #00b5e5, #008db2);
 background: -moz-linear-gradient(top, #00b5e5, #008db2);
 background: -o-linear-gradient(top, #00b5e5, #008db2);
 background: linear-gradient(top, #00b5e5, #008db2);
 background-color: #00a1cb;
 border-color: #007998;
 color: white;
 text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);

} /* line 142, ../scss/partials/_buttons.scss */ .button-primary:hover { 

 background-color: #00a1cb;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
 background: -webkit-linear-gradient(top, #00c9fe, #008db2);
 background: -moz-linear-gradient(top, #00c9fe, #008db2);
 background: -o-linear-gradient(top, #00c9fe, #008db2);
 background: linear-gradient(top, #00c9fe, #008db2);

} /* line 146, ../scss/partials/_buttons.scss */ .button-primary:active { 

 background: #1495b7;
 color: #005065;

}

/* line 135, ../scss/partials/_buttons.scss */ .button-action { 

 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
 background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
 background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
 background: -o-linear-gradient(top, #8fcf00, #6b9c00);
 background: linear-gradient(top, #8fcf00, #6b9c00);
 background-color: #7db500;
 border-color: #5a8200;
 color: white;
 text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);

} /* line 142, ../scss/partials/_buttons.scss */ .button-action:hover { 

 background-color: #7db500;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
 background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
 background: -moz-linear-gradient(top, #a0e800, #6b9c00);
 background: -o-linear-gradient(top, #a0e800, #6b9c00);
 background: linear-gradient(top, #a0e800, #6b9c00);

} /* line 146, ../scss/partials/_buttons.scss */ .button-action:active { 

 background: #76a312;
 color: #374f00;

}

/* line 135, ../scss/partials/_buttons.scss */ .button-highlight { 

 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
 background: -webkit-linear-gradient(top, #fa9915, #d87e04);
 background: -moz-linear-gradient(top, #fa9915, #d87e04);
 background: -o-linear-gradient(top, #fa9915, #d87e04);
 background: linear-gradient(top, #fa9915, #d87e04);
 background-color: #f18d05;
 border-color: #bf7004;
 color: white;
 text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);

} /* line 142, ../scss/partials/_buttons.scss */ .button-highlight:hover { 

 background-color: #f18d05;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
 background: -webkit-linear-gradient(top, #fba42e, #d87e04);
 background: -moz-linear-gradient(top, #fba42e, #d87e04);
 background: -o-linear-gradient(top, #fba42e, #d87e04);
 background: linear-gradient(top, #fba42e, #d87e04);

} /* line 146, ../scss/partials/_buttons.scss */ .button-highlight:active { 

 background: #d8891e;
 color: #8d5303;

}

/* line 135, ../scss/partials/_buttons.scss */ .button-caution { 

 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
 background: -webkit-linear-gradient(top, #e8543f, #d9331a);
 background: -moz-linear-gradient(top, #e8543f, #d9331a);
 background: -o-linear-gradient(top, #e8543f, #d9331a);
 background: linear-gradient(top, #e8543f, #d9331a);
 background-color: #e54028;
 border-color: #c22d18;
 color: white;
 text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);

} /* line 142, ../scss/partials/_buttons.scss */ .button-caution:hover { 

 background-color: #e54028;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
 background: -webkit-linear-gradient(top, #eb6855, #d9331a);
 background: -moz-linear-gradient(top, #eb6855, #d9331a);
 background: -o-linear-gradient(top, #eb6855, #d9331a);
 background: linear-gradient(top, #eb6855, #d9331a);

} /* line 146, ../scss/partials/_buttons.scss */ .button-caution:active { 

 background: #cd5240;
 color: #952312;

}

/* line 135, ../scss/partials/_buttons.scss */ .button-royal { 

 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79));
 background: -webkit-linear-gradient(top, #99389f, #752a79);
 background: -moz-linear-gradient(top, #99389f, #752a79);
 background: -o-linear-gradient(top, #99389f, #752a79);
 background: linear-gradient(top, #99389f, #752a79);
 background-color: #87318c;
 border-color: #632466;
 color: white;
 text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);

} /* line 142, ../scss/partials/_buttons.scss */ .button-royal:hover { 

 background-color: #87318c;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79));
 background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
 background: -moz-linear-gradient(top, #ab3eb2, #752a79);
 background: -o-linear-gradient(top, #ab3eb2, #752a79);
 background: linear-gradient(top, #ab3eb2, #752a79);

} /* line 146, ../scss/partials/_buttons.scss */ .button-royal:active { 

 background: #764479;
 color: #3e1740;

}

/* line 160, ../scss/partials/_buttons.scss */ .button-flat { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition-property: background;
 -moz-transition-property: background;
 -o-transition-property: background;
 transition-property: background;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 background: #eeeeee;
 border: none;
 text-shadow: none;

} /* line 169, ../scss/partials/_buttons.scss */ .button-flat:hover { 

 background: #fbfbfb;

} /* line 172, ../scss/partials/_buttons.scss */ .button-flat:active { 

 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
 background: #eeeeee;
 color: #bbbbbb;

} /* line 177, ../scss/partials/_buttons.scss */ .button-flat.disabled { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

/* line 189, ../scss/partials/_buttons.scss */ .button-flat-primary { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition-property: background;
 -moz-transition-property: background;
 -o-transition-property: background;
 transition-property: background;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 background: #00a1cb;
 color: white;
 text-shadow: none;
 border: none;

} /* line 198, ../scss/partials/_buttons.scss */ .button-flat-primary:hover { 

 background: #00b5e5;

} /* line 201, ../scss/partials/_buttons.scss */ .button-flat-primary:active { 

 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
 background: #1495b7;
 color: #00647f;

} /* line 206, ../scss/partials/_buttons.scss */ .button-flat-primary.disabled { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

/* line 189, ../scss/partials/_buttons.scss */ .button-flat-action { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition-property: background;
 -moz-transition-property: background;
 -o-transition-property: background;
 transition-property: background;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 background: #7db500;
 color: white;
 text-shadow: none;
 border: none;

} /* line 198, ../scss/partials/_buttons.scss */ .button-flat-action:hover { 

 background: #8fcf00;

} /* line 201, ../scss/partials/_buttons.scss */ .button-flat-action:active { 

 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
 background: #76a312;
 color: #486900;

} /* line 206, ../scss/partials/_buttons.scss */ .button-flat-action.disabled { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

/* line 189, ../scss/partials/_buttons.scss */ .button-flat-highlight { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition-property: background;
 -moz-transition-property: background;
 -o-transition-property: background;
 transition-property: background;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 background: #f18d05;
 color: white;
 text-shadow: none;
 border: none;

} /* line 198, ../scss/partials/_buttons.scss */ .button-flat-highlight:hover { 

 background: #fa9915;

} /* line 201, ../scss/partials/_buttons.scss */ .button-flat-highlight:active { 

 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
 background: #d8891e;
 color: #a66103;

} /* line 206, ../scss/partials/_buttons.scss */ .button-flat-highlight.disabled { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

/* line 189, ../scss/partials/_buttons.scss */ .button-flat-caution { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition-property: background;
 -moz-transition-property: background;
 -o-transition-property: background;
 transition-property: background;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 background: #e54028;
 color: white;
 text-shadow: none;
 border: none;

} /* line 198, ../scss/partials/_buttons.scss */ .button-flat-caution:hover { 

 background: #e8543f;

} /* line 201, ../scss/partials/_buttons.scss */ .button-flat-caution:active { 

 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
 background: #cd5240;
 color: #ac2815;

} /* line 206, ../scss/partials/_buttons.scss */ .button-flat-caution.disabled { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

/* line 189, ../scss/partials/_buttons.scss */ .button-flat-royal { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-transition-property: background;
 -moz-transition-property: background;
 -o-transition-property: background;
 transition-property: background;
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 background: #87318c;
 color: white;
 text-shadow: none;
 border: none;

} /* line 198, ../scss/partials/_buttons.scss */ .button-flat-royal:hover { 

 background: #99389f;

} /* line 201, ../scss/partials/_buttons.scss */ .button-flat-royal:active { 

 -webkit-transition-duration: 0s;
 -moz-transition-duration: 0s;
 -o-transition-duration: 0s;
 transition-duration: 0s;
 background: #764479;
 color: #501d53;

} /* line 206, ../scss/partials/_buttons.scss */ .button-flat-royal.disabled { 

 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

/* line 221, ../scss/partials/_buttons.scss */ .button-large { 

 font-size: 19px;
 height: 38.4px;
 line-height: 38.4px;
 padding: 0px 30.72px;

}

/* line 245, ../scss/partials/_buttons.scss */ input.button-large, button.button-large { 

 height: 40.4px;

}

/* line 221, ../scss/partials/_buttons.scss */ .button-small { 

 font-size: 16px;
 height: 25.6px;
 line-height: 25.6px;
 padding: 0px 20.48px;

}

/* line 245, ../scss/partials/_buttons.scss */ input.button-small, button.button-small { 

 height: 27.6px;

}

/* line 221, ../scss/partials/_buttons.scss */ .button-tiny { 

 font-size: 12px;
 height: 22.4px;
 line-height: 22.4px;
 padding: 0px 17.92px;

}

/* line 245, ../scss/partials/_buttons.scss */ input.button-tiny, button.button-tiny { 

 height: 24.4px;

}

/* line 265, ../scss/partials/_buttons.scss */ .button.glow { 

 -webkit-animation-duration: 3s;
 -moz-animation-duration: 3s;
 -ms-animation-duration: 3s;
 -o-animation-duration: 3s;
 animation-duration: 3s;
 -webkit-animation-iteration-count: infinite;
 -khtml-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 -ms-animation-iteration-count: infinite;
 -o-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-name: glowing;
 -khtml-animation-name: glowing;
 -moz-animation-name: glowing;
 -ms-animation-name: glowing;
 -o-animation-name: glowing;
 animation-name: glowing;

} /* line 268, ../scss/partials/_buttons.scss */ .button.glow:active { 

 -webkit-animation-name: none;
 -moz-animation-name: none;
 -ms-animation-name: none;
 -o-animation-name: none;
 animation-name: none;
 -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
 box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;

}

/* line 279, ../scss/partials/_buttons.scss */ .button-dropdown { 

 position: relative;
 overflow: visible;
 display: inline-block;

} /* line 284, ../scss/partials/_buttons.scss */ .button-dropdown .button-overlay { 

 position: fixed;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 z-index: 999;

} /* line 295, ../scss/partials/_buttons.scss */ .button-dropdown .button .icon-caret-down { 

 font-size: 90%;
 margin: 0px 0px 0px 3px;
 vertical-align: middle;

} /* line 302, ../scss/partials/_buttons.scss */ .button-dropdown ul.button-dropdown-menu-below { 

 top: 115%;

} /* line 305, ../scss/partials/_buttons.scss */ .button-dropdown ul.button-dropdown-menu-above { 

 bottom: 115%;
 top: auto;

} /* line 311, ../scss/partials/_buttons.scss */ .button-dropdown ul { 

 -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
 -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 border-radius: 3px;
 display: none;
 position: absolute;
 background: #fcfcfc;
 top: -2px;
 left: -2px;
 z-index: 1000;
 padding: 0px;
 margin: 0px;
 list-style-type: none;
 min-width: 102%;

} /* line 325, ../scss/partials/_buttons.scss */ .button-dropdown ul li { 

 padding: 0px;
 margin: 0px;
 display: block;

} /* line 330, ../scss/partials/_buttons.scss */ .button-dropdown ul li:first-child a { 

 -moz-border-radius-topleft: 3px;
 -webkit-border-top-left-radius: 3px;
 border-top-left-radius: 3px;
 -moz-border-radius-topright: 3px;
 -webkit-border-top-right-radius: 3px;
 border-top-right-radius: 3px;

} /* line 333, ../scss/partials/_buttons.scss */ .button-dropdown ul li:last-child a { 

 -moz-border-radius-bottomleft: 3px;
 -webkit-border-bottom-left-radius: 3px;
 border-bottom-left-radius: 3px;
 -moz-border-radius-bottomright: 3px;
 -webkit-border-bottom-right-radius: 3px;
 border-bottom-right-radius: 3px;

} /* line 339, ../scss/partials/_buttons.scss */ .button-dropdown ul .button-dropdown-divider { 

 -webkit-box-shadow: inset 0px 1px 0px white;
 -moz-box-shadow: inset 0px 1px 0px white;
 box-shadow: inset 0px 1px 0px white;
 border-top: 1px solid #e4e4e4;

} /* line 344, ../scss/partials/_buttons.scss */ .button-dropdown ul a { 

 display: block;
 padding: 0px 20px;
 text-decoration: none;
 font-size: 12px;
 color: #333333;
 line-height: 30px;
 white-space: nowrap;

} /* line 353, ../scss/partials/_buttons.scss */ .button-dropdown ul a:hover { 

 background-color: #3c6ab9;
 color: white;

}

  1. subnav-sticky-wrapper {
   height: 5px !important;

}

table { 

   border-collapse: collapse;
   margin: auto auto 40px;
   width: 635px;;

} th { 

   background-color: #5F5F5F;
   border: 1px solid #999999;
   color: #FFFFFF;

} tr td { 

   border: 1px solid #999999;
   text-align: center;

} tr.odd td { 

   background-color: #EEEEEE;
   color: #000000;

} .ref li { 

   font-size: 14px;
   font-weight: 300;

} </style> <link href="http://openwetware.org/images/2/29/Nano_icon.png" rel="shortcut icon">

<nav role="navigation">

</nav> <script src="https://biomod2013.googlecode.com/svn/trunk/js/jquery.isotope.min.js"></script> <script src="https://biomod2013.googlecode.com/svn/trunk/js/jquery.refineslide.min.js"></script> 

 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/jquery.fancybox.pack.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-buttons.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-media.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-thumbs.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.easing.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.scrollUp.min.js"></script>



 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.stellar.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.sticky.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.scrollTo.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.localscroll.min.js"></script>

<script> 

 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-45176973-1', 'openwetware.org');
 ga('send', 'pageview');

</script> <html> <style type="text/css"> /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

  1. fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

background-image: url('http://openwetware.org/images/5/55/Fancybox_sprite.png'); }

  1. fancybox-loading {

position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

  1. fancybox-loading div {

width: 44px; height: 44px; background: url('http://openwetware.org/images/d/d0/Fancybox_loading.gif') center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://openwetware.org/images/c/c0/Blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */

.fancybox-lock { 

   overflow: hidden !important;
   width: auto;

}

.fancybox-lock body { 

   overflow: hidden !important;

}

.fancybox-lock-test { 

   overflow-y: hidden !important;

}

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('http://openwetware.org/images/e/e0/Fancybox_overlay.png'); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://openwetware.org/images/b/b8/Fancybox_sprite%402x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }

#fancybox-loading div { background-image: url('http://openwetware.org/images/0/01/Fancybox_loading%402x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }

  1. fancybox-buttons {

position: fixed; left: 0; width: 100%; z-index: 8050; }

  1. fancybox-buttons.top {

top: 10px; }

  1. fancybox-buttons.bottom {

bottom: 10px; }

  1. fancybox-buttons ul {

display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); }

  1. fancybox-buttons ul li {

float: left; margin: 0; padding: 0; }

  1. fancybox-buttons a {

display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; }

  1. fancybox-buttons a:hover {

opacity: 1; }

  1. fancybox-buttons a.btnPrev {

background-position: 5px 0; }

  1. fancybox-buttons a.btnNext {

background-position: -33px 0; border-right: 1px solid #3e3e3e; }

  1. fancybox-buttons a.btnPlay {

background-position: 0 -30px; }

  1. fancybox-buttons a.btnPlayOn {

background-position: -30px -30px; }

  1. fancybox-buttons a.btnToggle {

background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px }

  1. fancybox-buttons a.btnToggleOn {

background-position: -27px -60px; }

  1. fancybox-buttons a.btnClose {

border-left: 1px solid #111; width: 35px; background-position: -56px 0px; }

  1. fancybox-buttons a.btnDisabled {

opacity : 0.4; cursor: default; }

  1. fancybox-thumbs {

position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }

  1. fancybox-thumbs.bottom {

bottom: 2px; }

  1. fancybox-thumbs.top {

top: 2px; }

  1. fancybox-thumbs ul {

position: relative; list-style: none; margin: 0; padding: 0; }

  1. fancybox-thumbs ul li {

float: left; padding: 1px; opacity: 0.5; }

  1. fancybox-thumbs ul li.active {

opacity: 0.75; padding: 0; border: 1px solid #fff; }

  1. fancybox-thumbs ul li:hover {

opacity: 1; }

  1. fancybox-thumbs ul li a {

display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }

  1. fancybox-thumbs ul li img {

display: block; position: relative; border: 0; padding: 0; max-width: none; } </style> </html> <html> 


 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/jquery.fancybox.pack.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-buttons.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-media.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/fb/helpers/jquery.fancybox-thumbs.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.easing.min.js"></script>
 <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.scrollUp.min.js"></script>
 <script src="http://biomod2013.googlecode.com/svn/trunk/js/jflickrfeed.min.js"></script>

Outreach

We tried to advertise our project as good as we can. Therefore, we gave many presentations to explain our project.

We also participated at the 'Long Night of Science' at CRTD Dresden and could present our project to the public.

You can find pictures from the 'Long Night of Science' and our posters in the gallery.

An article about our project has been published:


 




  
 <script>
   $(function(){

$('#gallery').jflickrfeed({ limit: 20, qstrings: { id: '105941992@N02' },

itemTemplate: '

<a class="fb" rel="gallery" href="Template:Image b"><img src="Template:Image m" alt="Template:Title" /></a>

'

}, function(data) { $(".fb").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', helpers : { title : { type : 'inside' }, overlay: { locked: false } } }); var $container = $('#gallery'); 

     $container.isotope({

       itemSelector : '.box',
               columnWidth: 220,
               sortBy : 'random',
               gutterWidth: 10,
               cornerStampSelector: '.logo',
               category : function( $elem ) {
                               return $elem.attr('data-category');
                       },
               sortBy: 'category'
     });

}); 


   });
 </script>

</html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/Dresden/outreach&oldid=745479"