96 lines
2.5 KiB
CSS
96 lines
2.5 KiB
CSS
* {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
[ng-drag] {
|
|
-moz-user-select: -moz-none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
[ng-drag].dragging {
|
|
width: 400px;
|
|
opacity: 0.5;
|
|
}
|
|
[ng-drop] {
|
|
/*background: rgba(0, 0, 0, 0.25);*/
|
|
|
|
text-align: center;
|
|
display: block;
|
|
position: relative;
|
|
padding: 10px;
|
|
/*width: 610px;*/
|
|
|
|
margin-right: 10px;
|
|
height: 290px;
|
|
float: left;
|
|
}
|
|
[ng-drop].drag-enter {
|
|
border: solid 1px red;
|
|
}
|
|
[ng-drop] div {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.draglist {
|
|
/*max-width: 2000px;*/
|
|
/*display: inline-block;*/
|
|
|
|
margin: 0 auto;
|
|
}
|
|
.panel-title-right {
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-top: -12px;
|
|
}
|
|
.chartContainer {
|
|
box-sizing: border-box;
|
|
width: 330px;
|
|
height: 200px;
|
|
margin: auto;
|
|
/*border: 1px solid #ddd;*/
|
|
|
|
background: #fff;
|
|
background: linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
|
|
-o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
-ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.largeChartContainer {
|
|
box-sizing: border-box;
|
|
width: 800px;
|
|
height: 500px;
|
|
margin: auto;
|
|
/*border: 1px solid #ddd;*/
|
|
|
|
background: #fff;
|
|
background: linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
|
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
|
|
-o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
-ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.demo-placeholder {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
line-height: 1.2em;
|
|
}
|
|
.panel-close {
|
|
float: right;
|
|
margin-right: -10px;
|
|
margin-top: -25px;
|
|
} |