Biomod/2013/Dresden

From OpenWetWare
Revision as of 10:28, 25 October 2013 by Lucas Schirmer (talk | contribs)
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> <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"> 

                       <li><a class="fancybox.iframe yt" href="http://www.youtube.com/embed/1dxhsSr8N_U"><img src="http://openwetware.org/images/e/e4/Video.png"></a></li>
                       <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">
               </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 nanocontainers 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 nanocontainer</em> which could be used to <em>fight cancer</em>! 

               </div>

               <figure class="box clickable" data-symbol="H" data-category="student">
                       <a href="../project/index.html#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="../project/index.html#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="../project/index.html#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="../project/index.html#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 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> 

 </section>

</html>

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