Biomod/2013/Dresden

From OpenWetWare
Jump to navigationJump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

<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> <section id="content"> 

        <div id="container" class="clearfix">
               <figure class="box logo" data-symbol="H" data-category="1">
                       <img src="http://openwetware.org/images/c/c0/Logo_2.png">
               </figure>



               <div class="box b2x2 tease" data-symbol="intro" data-category="student">
                       <h2>How to cure cancer with a <em>plastic ball?</em></h2>
               </div>



<figure class="box clickable b2x2" data-symbol="H" data-category="student"> 

                       <a class="fancybox.iframe yt" href="http://www.youtube.com/embed/1dxhsSr8N_U"><img src="http://openwetware.org/images/9/96/Video_black.png"></a>
                       <figcaption><p>Check our video!</p></figcaption>
               </figure>

               <figure class="box student clickable" data-symbol="H" data-category="student">
                       <a href="http://openwetware.org/wiki/Biomod/2013/Dresden/team"><img src="http://openwetware.org/images/3/32/Team.png"></a>
               </figure>

               <div class="box b1x2" data-symbol="description" data-category="student">
                       <p>Welcome</p>

<p> we, the <em>Dresden Nanormous</em>, use polymers to produce hollow nanoreactors or <em>polymersomes</em>, whose walls contain channels for controlled transport. These channels are built by the <em>DNA-origami</em> technique that way we produce a highly flexible system. By encapsulation of an enyzme and the addition of antibodies we create a <em>smart nanoreactor</em> which could be used to <em>fight cancer</em>! 

               </div>

               <figure class="box clickable" data-symbol="H" data-category="student">
                       <a href="http://openwetware.org/wiki/Biomod/2013/Dresden/project#polymersome"><img src="http://openwetware.org/images/4/49/Poly_final.png"></a>
                       <figcaption><p>Polymersome</p></figcaption>
               </figure>

               <figure class="box clickable" data-symbol="H" data-category="student">
                       <a href="http://openwetware.org/wiki/Biomod/2013/Dresden/project#origami"><img src="http://openwetware.org/images/0/0b/Channel_final.png"></a>
                       <figcaption><p>DNA origami channel</p></figcaption>
               </figure>

               <figure class="box clickable" data-symbol="H" data-category="student">
                        <a href="http://openwetware.org/wiki/Biomod/2013/Dresden/project#reaction"><img src="http://openwetware.org/images/f/f8/Reaction_final.png"></a>
                       <figcaption><p>Internal reaction</p></figcaption>
               </figure>


<figure class="box clickable b2x2" data-symbol="H" data-category="student"> 

                        <a href="http://openwetware.org/wiki/Biomod/2013/Dresden/project#polymersome"><img src="http://openwetware.org/images/b/b2/Polsoms.png"></a>
                       <figcaption><p>The picture shows a SEM image of our first polymersomes! The average diameter is about 200nm. </p></figcaption>
               </figure>

<figure class="box student clickable" data-symbol="H" data-category="student"> 

                       <a href="https://www.facebook.com/dresdenanormous"><img src="http://openwetware.org/images/5/55/Facebook.png"></a>
                       <figcaption><p>Follow us ..</p></figcaption>
               </figure>


<figure class="box clickable b2x2" data-symbol="H" data-category="student"> 

                        <a href="http://openwetware.org/wiki/Biomod/2013/Dresden/project#nanoreactor"><img src="http://openwetware.org/images/d/d2/Main_page_1.png"></a>
                       <figcaption><p>Cryo-TEM images of incorporated DNA channel in Tri-block polymersomes indicated by green arrows.</p></figcaption>
               </figure>

<!-- <figure class="box b2x2 slider" > <ul class="rs-slider" > <li><img src="../res/images/team/nm_team.png" alt="" /></li> <li><img src="../res/images/team/nm_team.pn" alt="" /></li> <li><img src="../res/images/team/nm_team.png" alt="" /></li>


</ul> <div class="prev"></div> <div class="next"></div> </figure>

-->

<figure class="box student clickable" data-symbol="H" data-category="student"> 

                                       <a href="http://openwetware.org/index.php?title=Biomod/2012/TU_Dresden/Nanosaurs"><img src="http://openwetware.org/images/b/b7/Nanosaurs.png"></a>
                                       <figcaption><p>Nanosaurs 2012</p></figcaption>
               </figure>

</div> 

 <script>
   $(function(){

     var $container = $('#container');

     $container.isotope({

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




   });
 </script>

<script>

$(function () { $('.rs-slider').refineSlide({ transition  : 'fade', useThumbs  : false, autoplay: false, maxWidth: 460, onInit : function () { var slider = this.slider; $('.next').on('click', function (e) { e.preventDefault(); slider.next() }); $('.prev').on('click', function (e) { e.preventDefault(); slider.prev() });

} }); }); </script> <script> $(document).ready(function() { $(".yt").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script> 

 </section>

</html>

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