view map.css @ 20:982f98f0e52e

for ssl protocol
author Calvin Yeh <cyeh@mpipw-berlin.mpg.com>
date Thu, 23 Mar 2017 11:13:24 +0100
parents 57bde4830927
children
line wrap: on
line source

body{
	overflow:auto;
	font-family: "Lucida Sans",Calibri, "Myriad Pro", Helvetica, Arial,Verdana !important; 
}
body,input{
	margin:0;
	padding:0;
}
#leftWrapper,#rightWrapper{
	display:inline-block;
	vertical-align:top;
	margin:0px;
}
#rightWrapper{
	width:95vw;
	margin-left:55px;
	margin-top:10px;
	margin-bottom:10px;
}
#leftWrapper{
	position:fixed;
	margin-left:10px;
	margin-top:10px;
}
.container{
	display:inline-block;
	vertical-align:top;
	width:100%;
}
#toolbarContainer{
	width:40px;	
}
#toolbarContainer .icon{
	width:35px;
	height:35px;
	margin-bottom:5px;
	display:inline-block;
	background:#777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	cursor:pointer;
	vertical-align:bottom;
	text-align:center;
	line-height:20px;
	font-size:12px;
	background: #777; /* Old browsers */
	background: -moz-linear-gradient(top,  #666 0%, #555 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#555)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666 0%,#555 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666 0%,#555 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666 0%,#555 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666 0%,#555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#555',GradientType=0 ); /* IE6-9 */

}
#toolbarContainer .selected{
	background:#333;
	box-shadow:inset 1px 4px 5px rgba(0%,0%,0%,1.0);
}
#toolbarContainer .icon img{
	width:35px;
	height:35px;
}
.overlay,.map,.pieChart,.timeline,.table{
	padding:0px;
}
.pieChart{
	z-index:19992;
}
.timeline{
	z-index:19993;
}
.overlayLoader{
	display:none;
}
.dataset{
	z-index:19990;
}
.overlay{
	z-index:19991;
}
.about{
	z-index:19994;
}
#datasetContainer,#overlayContainer{
	background:#fff;
	height:auto;
	padding:10px;
	width:250px;
}
.option{
	height:auto;
	color:#888;
	margin-bottom:5px;
}
.label{
	display:inline-block;
	width:220px;
	text-align:left;
	font-weight:normal;
}
input[type="checkbox"]{
	margin-right:5px;
	vertical-align:top;
	margin-top:5px;
}
#mapContainer{
	background:#fff;
	height:600px;
}
.pieChart .content, #pieChartContainer{
	background:#fff;
	width:600px;
	height:450px;
}
#pieChartsDivID > div:nth-child(odd){
	padding-top:10px;
}
#pieChartsDivID > div:nth-child(odd){
	padding-bottom:5px;
}
#pieChartsDivID div{
	background:#fff;
}
.timeline .content, #timelineContainer{
	background:#fff;
	width:93vw;
	height:400px;
}
#tableContainer{
	margin-top:10px;
	background:#fff;
}
#aboutContainer{
	padding:10px;
}
.about .content{
	background:#fff;
	width:600px;
	height:auto;
}
.legend > table, .legend > div {
	width: 200px !important;
	height: 150px !important;
	display: block;
	overflow-y: scroll;
	position: absolute;
	margin-right:30px;
	bottom: 0px;
	font-size: 12px;
}
#tableContainer .tableTabs .tableTab .removeDataset{
	/*display:none;*/
}
#tableContainer .tableTabs .tableTab{
	vertical-align:top;
}