Biomod/2013/Dresden
<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 ****/
- column-one, #footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter{
display: none;
}
- 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;
}
- 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;
}
- 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; }
- subnav li {
list-style: none outside none;
}
- content {
margin-top: 60px;
}
- 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;
}
- motivation{ background-image: url("http://openwetware.org/images/d/d9/Motivation.png");}
- vesicle{ background-image: url("http://openwetware.org/images/0/0e/Vesicle_large_final.png");}
- origami{ background-image: url("http://openwetware.org/images/8/89/DNA_background_final.png");}
- reaction{ background-image: url("http://openwetware.org/images/c/c3/IR_background.png");}
- nanoreactor{ background-image: url("http://openwetware.org/images/a/a5/Nanocontainer_background.png");}
- applications{ background-image: url("http://openwetware.org/images/f/fa/Application_background.png");}
- 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 }
- pb_mot.project_box{
height: 350px; }
- pb_dna_scaff.project_box{
height: 400px; }
- pb_dna_req.project_box{
height: 250px; }
- pb_poly_intro.project_box{
/*right: -20%;*/ height: 200px;
}
- pb_poly_pmoxa.project_box{
/*right: -20%;*/ height: 600px; width: 1000px; overflow:scroll; }
- pb_ir.project_box{
/*right: -20%;*/ height: 1300px; }
- 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; }
- team .big{
opacity:1; }
.head{ width:220px; float:left; }
/*sponsor page*/
- sponsors .box {
background: none repeat scroll 0 0 white;
}
- 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;
}
- 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;
}
- sponsors .descr p{
width:90%; margin-left:auto; margin-right:auto; }
- 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;
}
- 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*/
- 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%;
}
- 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;
}
- protocols, #polymers_protocols, #origami_protocols, #reaction_protocols, #nanocontainer_protocols, #imaging_protocols {
font-size: 20px; font-weight: 300; margin-bottom: 30px; margin-left: 50px;
}
- protocols > h2, #polymers_protocols > h2, #origami_protocols > h2, #reaction_protocols > h2, #nanocontainer_protocols > h2, #imaging_protocols > h2 {
margin-bottom: 20px; margin-top: 20px;
}
- protocols .interlude, #polymers_protocols .interlude, #origami_protocols .interlude, #reaction_protocols .interlude, #nanocontainer_protocols .interlude, #imaging_protocols .interlude {
margin-left: -50px !important;
}
- 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;
}
- 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%; }
- fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('http://openwetware.org/images/5/55/Fancybox_sprite.png'); }
- 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; }
- 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*/ } }
- fancybox-buttons {
position: fixed; left: 0; width: 100%; z-index: 8050; }
- fancybox-buttons.top {
top: 10px; }
- fancybox-buttons.bottom {
bottom: 10px; }
- 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 ); }
- fancybox-buttons ul li {
float: left; margin: 0; padding: 0; }
- 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; }
- fancybox-buttons a:hover {
opacity: 1; }
- fancybox-buttons a.btnPrev {
background-position: 5px 0; }
- fancybox-buttons a.btnNext {
background-position: -33px 0; border-right: 1px solid #3e3e3e; }
- fancybox-buttons a.btnPlay {
background-position: 0 -30px; }
- fancybox-buttons a.btnPlayOn {
background-position: -30px -30px; }
- fancybox-buttons a.btnToggle {
background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px }
- fancybox-buttons a.btnToggleOn {
background-position: -27px -60px; }
- fancybox-buttons a.btnClose {
border-left: 1px solid #111; width: 35px; background-position: -56px 0px; }
- fancybox-buttons a.btnDisabled {
opacity : 0.4; cursor: default; }
- fancybox-thumbs {
position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
- fancybox-thumbs.bottom {
bottom: 2px; }
- fancybox-thumbs.top {
top: 2px; }
- fancybox-thumbs ul {
position: relative; list-style: none; margin: 0; padding: 0; }
- fancybox-thumbs ul li {
float: left; padding: 1px; opacity: 0.5; }
- fancybox-thumbs ul li.active {
opacity: 0.75; padding: 0; border: 1px solid #fff; }
- fancybox-thumbs ul li:hover {
opacity: 1; }
- fancybox-thumbs ul li a {
display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
- 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/e/e4/Video.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/6/6a/400x400_main_page_thumb.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>