| /*- |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| */ |
| |
| .big-chart-container{ |
| z-index:1040; |
| display:block; |
| position:fixed; |
| top:0; |
| left:0; |
| bottom:0; |
| right:0; |
| background-color: rgba(0,0,0,0.4); |
| } |
| |
| .big-chart-content{ |
| position: fixed; |
| background-color:black; |
| /*animation-name: animatetop; |
| animation-duration: 0.8s*/ |
| } |
| |
| .bark-close { |
| position: relative; |
| display: inline-block; |
| width: 30px; |
| height: 30px; |
| overflow: hidden; |
| background: transparent; |
| border: 0; |
| } |
| .bark-close:hover::before, .bark-close:hover::after { |
| background: #ECED25; |
| } |
| .bark-close::before, .bark-close::after { |
| content: ''; |
| position: absolute; |
| height: 2px; |
| width: 100%; |
| top: 50%; |
| left: 0; |
| margin-top: -1px; |
| background: #fff; |
| } |
| .bark-close::before { |
| -webkit-transform: rotate(45deg); |
| -moz-transform: rotate(45deg); |
| -ms-transform: rotate(45deg); |
| -o-transform: rotate(45deg); |
| transform: rotate(45deg); |
| } |
| .bark-close::after { |
| -webkit-transform: rotate(-45deg); |
| -moz-transform: rotate(-45deg); |
| -ms-transform: rotate(-45deg); |
| -o-transform: rotate(-45deg); |
| transform: rotate(-45deg); |
| } |
| .bark-close.big { |
| -webkit-transform: scale(3); |
| -moz-transform: scale(3); |
| -ms-transform: scale(3); |
| -o-transform: scale(3); |
| transform: scale(3); |
| } |
| |
| .bark-close.black::before, .bark-close.black::after { |
| height: 8px; |
| margin-top: -4px; |
| } |
| .bark-close.thick::before, .bark-close.thick::after { |
| height: 4px; |
| margin-top: -2px; |
| } |
| |
| @keyframes animatetop { |
| from {top:-100px; opacity:0} |
| to {top:60px; opacity:1} |
| } |