vmpooler/lib/vmpooler/public/vmpooler.css
Scott Schneider 5f787a3ca7 dashboard2
2016-01-13 12:01:05 -08:00

125 lines
2.2 KiB
CSS

body {
margin: 1%;
}
#site-name {
text-align: right;
font: 55px 'PT Sans', sans-serif;
letter-spacing: -0.05em;
padding-top: 15px;
padding-right: 5px;
}
#dashboard-running .col-md-10 {
margin-bottom: 5px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-10,
.col-md-12 {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
.section_label {
margin-top: 10px;
margin-bottom: 10px;
font: 12px 'PT Sans', sans-serif;
text-indent: 10px;
border-bottom: solid 1px #888;
}
.line {
fill: none;
}
.area {
stroke-width: 0;
}
.axis path,
.axis line {
fill: none;
stroke: #fff;
shape-rendering: crispEdges;
}
.tick {
fill: none;
stroke: #ddd;
}
.spinner {
background-image: url( '/img/spinner.svg' );
width: 25px;
height: 25px;
background-size: contain;
opacity: .7;
-webkit-animation:rotate 1.5s infinite steps( 12 );
-moz-animation:rotate 1.5s infinite steps( 12 );
-ms-animation:rotate 1.5s infinite steps( 12 );
-o-animation:rotate 1.5s infinite steps( 12 );
animation:rotate 1.5s infinite steps( 12 );
}
@keyframes 'rotate' {
from {
-webkit-transform: rotate( 0deg );
-moz-transform: rotate( 0deg );
-o-transform: rotate( 0deg );
-ms-transform: rotate( 0deg );
transform: rotate( 0deg );
}
to {
-webkit-transform: rotate( 360deg );
-moz-transform: rotate( 360deg );
-o-transform: rotate( 360deg );
-ms-transform: rotate( 360deg );
transform: rotate( 360deg );
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate( 0deg );
transform: rotate( 0deg );
}
to {
-moz-transform: rotate( 360deg );
transform: rotate( 360deg );
}
}
@-webkit-keyframes 'rotate' {
from {
-webkit-transform: rotate( 0deg );
transform: rotate( 0deg );
}
to {
-webkit-transform: rotate( 360deg );
transform: rotate( 360deg );
}
}
@-ms-keyframes 'rotate' {
from {
-ms-transform: rotate( 0deg );
transform: rotate( 0deg );
}
to {
-ms-transform: rotate( 360deg );
transform: rotate( 360deg );
}
}
@-o-keyframes 'rotate' {
from {
-o-transform: rotate( 0deg );
transform: rotate( 0deg );
}
to {
-o-transform: rotate( 360deg );
transform: rotate( 360deg );
}
}