coronaindia/views/media/plugin/twisterdata.html

COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.

<div id="twister">
		<button type="button" class="crosscloseif" onclick="hide()">
			<svg version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" height="20">
				<polygon fill="#010101" points="77.6,21.1 49.6,49.2 21.5,21.1 19.6,23 47.6,51.1 19.6,79.2 21.5,81.1 49.6,53 77.6,81.1 79.6,79.2 51.5,51.1 79.6,23 "></polygon>
			</svg>
		</button>
		<div class="draggablearea" >
			<iframe src="/coronaindia/views/media/plugin/pluginHtml.html"name="crbz_scag_frame" width="180" scrolling="no" height="130" rameborder="0" id="twisstiframe" style="border:0px;"></iframe>
		</div>
	</div>


<style>
	#twister {
    position: fixed;
    right: 24px;
    top: calc(50% + 168px);
    transform: translateY(calc(-50% - 20px));
    z-index: 99999;
    width: 175px;
    height: 140px;
}

#cubebutn, #twister, #txt_audio {
    z-index: 9999991!important;
}
#twister iframe#twisstiframe {
    position: relative;
}
button.crosscloseif {
    z-index: 999999;
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding: 3px 10px;
    position: absolute;
    top: -22px;
    right: 25px;
    line-height: 20px;
    box-shadow: 0px -2px 2px 1px #ccc;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0px;
}
</style>