@easyquery/ui
Version:
EasyQuery.JS Community UI widgets
72 lines (59 loc) • 3.37 kB
CSS
/* EasyChart START */
.eqjs-chart-header {
background-color: #DDD;
padding:4px;
font-size:10px;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.eqjs-chart-settings {
background-color: #EEE;
padding:4px;
border: 1px solid #DDD;
font-size:14px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
width: 100%;
min-height: 200px;
}
.eqjs-chart-settings.sliding {
min-height: 0;
}
.eqjs-chart-main {
position: relative;
}
.eqjs-chart-settings-header {
width: 100%;
font-size:20px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.eqjs-chart-settings-icon {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNDk0M0YwQTg1RTJFNjExOTZFREQxNTc2MzY0NDE3OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RkI5QTQ1RkUzQUExMUU2ODAwN0Y1Q0FGN0NFOTJBRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RkI5QTQ1RUUzQUExMUU2ODAwN0Y1Q0FGN0NFOTJBRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNDk0M0YwQTg1RTJFNjExOTZFREQxNTc2MzY0NDE3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNDk0M0YwQTg1RTJFNjExOTZFREQxNTc2MzY0NDE3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlO9hMwAAAIySURBVHja7JbPS1RRFMdnxEVbFxWOEkomU60MWk0ZM4SVBkbayjGYGkJiEDMHNcowkQanAl3MIogGBQ0XFSLOlESgLQY3QaWJIS4EEfEPMCRf3wffB6frvc9ZzqIDH+65P96Zc88577zxWpblKSQp8hSYFDtKPB7X7Z8D89SbwFv1QDKZ/GfuTS3r7JwFC9RbwLh6wLrrN0aoEQxSPy3Wazg+ALfyuGwDSFA/KdbPODEAd4wREs68p14LfGLPdiIAguLZlwZnLoFpEeUjYi/My4U4PwRGTA5VKemS4lMcPOESneNCDyh7R4kj1W5F/RxkxPwVOAbKwAux/pUhN0lKRNqWMVDBCyXE+hKImVIW4m38nL8GUbF/H+yCblDOOpsDHxRnLoDzov4mwE2x3wt+g8egFDylnYwaoXfgCajkPK25+SjHwyzuSc2ZKTAgUupmpwT0gDe6lKkd0qsxpK7puupeHnaKTHbkxlXQCX5xHtUYus1xk6G/pjlzBXSAny52Ihy3wUNwXVdDX0gdwx3m7frBHxZxG89uKMUpJUeC7D/NTG0f2AH3QDvPbomepw1dF7gs5nZXXQGrwhmnuQ25vGUx9jRHbjBia8IZW07JHqRz6IfQZ+mMI+sgK+bfXRxaFPonkT4nuhnDb+5zKMuW/4ipk70nzfqwU9fK3mKSz+zWdrovKum1v2P1rLOI2u2LNcZmiC3fxLrzcXyW54f7I1GjmeM4rHvI+///0AHyV4ABAGIbcSD7TTsfAAAAAElFTkSuQmCC') 0 0;
float: right;
cursor: pointer;
width: 18px;
height: 18px;
}
.eqjs-chart-settings-icon:hover {
background-position: -18px 0;
}
.eqjs-chart-settings-single {
max-width: 100%;
margin: 10px;
}
.eqjs-chart-settings-single span {
width: 30%;
}
.eqjs-chart-settings-single select {
width: 60%;
font-size:12px;
}
.eqjs-chart-no-data {
position: absolute;
left: 50%;
top: 30px;
transform: translate(-50%, 0);
font-size: 20px;
font-weight: bold;
}
/* EasyChart END */