custom-deadmanssnitch-geckoboard.css

/**************************/
/* GECKOBOARD LIGHT THEME */
/**************************/
.icons-sprite,
.geckometer-widget .widget-canvas .scale,
.geckometer-widget .widget-canvas .scale-big {
  background: url(https://d28q98t4icjy0h.cloudfront.net/assets/icons-s9344ff3d6a-79d79b411ae93eb9bbd8151b2a5bf8e8.png) no-repeat;
}

body {
  background: #f0f0f0;
}

.widget {
  -webkit-box-shadow: #f0f0f0 0 0 8px;
  -moz-box-shadow: #f0f0f0 0 0 8px;
  box-shadow: #f0f0f0 0 0 8px;
  background-color: #f0f0f0;
}

.widget .widget-inner {
  border: solid 1px #e5e5e5;
  background-color: white;
}

.widget .widget-inner > header {
  background-color: whitesmoke;
}

.widget .widget-inner > header h1 {
  color: #8b8b8b;
  text-shadow: 1px 1px white;
  margin-bottom: 0;
}

.widget .widget-inner > footer {
  color: #8b8b8b;
  background-color: whitesmoke;
  text-shadow: 1px 1px white;
}

.widget .widget-body {
  color: #666666;
  text-shadow: 1px 1px white;
}

.widget .widget-body .t-secondary {
  color: #828282;
}

.widget .widget-body .custom-error-message {
  color: #828282;
}

.widget .widget-actions a:hover {
  background-color: gainsboro;
}

.geckometer-widget .widget-canvas .scale-svg .scale-svg-bg {
  stroke: #dfdfdf;
}

.geckometer-widget .widget-canvas .scale-svg .scale-svg-goal {
  stroke: #8b9092;
}

.geckometer-widget .widget-canvas .gauge-needle-bg {
  stroke: #fff;
}

.geckometer-widget .widget-canvas .gauge-needle-line,
.geckometer-widget .widget-canvas .gauge-needle-oval {
  stroke: #8b9092;
}

.geckometer-widget .widget-canvas .goal .goal-inner {
  color: #fff;
  background-color: #8b9092;
  text-shadow: none;
}

.number-widget .widget-canvas .goal-stats {
  text-shadow: none;
}

.number-widget .widget-canvas .goal-stats .target-value {
  color: #fff;
}

.number-widget .widget-canvas .goal-stats .progress-bar-wrapper {
  background-color: #c2c9cb;
}

.text-widget .widget-canvas .slide-pagination {
  background-color: white;
}

.rag-widget .widget-canvas table tr,
.ragcolumn-widget .widget-canvas table tr {
  border-color: #828282;
}

.geckometer-widget .widget-canvas .scale {
  background-position: 0 -431px;
}

.geckometer-widget .widget-canvas .scale-big {
  background-position: 0 -208px;
}

.map-widget .widget-canvas .subunit {
  fill: #e0e0e0;
  stroke: #d5d5d5;
}

.map-widget .widget-canvas .single-point {
  fill: #b940ff;
}

.clock-widget .time {
  background: white;
}

.widget-size-full-width .widget-body {
  background: white;
}

.widget-size-full-width .widget-actions {
  background: whitesmoke;
  padding: 8px;
}

.dashboard-sized-el.dragging {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(96.5%, rgba(0, 0, 0, 0.05)), color-stop(96.5%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 96.5%, rgba(0, 0, 0, 0.1) 96.5%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 96.5%, rgba(0, 0, 0, 0.1) 96.5%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 96.5%, rgba(0, 0, 0, 0.1) 96.5%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 96.5%, rgba(0, 0, 0, 0.1) 96.5%, rgba(0, 0, 0, 0.1));
}

.empty-dashboard {
  color: #585858;
  border-color: #d5d5d5;
}

.future-composition .leaderboard {
  background-color: #fff;
}

.future-composition .leaderboard .leaderboard-label,
.future-composition .leaderboard .leaderboard-value {
  border-color: #eee;
  background-color: #fff;
}

/******************/
/* CUSTOM STYLING */
/******************/
.monitoring-widget .widget-canvas .status.arrow {
  font-size: 0;
  text-align: center;
}

.monitoring-widget .widget-canvas .status.arrow:before {
  font-size: 70px;
  content: '';
}

.monitoring-widget .widget-canvas .status.arrow.arrow-up:before {
  content: '\f00c';
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}

.monitoring-widget .widget-canvas .status.arrow.arrow-down:before {
  content: '\f05e';
}

.monitoring-widget .widget-canvas .server-time {
  width: 45%;
}

.monitoring-widget .widget-canvas .server-time.uptime {
  float: right;
  text-align: right;
}

.server-times .server-time .t-size-x20 {
  font-size: 15px;
}

.server-times .server-time.downtime .label,
.server-times .server-time.uptime .label {
  display: none;
}

.server-times .server-time.downtime:before,
.server-times .server-time.uptime:before {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #828282;
  margin: 0 0 6px;
}

.server-times .server-time.downtime:before {
  content: 'Last run';
}

.server-times .server-time.uptime:before {
  content: 'Interval';
}

Example