225 lines
No EOL
2.7 KiB
CSS
225 lines
No EOL
2.7 KiB
CSS
/*** Global Styles ***/
|
|
|
|
html, body {
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
font-size:14px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
min-width: 420px;
|
|
}
|
|
|
|
a {
|
|
transition: color .4s;
|
|
color: #3287b3;
|
|
}
|
|
|
|
a:link { text-decoration: none; }
|
|
a:visited { color: #3b98c8; }
|
|
a:hover { color: #3b98c8; }
|
|
a:active {
|
|
transition: color .3s;
|
|
color: #007BE6;
|
|
}
|
|
|
|
/*** Material Styles ***/
|
|
#main {
|
|
background: #f3f5f7;
|
|
}
|
|
|
|
.maintoolbar {
|
|
background-color: #fff;
|
|
}
|
|
|
|
|
|
.statsbar md-card-title-text{
|
|
text-align: right;
|
|
}
|
|
|
|
.statsbar md-card md-card-title {
|
|
padding: 12px ;
|
|
}
|
|
|
|
.md-menu-toolbar {
|
|
background: #00796B;
|
|
}
|
|
|
|
md-tooltip .md-content {
|
|
height: auto !important;
|
|
}
|
|
|
|
.navbar .smallfont h3{
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.navbar .smallfont h3 b{
|
|
display: inline-block;
|
|
}
|
|
|
|
.sidenav {
|
|
background-color: #2b333e;
|
|
}
|
|
|
|
.sidenav ul{
|
|
list-style: none;
|
|
}
|
|
|
|
.sidenav md-list-item {
|
|
padding: 0px;
|
|
}
|
|
|
|
.sidenav a {
|
|
width: 100%;
|
|
text-align: left;
|
|
color: #fff;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sidebar {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sidebar a {
|
|
color: rgb(66,66,66);
|
|
text-decoration: none;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
letter-spacing: 0;
|
|
opacity: 0.87;
|
|
}
|
|
|
|
.sidebar md-icon, .sidebar ng-md-icon {
|
|
vertical-align: middle;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
#content {
|
|
padding: 40px;
|
|
}
|
|
|
|
.logo {
|
|
background: #333d4b !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.logo i {
|
|
color: #00b0ff;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* HELPERS */
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.truncate{
|
|
width:30%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis
|
|
}
|
|
|
|
.hide-error-msg .md-errors-spacer{
|
|
display: none
|
|
}
|
|
|
|
.menu-item {
|
|
position: relative;
|
|
width: 72px;
|
|
height: 72px;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
margin: 0px;
|
|
vertical-align: middle;
|
|
zoom:0.6;
|
|
transform: translateZ(0);
|
|
-webkit-transform: scale(0.60);
|
|
-moz-transform:scale(0.60);
|
|
font-size: 72px !important;
|
|
color: #aeb7c2;
|
|
}
|
|
|
|
.valid {
|
|
color: green !important;
|
|
}
|
|
|
|
.invalid {
|
|
color: red !important;
|
|
}
|
|
|
|
.metric md-icon {
|
|
font-size: 32px;
|
|
}
|
|
|
|
.navbar .login {
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* CHARTS */
|
|
|
|
.chart-legend {
|
|
display: none;
|
|
}
|
|
|
|
.chartcontainer {
|
|
width: 100% !important;
|
|
height: 300px;
|
|
}
|
|
|
|
.chartcontainer .ng-isolate-scope {
|
|
height:300px;
|
|
}
|
|
|
|
/* LOGIN WINDOW */
|
|
md-dialog .login{
|
|
min-width: 800px !important;
|
|
}
|
|
|
|
.console {
|
|
height: 300px;
|
|
min-width: 500px;
|
|
}
|
|
|
|
.no-padding {
|
|
padding: 0px;
|
|
}
|
|
|
|
.power {
|
|
width: 100%;
|
|
color: #fff;
|
|
}
|
|
|
|
.power a {
|
|
color: #f2ff2f;
|
|
}
|
|
|
|
.power a:hover {
|
|
color: #f2f;
|
|
}
|
|
|
|
.power a.alt {
|
|
color: #f2f;
|
|
}
|
|
|
|
.power a.alt:hover {
|
|
color: #f2ff2f;
|
|
}
|
|
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
|
|
.theironfist {
|
|
cursor: pointer;
|
|
} |