env.css

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 19, 2015, 12:14:56 PM
    Author     : Administrator
*/

#scheme {
    position: fixed;
    left : 0;
    top : 0;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.station-bg {
    fill-opacity: .8;
    fill: white;
}

.station-label {
    font-family: Calibri,"Gill Sans","Gill Sans MT",sans-serif;
    font-size:8px;
    letter-spacing: .05em;
    fill: black;
    /* letter-spacing: .05em; */
}

.connection {
    fill:none;
    stroke-width:3px;
    stroke-linecap: round;
}

.bottom-div {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* height: 2rem; */
    background-color: rgba(207, 19, 20, .5);
    /* padding: .8rem; */
    line-height: 2rem;
    font-family: Calibri,"Gill Sans","Gill Sans MT",sans-serif;
    letter-spacing: .1em;
    box-shadow: 0 0 1rem .3rem rgba(0, 0, 0, 0.3);
    /*border-top: 1px solid rgba(255,255,255,.5);*/
}

.navbar {
    margin: 0 0 0 3.8rem;
    /*margin-left: 3rem;*/
    /*background-color: #00ffffff;*/
    display:block;
    /*border-radius: .5rem;*/
    height: 3.5rem;
	cursor:pointer;
    /*box-shadow: 0 0 .4rem .3rem rgba(0, 0, 0, 0.3);*/
}

.playsvg {
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: .25rem;
    top: .3rem;
}

.overlay {
    position: fixed;
    left : 0;
    top : 0;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.nav-dec-splitter {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1.5px;
}

.nav-dec-splitter.first {
    stroke-width: 3px;
}

.nav-dec-text {
    font-weight: bold;
    letter-spacing: .2em;
    fill: rgba(255, 255, 255, 0.89);
}

.nav-year-box {
    fill-opacity: .3;
    opacity: 0;
    transition: opacity 1s;
}
.navbar:hover .nav-year-box{
    opacity: 1;
}
.no-select{
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none
}
.nav-cursor {
    /*stroke:#ffffff;
    stroke-width=3;
    fill:none;*/
    fill: rgba(2, 2, 2, .5);
}
.pointer-div {
    display:inline-block;
    position:fixed;
    opacity:0;
}
.pointer-div div {
    display:block;
    position:relative;
}
.pointer-message {
    border-radius: .2rem;
    padding: .5rem;
    background-color: rgba(0,0,0,.5);
    color:white;
    font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
    font-size: 11px;
    letter-spacing: .1em;
    line-height: 1.182;
}
.pointer-cursor {
    width:0px;
    height:0px;
    border-top: .5rem solid rgba(0,0,0,.5);
    border-left: .5rem solid rgba(128,128,128,0);
    border-right: .5rem solid rgba(128,128,128,0);
    border-bottom: .5rem solid rgba(128,128,128,0);
    margin-bottom:-.5rem;
    overflow:hidden
}
.info-div {
    border-radius: .3rem;
    padding: .5rem;
    background-color: rgba(0,0,0,.4);
    color:white;
    font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
    font-size: 11px;
    letter-spacing: .1em;
    line-height: 1.182;
    
    width:7rem;
    position: fixed;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.month-info {
    top: .7rem;
    left: .7rem;
    display:none;
}
.info-div .header {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.info-div .content {
    margin-top: .3rem;
}
.info-div .content ul {
    list-style: none;
    margin: 0;
    padding-left:0;
}
.pluso {
    opacity: .4;
    position:fixed !important;
    right:.5rem;
    top:1rem;
    /*margin-top:85px;*/
	margin-top:40px;
    transition: .5s all;
}
.pluso:hover {
    opacity: .9;
}

.r-btn {
    position:fixed;
    right:.5rem;
    top:.5rem;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin-right:5px;
    display:inline-block;
    opacity:.5;
    transition: .5s all;
}

.r-btn:hover {
    opacity:1;
}

.r-btn.active {
    opacity:1;
}

.btn-audio {
    background-image: url("static/audio.svg");
}

.btn-info {
    /*margin-top:45px;*/
    background-image: url("static/info.svg");
}

.info {
	display:none;
	position:fixed;
    right:.5rem;
	margin-right:55px;
    top:.5rem;
}

.info.active {
	display:block;
}

.info a {
	color:inherit;
}

.playsvg {
	cursor:pointer;
}

.playsvg #btnplayShade {
	transition: .5s all;
}
.playsvg:hover #btnplayShade  {
	stroke-width: 20 !important;
}