// —————————————————————————- // Sass declarations // —————————————————————————- $background-color: #2A2A2A; $value-color: #73AA3A;
$title-color: #B2B2B2; $moreinfo-color: rgba(255, 255, 255, 0.7);
// —————————————————————————- // Widget styles // —————————————————————————- .widget-pingdom-summary {
//refreshing default widget definition vertical-align: baseline !important; padding:0px !important; background-color: $background-color; header{ background-color: #272727; text-transform: uppercase; padding: 5px 0px 5px 0px; font-weight: 700; font-size: 12px; text-shadow: 1px 1px #0e0e0e; } .title { color: $title-color; font-size: inherit; } .body { padding: 0px; color: #d3d4d4; text-shadow: 1px 1px #0e0e0e; font-family: Helvetica, Arial, sans-serif; z-index: 1; .row { width:100%; } .left { float:left; width:50%; } .right { float:right; width:49%; border-left: 1px dotted #8b8b8b; } .top { border-top: 1px dotted #8b8b8b; } .doubletop { border-top: 2px dotted #8b8b8b; border-bottom: 1px dotted #8b8b8b; } } .current-status-container { padding: 10px; font-size: 30px; text-shadow: none; &.status-up { color: #9ACA3C; } &.status-unknown { color: #D9D31E; } &.status-down { color: #C32026; } i.fa { font-size: 55px; } } .value { font-size: 10px; } .site-state-ok { color: #9ACA3C; } .site-state-warning { color: #D9D31E; } .site-state-critical { color: #C32026; }
}