1
0
Fork 0
shezmu/dashboard/css/app.css

123 lines
1.9 KiB
CSS
Raw Normal View History

2015-10-31 19:00:50 +00:00
* { box-sizing: border-box; }
2015-10-28 19:42:01 +00:00
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
2015-10-28 23:33:50 +00:00
font-size: 16px;
2015-10-28 19:42:01 +00:00
}
#app {
2016-01-10 14:28:26 +00:00
width: 950px;
2015-10-28 19:42:01 +00:00
margin: 0 auto;
}
2015-10-31 19:55:38 +00:00
/*
* Table
*/
.table-row {
2016-01-10 14:28:26 +00:00
width: 950px;
2015-10-31 19:55:38 +00:00
height: 40px;
2015-10-31 19:00:50 +00:00
}
2015-10-31 19:55:38 +00:00
.table-cell {
float: left;
width: 120px;
line-height: 40px;
text-align: right;
2015-11-01 19:30:49 +00:00
font-family: monospace;
2015-10-31 19:55:38 +00:00
}
.table-cell.col-name {
2016-01-10 14:28:26 +00:00
width: 350px;
2015-10-31 19:55:38 +00:00
text-align: left;
2015-10-31 19:00:50 +00:00
font-weight: 600;
2015-11-01 19:30:49 +00:00
font-family: inherit;
2015-10-31 19:00:50 +00:00
}
2015-10-31 19:55:38 +00:00
.table-header .table-cell {
font-weight: 600;
border-bottom: #666 1px solid;
2015-11-01 19:30:49 +00:00
font-family: inherit;
2015-10-31 19:55:38 +00:00
}
2015-10-31 19:00:50 +00:00
2015-10-31 19:55:38 +00:00
/*
* Line chart
*/
.linechart {
float: left;
2016-01-10 14:28:26 +00:00
width: 950px;
height: 120px;
2015-10-31 19:55:38 +00:00
margin-right: 15px;
}
2015-10-31 19:55:38 +00:00
.linechart svg {
2015-10-31 19:00:50 +00:00
width: 100%;
2015-10-31 19:55:38 +00:00
height: 100%;
2016-01-10 14:28:26 +00:00
/*background-color: #abc;*/
2015-10-31 19:00:50 +00:00
}
2015-10-31 20:16:21 +00:00
.linechart .line {
stroke-width: 1px;
fill: transparent;
}
.linechart .line.processed {
stroke: #46f;
}
.linechart .line.errors {
stroke: #f64;
}
2016-01-10 14:28:26 +00:00
.linechart .dot.processed {
fill: #46f;
}
.linechart .dot.errors {
fill: #f64;
}
2015-10-31 20:53:10 +00:00
.linechart .axis {
2015-11-01 19:31:04 +00:00
stroke: #888;
2015-10-31 20:53:10 +00:00
}
.linechart .arrow {
2015-11-01 19:31:04 +00:00
stroke: #888;
fill: #888;
2015-10-31 20:53:10 +00:00
}
2015-10-28 19:42:01 +00:00
2015-10-31 19:55:38 +00:00
/*
* Box plot
*/
.boxplot {
float: left;
2016-01-10 14:28:26 +00:00
width: 950px;
2015-10-31 20:16:21 +00:00
height: 200px;
2015-10-31 19:55:38 +00:00
}
.boxplot svg {
width: 100%;
height: 100%;
}
2015-10-31 20:16:21 +00:00
.boxplot .tick {
stroke-width: 1px;
stroke: #aaa;
}
.boxplot .whisker {
stroke-width: 1px;
stroke: #ccc;
stroke-dasharray: 3, 1;
}
.boxplot .iqr {
stroke-width: 1px;
fill: #f0f0f0;
stroke: #888;
}
.boxplot .median {
stroke-width: 2px;
stroke: #444;
}
2015-10-31 19:55:38 +00:00
.daemon {
width: 100%;
}
2016-01-10 14:28:26 +00:00
.axis-label {
stroke: #444;
font-weight: 100;
font-family: monospace;
font-size: 10px;
}