Template:VCCRI 2014 BIOMOD HEADER: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(45 intermediate revisions by 3 users not shown)
Line 13: Line 13:
$("tr:odd").addClass("odd");
$("tr:odd").addClass("odd");
});
});
$('link[rel="shortcut icon"]').attr('href','http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png');
</script>
</script>
<link rel="icon" type="image/png" href="http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png">


<style type="text/css">
<style type="text/css">
Line 23: Line 25:
}
}


#footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter{
#footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter, #p-cactions {
     display: none;
     display: none;
}
}


/*only show edit button*/
/*only show edit button - also remove p-cactions from previous style*/
#ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
#ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
     display: none;
     display: none;
Line 35: Line 37:
     display:block;
     display:block;
}
}
 
/*Make text on edit buttons visible for easier editing*/
 
.editButtons, #wpSummary{
#content {
color: black;
    margin: 0;
    padding: 0;
background: #151B44;
border: medium none;
}
}


html, body, div, span, object, iframe,
</style>
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,
<!-- *************************Now for actual stuff****************************** -->
footer, header, hgroup, menu, nav, section {
  display: block;
}


body {
<meta charset="utf-8">
  /*padding: 15px;*/
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  font-family: 'Lato', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
<meta name="viewport" content="width=device-width, initial-scale=1">
  font-size: 2rem;
<title>EchiDNA 2014</title>
  font-weight: 200;
  line-height: 1.4;
  background: #151B44;
  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 {
<!-- Bootstrap -->
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
<link href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/bootstrapcss320&action=raw&ctype=text/css" rel="stylesheet">
}


h1, h2, h3 { font-weight: 300; }
<style type="text/css">


h1 {
@font-face {
  font-size: 32px;
font-family: BIOMOD_font;
  line-height: 1.1em;
src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf);
}
}


h2 {
@font-face {
  font-size: 48px;
font-family: HEADING_font;
  line-height: 1.1em;
src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf);
}
}
 
 
 
a,
a code {
  color: #FB4;
  text-decoration: none;
}


a:hover,
@font-face {
a:hover code {
font-family: HEADING_ACTIVE_font;
  color: #4BF;  
src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf);
}
}


a:active,
@font-face {
a:active code {
font-family: FOOTER_font;
  color: #1FB;
src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf);
  /*background: black;*/
}
}


a img { border: none; }


a.anchor{display: block; position: relative; top: -75px; visibility: hidden;}
/*Alter default header*/


p{
.navbar-default .navbar-nav > li > a {
text-align:left;
font-family: HEADING_font, Arial, sans-serif;
}
}


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


blockquote {
.navbar-default .navbar-nav > li > ul > li > a {
  padding-left: 1.0em;
font-family: HEADING_font, Arial, sans-serif;
  margin-left: 1.0em;
font-size: 10pt;
  border-left: 1px solid #333;
  font-style: italic;
}
}


#scrollUp {
.navbar-default .navbar-right > li {
    background: url("http://openwetware.org/images/8/87/Top.png") no-repeat scroll 0 0 transparent;
color: #f8f8f8;
    bottom: 20px;
    height: 38px;
    right: 10px;
    width: 38px;
}
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #F7941E;
background-color: #F8F8F8;
font-family: HEADING_ACTIVE_font, Arial, sans-serif;
}


nav {
a[href^="mailto"] {
  background: rgba(25, 25, 25, 0.85);
color: white;
  padding: 0px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
}
}


nav ul {
a[href^="mailto"]:hover {
  width: 100%;
color: #f7941e;
  margin: 0px auto;
text-decoration: none;
  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 {
a#vccri, a#edit-link {
  padding: 10px;
color:white;
}
nav ul a {
  float: left;
  text-decoration: none;
  color: #F2F2F2;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  padding: 10px 20px 0;
}
}


#subnav {
a#vccri:hover, a#edit-link:hover {
    background-color: rgba(25, 25, 25, 0.8);
color: #f7941e;
border-radius: 0 20px 20px 0;
text-decoration: none;
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 {
body {
    list-style: none outside none;
background-image: url(http://openwetware.org/images/8/81/2014-EchiDNA-WEB-BG-TILE.png);
background-repeat: repeat;
color:white;
font-family: BIOMOD_font, Arial, sans-serif;
}
}


#content {
.col-centered {
    margin-top: 60px;
display:inline-block;
}
float:none;
 
#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;
text-align:left;
margin-left: 20px;
/* inline-block space fix */
    margin-top: 15px;
margin-right:-4px;
}
 
.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 > *{
h4 {
float:left;
color: #f7941e;
}
font-family: HEADING_font, Arial, sans-serif;
.flag > p{
font-size: 18px;
    position: relative;
    text-align: center;
    top: -6px;
    width: 75%;
margin-bottom: 10px;
}
}


#team .big{
/*Footer stuff*/
opacity:1;
}


.head{
html {
width:220px;
position: relative;
float:left;
min-height: 100%;
}
}


/*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 {
body {
  height: 100%;
margin-bottom: 35px;
}
 
#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 {
.footer {
    bottom: 0;
position: absolute;
    left: 0;
bottom: 0;
width: 100%;
height: 35px;
background-color: #0c2850;
}
}


.rs-caption.rs-bottom-right {
/*Fix OpenWetWare Editing Box*/
    right: 0;
    left: auto;
    border-bottom: none;
    border-right: none;
}


.rs-caption.rs-top {
#wpTextbox1 {
    top: 0;
color: #000;
    bottom: auto;
font-family: Arial;
    width: 100%!important;
width: 100%;
}
 
.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>
</style>
<link href="http://openwetware.org/images/2/29/Nano_icon.png" rel="shortcut icon">


<nav role="navigation">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<ul id="navmenu" class="open">
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--<li><a href="http://openwetware.org/wiki/Biomod/2013/Dresden"><img src="http://openwetware.org/images/0/01/Logo_menu.png"></a></li>-->
<!--[if lt IE 9]>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Team"><i class="menu-icon icon-team"></i><span>Team</span></a></li>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project"><i class="menu-icon icon-studio"></i><span>Project</span></a></li>
   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabNotes"><i class="menu-icon icon-studio"></i><span>Lab book</span></a></li>
<![endif]-->
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/MeetingNotes"><i class="menu-icon icon-studio"></i><span>Meeting Notes</span></a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Sponsors"><i class="menu-icon icon-studio"></i><span>Sponsors</span></a></li>
</ul>
</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>


<!-- ********************************** Header Menu ****************************** -->


 
<div class="navbar navbar-default navbar-fixed-top" role="navigation" style="font-family: arial bold; font-size: 125%; box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);">
   <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.stellar.min.js"></script>
   <div class="container">
  <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.sticky.js"></script>
<div class="navbar-header">
  <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.scrollTo.min.js"></script>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
  <script type="text/javascript" src="http://biomod2013.googlecode.com/svn/trunk/js/jquery.localscroll.min.js"></script>
  <span class="sr-only">Toggle navigation</span>
<script>
  <span class="icon-bar"></span>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  <span class="icon-bar"></span>
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  <span class="icon-bar"></span>
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
</button>
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
</div>
 
<div class="navbar-collapse collapse">
  ga('create', 'UA-45176973-1', 'openwetware.org');
  <ul class="nav navbar-nav">
   ga('send', 'pageview');
<li id="home_link"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI">Home</a></li>
 
<!--<li id="project_link"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project">Project</a></li>-->
</script>
<li id="project_link" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project">Overview</a></li>
<li class="divider"></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project/Problem">The Problem</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project/Approach">The Approach</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Project/Solution">The Solution</a></li>
</ul>
</li>
<li id="team_link"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Team">Team</a></li>
<!--<li id="lab_book_link"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook">Lab Book</a></li>-->
<li class="dropdown" id="lab_book_link">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Lab Book <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook">Overview</a></li>
<li class="divider"></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Exp1">Experiment 1</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Exp2">Experiment 2</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Exp3">Experiment 3</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Exp4">Experiment 4</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Exp5">Experiment 5</a></li>
<li class="divider"></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Single">Single Beacon</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Coop">Co-op Beacon</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/LabBook/Application">Future Work</a></li>
<li class="divider"></li>
<li><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Sketchbook">Sketchbook</a></li>
</ul>
</li>
<li id="sponsors_link"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Sponsors">Sponsors</a></li>
<li id="media_link"><a href="http://openwetware.org/wiki/Biomod/2014/VCCRI/Media">Media</a></li>
  </ul>
</div><!--/.nav-collapse -->
   </div>
</div>

Latest revision as of 23:21, 24 October 2014

<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"); }); $('link[rel="shortcut icon"]').attr('href','http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png'); </script> <link rel="icon" type="image/png" href="http://openwetware.org/images/2/29/2014-EchiDNA-WEB-FAVICON.png">

<style type="text/css"> /**** Base styles ****/ /*#column-one, */

  1. content {
   font-weight: bold;

}

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

}

/*only show edit button - also remove p-cactions from previous style*/

  1. ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
   display: none;

}

  1. ca-edit{
   display:block;

} /*Make text on edit buttons visible for easier editing*/ .editButtons, #wpSummary{ color: black; }

</style>


<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>EchiDNA 2014</title>

<link href="http://openwetware.org/index.php?title=Biomod/2014/VCCRI/bootstrapcss320&action=raw&ctype=text/css" rel="stylesheet">

<style type="text/css">

@font-face { font-family: BIOMOD_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }

@font-face { font-family: HEADING_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }

@font-face { font-family: HEADING_ACTIVE_font; src: url(http://openwetware.org/images/2/2f/EchiDNA-2014-KGSecondChancesSolid.ttf); }

@font-face { font-family: FOOTER_font; src: url(http://openwetware.org/images/9/9a/EchiDNA-2014-GothamRnd-Book.otf); }


/*Alter default header*/

.navbar-default .navbar-nav > li > a { font-family: HEADING_font, Arial, sans-serif; }


.navbar-default .navbar-nav > li > ul > li > a { font-family: HEADING_font, Arial, sans-serif; font-size: 10pt; }

.navbar-default .navbar-right > li { color: #f8f8f8; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #F7941E; background-color: #F8F8F8; font-family: HEADING_ACTIVE_font, Arial, sans-serif; }

a[href^="mailto"] { color: white; }

a[href^="mailto"]:hover { color: #f7941e; text-decoration: none; }

a#vccri, a#edit-link { color:white; }

a#vccri:hover, a#edit-link:hover { color: #f7941e; text-decoration: none; }

body { background-image: url(http://openwetware.org/images/8/81/2014-EchiDNA-WEB-BG-TILE.png); background-repeat: repeat; color:white; font-family: BIOMOD_font, Arial, sans-serif; }

.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }

h4 { color: #f7941e; font-family: HEADING_font, Arial, sans-serif; }

/*Footer stuff*/

html { position: relative; min-height: 100%; }

body { margin-bottom: 35px; }

.footer { position: absolute; bottom: 0; width: 100%; height: 35px; background-color: #0c2850; }

/*Fix OpenWetWare Editing Box*/

  1. wpTextbox1 {

color: #000; font-family: Arial; width: 100%; }

</style>


Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:VCCRI_2014_BIOMOD_HEADER&oldid=834046"