jscharting/dist/resources/datagrid.css

JavaScript charting library

.jscGrid table{
	font-family:Helvetica;
	font-size:12px;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	cursor: default;	
}

.jscGrid table tbody tr:nth-child(2n+1){
	background:#F5F5F5;
}

.jscGrid table thead th{
	background:#0277BD;
	color:white;
}

.jscGrid table th{
	background:#E0E0E0;
	font-weight:normal;
	color:#424242;
	padding:5px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.jscGrid table td{
	border-right: 1px solid #F5F5F5;
	padding: 5px;
	vertical-align: top;
	overflow: hidden;
	white-space: pre-line;
	background-clip: padding-box;
	color:#424242;
}

.jscGrid table td.summaryCell{
	color: #999;
}

.jscGrid .exportButton{
	margin: 10px auto;
	display: block;
	padding: 6px 18px;
	cursor: pointer;
	background-color: #0277BD;
	color:white;
	border-width: 0px;
	border-radius: 3px;
}

.jscGrid .exportButton:hover{
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.jscGrid .exportButton:active{
	box-shadow: 0 0 6px rgba(0,0,0,.2) inset;
}
.jscGrid .exportButton:focus{
	outline: none;
}

.chartGridSwitch {
	margin: 8px 0;
	text-align: center;
}

.chartGridSwitch button{
	border: 1px solid gray;
	padding: 4px 8px;
	cursor: pointer;
	margin-left: 0px;
	margin-right: 0px;
}

.chartGridSwitch .gridButton{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left-width: 0px;
	background-color: #F5F5F5;
}

.chartGridSwitch .chartButton{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #D5D5D5;
}

.chartGridSwitch button:focus{
	outline: none;
}