Biomod/2013/Dresden/team: Difference between revisions
No edit summary |
No edit summary |
||
| Line 262: | Line 262: | ||
<div class="name">Dominik Kauert</div> | <div class="name">Dominik Kauert</div> | ||
<div class="flag clearfix"> <p>Germany</p> <img src="http://openwetware.org/images/b/b3/DE.png"></div> | <div class="flag clearfix"> <p>Germany</p> <img src="http://openwetware.org/images/b/b3/DE.png"></div> | ||
<p> | <p>Dominik is a PhD student in the lab of Ralf Seidel. He is very interested in the design of DNA origami structures and their applications in bioscience and technology. In the project, he helped us revising our origami design.</p> | ||
</li> | </li> | ||
| Line 575: | Line 575: | ||
<div class="name">Dominik Kauert</div> | <div class="name">Dominik Kauert</div> | ||
<div class="flag clearfix"> <p>Germany</p> <img src="http://openwetware.org/images/b/b3/DE.png"></div> | <div class="flag clearfix"> <p>Germany</p> <img src="http://openwetware.org/images/b/b3/DE.png"></div> | ||
<p> | <p>Dominik is a PhD student in the lab of Ralf Seidel. He is very interested in the design of DNA origami structures and their applications in bioscience and technology. In the project, he helped us revising our origami design. </p> | ||
</li> | </li> | ||
Revision as of 19:03, 26 October 2013
<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="options" class="clearfix">
- <a href="" data-option-value="*" class="button button-rounded button-flat selected">show all</a>
- <a href="#filter" class="button button-rounded button-flat" data-option-value=".student:not(.supervisor2)">students</a>
- <a href="#filter" class="button button-rounded button-flat" data-option-value=".supervisor">supervisors</a>
- <a href="#filter" class="button button-rounded button-flat" data-option-value=".supporter">supporters</a>
<figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_1"><img src="http://openwetware.org/images/1/1c/Nm_team1.png"></a>
<figcaption>Stefan Scheurer
</figcaption></figure> <a href="#_2"><figure class="box student clickable" data-symbol="H" data-category="student"> <img src="http://openwetware.org/images/7/7f/Nm_team2.png"></a>
<figcaption>Robin Abraham
</figcaption></figure> <figure class="box student b2x2" data-symbol="H" data-category="">
</figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_3"><img src="http://openwetware.org/images/f/f4/Nm_team3.png"></a>
<figcaption>Dilyana Kirova
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_4"><img src="http://openwetware.org/images/4/47/Nm_team4.png"></a>
<figcaption>Gisela Gabernet Garriga
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_5"><img src="http://openwetware.org/images/1/11/Nm_team5.png"></a>
<figcaption>Neha Goveas
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_6"><img src="http://openwetware.org/images/d/df/Nm_team6.png"></a>
<figcaption>Yan Zou
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_7"><img src="http://openwetware.org/images/3/3d/Nm_team7.png"></a>
<figcaption>Vaibhav Narula
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_8"><img src="http://openwetware.org/images/0/07/Nm_team8.png"></a>
<figcaption>Mario Jesus Avellaneda
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_9"><img src="http://openwetware.org/images/c/cd/Nm_team9.png"></a>
<figcaption>Frederic Berndt
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_10"><img src="http://openwetware.org/images/e/ea/Nm_team10.png"></a>
<figcaption>Anastasia Solomatina
</figcaption></figure> <figure class="box student clickable" data-symbol="H" data-category="student"> <a href="#_11"><img src="http://openwetware.org/images/a/ae/Nm_team11.png"></a>
<figcaption>Hafeesudeen Sahabudeen
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_12"><img src="http://openwetware.org/images/9/93/Nm_team12.png"></a>
<figcaption>Hans-Georg Braun
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_13"><img src="http://openwetware.org/images/6/6d/Nm_team13.png"></a>
<figcaption>Michael Schlierf
</figcaption></figure> <figure class="box supervisor b2x2 box2" data-symbol="H" data-category="box2">
</figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_14"><img src="http://openwetware.org/images/0/0f/Nm_team14.png"></a>
<figcaption>Lucas Schirmer
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_15"><img src="http://openwetware.org/images/b/bc/Nm_team15.png"></a>
<figcaption>Banu Iyisan
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_16"><img src="http://openwetware.org/images/c/c9/Nm_team16.png"></a>
<figcaption>Francesco Reddavide
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_17"><img src="http://openwetware.org/images/2/2b/Nm_team17.png"></a>
<figcaption>Mohamed Yassin
</figcaption></figure> <figure class="box supporter clickable" data-symbol="H" data-category="supporter"> <a href="#_18"><img src="http://openwetware.org/images/d/d4/Nm_team18.png"></a>
<figcaption>Ignacio Gonzalez
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_19"><img src="http://openwetware.org/images/0/0d/Nm_team19.png"></a>
<figcaption>Yixin Zhang
</figcaption></figure> <figure class="box suppporter clickable" data-symbol="H" data-category="supporter"> <a href="#_20"><img src="http://openwetware.org/images/e/ee/Nm_team20.png"></a>
<figcaption>Karim Fahmy
</figcaption></figure> <figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_21"><img src="http://openwetware.org/images/6/6d/Nm_team21.png"></a>
<figcaption>Adrian Keller
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_22"><img src="http://openwetware.org/images/9/9a/Nm_team22.png"></a>
<figcaption>Alexander Ohmann
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_23"><img src="http://openwetware.org/images/f/f5/Nm_team23.png"></a>
<figcaption>Kristin Wogan
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_24"><img src="http://openwetware.org/images/5/52/Nm_team24.png"></a>
<figcaption>Katja Dornig
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_25"><img src="http://openwetware.org/images/2/26/Nm_team25.png"></a>
<figcaption>Pascal Tanner
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_26"><img src="http://openwetware.org/images/1/1e/Nm_team26.png"></a>
<figcaption>Mihai Lomora
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_27"><img src="http://openwetware.org/images/5/59/Nm_team27.png"></a>
<figcaption>Mihail Morozov
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor">
<a href="#_28"><img src="http://openwetware.org/images/c/cf/Nm_team28.png"></a>
Dominik Kauert
</figcaption></figure>
<figure class="box supervisor clickable" data-symbol="H" data-category="supervisor"> <a href="#_29"><img src="http://openwetware.org/images/9/92/Nm_team29.png"></a>
<figcaption>Bezuayehu Teshome
</figcaption></figure>
<figure class="box supporter clickable" data-symbol="H" data-category="supporter">
<a href="#_30"><img src="http://openwetware.org/images/f/f8/Nm_team30.png"></a>
Jana Oertel
</figcaption></figure>
<figure class="box supporter clickable" data-symbol="H" data-category="supporter"> <a href="#_31"><img src="http://openwetware.org/images/6/61/Nm_team31.png"></a>
<figcaption>Peggy Berg
</figcaption></figure>
<script>
$(function(){
var $container = $('#container'); $container.isotope({ itemSelector : '.box '
}); var $optionSets = $('#options .option-set'), $optionLinks = $optionSets.find('a'); $optionLinks.click(function(){ var $this = $(this); // don't proceed if already selected if ( $this.hasClass('selected') ) { return false; } var $optionSet = $this.parents('.option-set'); $optionSet.find('.selected').removeClass('selected'); $this.addClass('selected'); // make option object dynamically, i.e. { filter: '.my-filter-class' } var options = {}, key = $optionSet.attr('data-option-key'), value = $this.attr('data-option-value'); // parse 'false' as false boolean value = value === 'false' ? false : value; options[ key ] = value; if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) { // changes in layout modes need extra logic changeLayoutMode( $this, options ) } else { // otherwise, apply new options $container.isotope( options ); } return false; });
});
</script>
<script>
$(function () { $('.rs-slider').refineSlide({ transition : 'fade', useThumbs : false, autoplay: false, maxWidth: 460, onInit : function () { var slider = this.slider, $triggers = $('#team').find('> figure > a'); $triggers.on('click', function (e) { e.preventDefault(); slider.transition($(this).attr('href').replace('#_', )); });
} }); }); </script>
</section>
</body>
</html>