40 lines
4.7 KiB
CSS
40 lines
4.7 KiB
CSS
body{height:100%;background:#d7bcab;background:-moz--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7bcab), color-stop(100%, #cc9485));background:-webkit--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-o--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-ms--webkit-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--moz-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--o-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms--ms-linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(-45deg, #d7bcab 0%, #cc9485 100%);background:-webkit-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-moz-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-o-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:-ms-linear-gradient(315deg, #d7bcab 0%, #cc9485 100%);background:linear-gradient(135deg, #d7bcab 0%, #cc9485 100%);background-repeat:no-repeat;background-attachment:fixed;font-family:'Source Sans Pro',sans-serif;padding:100px;color:#64584c}
|
|
ul{list-style-type:none;padding:0;}
|
|
ul li{padding:0}
|
|
h2{font-size:16px;text-transform:uppercase}
|
|
.box{background:#fff;-webkit-box-shadow:2px 4px 6px rgba(0,0,0,0.2);box-shadow:2px 4px 6px rgba(0,0,0,0.2);}
|
|
.box.generic,.box.info,.box.error,.box.success{padding:20px 0;border-top:4px solid #eac85d;width:50%;margin:0 auto}
|
|
.box.info{border-top-color:#5f90b0}
|
|
.box.error{border-top-color:#e45e39}
|
|
.box.success{border-top-color:#4db07a}
|
|
.box a{color:#64584c}
|
|
.box h1{margin:0;padding:20px;color:#64584c;font-size:20px;text-transform:uppercase}
|
|
.box h2{margin:0;padding:0 20px 20px}
|
|
.box p{margin:5px 0;padding:0 20px;}
|
|
.box p.description{margin:-10px 0 0 0}
|
|
#graph{height:200px;position:relative;}
|
|
#graph #tooltip{position:absolute;top:0;left:0}
|
|
#graph svg path.line{fill:none;stroke-width:1px;clip-path:url("#clip");}
|
|
#graph svg path.line.actual{stroke:#64584c;stroke-width:3px}
|
|
#graph svg path.line.ideal{stroke:#cacaca;stroke-width:3px}
|
|
#graph svg path.line.trendline{stroke:#64584c;stroke-width:1.5px;stroke-dasharray:5,5}
|
|
#graph svg line.today{stroke:#cacaca;stroke-width:1px;shape-rendering:crispEdges;stroke-dasharray:5,5}
|
|
#graph svg circle{fill:#64584c;stroke:transparent;stroke-width:15px;cursor:pointer}
|
|
#graph svg .axis{shape-rendering:crispEdges;}
|
|
#graph svg .axis line{stroke:rgba(202,202,202,0.25);shape-rendering:crispEdges}
|
|
#graph svg .axis text{font-weight:bold;fill:#cacaca}
|
|
#graph svg .axis path{display:none}
|
|
.d3-tip{margin-top:-10px;font-size:11px;padding:8px 10px 7px 10px;text-align:center;background:rgba(0,0,0,0.75);color:#fff;-webkit-border-radius:3px;border-radius:3px;}
|
|
.d3-tip:after{width:100%;color:rgba(0,0,0,0.8);content:"\25BC";position:absolute}
|
|
.d3-tip.n:after{margin:-3px 0 0 0;top:100%;left:0}
|
|
#progress{padding:20px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
|
|
#progress:after{clear:both;display:block;content:""}
|
|
#progress .bars{position:relative;}
|
|
#progress .bars div{-webkit-border-radius:6px;border-radius:6px;height:12px;}
|
|
#progress .bars div.closed{position:absolute;top:0;left:0;background:#4daf7c;}
|
|
#progress .bars div.closed:not(.done){-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}
|
|
#progress .bars div.opened{width:100%;background:#e55f3a}
|
|
#progress h2{margin:10px 0 0 0;padding:0;}
|
|
#progress h2.closed{float:left;color:#4daf7c}
|
|
#progress h2.opened{float:right;color:#e55f3a}
|