silverstripe-framework/client/dist/styles/debug.css

body{
  background:#eee !important;
  margin:0;
  overflow-x:hidden;
  padding:0;
  font-family:Helvetica,Arial,sans-serif;
}

.info{
  padding:18px;
  background-color:#003050;
  position:relative;
  line-height:24px;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#002137),color-stop(10%,#003050),color-stop(90%,#003050),color-stop(90%,#002137));
  background-image:-webkit-linear-gradient(#002137,#003050 10%,#003050 90%,#002137);
  background-image:linear-gradient(#002137,#003050 10%,#003050 90%,#002137);
  z-index:9999;
}

.info,.info h1{
  margin:0 0 6px;
  color:#fff;
}

.info h1{
  padding:0 32px 0 0;
  font-size:24px;
  text-shadow:0 1px #002137;
  line-height:30px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmdJREFUeNpiYCASxJ17p8BAAmAh0sD5QAyiFYk1mJGAoQFQQwWgQoKLjIQ+kG0w0EABqIEByOKLjYWZ/////48Yg5lwuPI+uqF/f/88TqyhKGEMdWU/ECegK/r358/Va8tnx5AceVBD9wOxAbqCX18+zbm+am7HpaktD9AcEQCNUBDYAAz7CxhhDFTYAKTqkSX+//37+N3tq4Xboh33ALmfYcEAVJsA9ZkAmhtABifCLIAZ/B5Z4Z9vX1ddXjK15srMzkdAA38iudQB6jNcAJRiFEEpBxbGAsiRtNxWLh3I/ITkSpC3QUGRTyBoYfGUiJFBmJiY/wIN/IAl2S1AdgAoQr88fdjHysMjwyks3ohkBCioEsFBEXv2zUdGRiY+JEmQIQ+hLoQZdgBo2BMmFpaYnx/e9a1yVu0AhT0QM0cefjSPhYs7DEm/IAs0TFewcvOmodmKnuSevLp0uouVi3sDMEJ3AX31GZ60uLjV0DLSJ7DB9/dsalHxDrcGukYbV+B9enJ/xu5Un2tA5i1YhCKVIwbIqQkUN+Ccd7Ip7+nlRZP9QakB3UCQwrc3LoVsDrY4BdTwF8nQAiB1HogdkNX//v5tOUpZwQgMZCDFZ906S51fQVUGmjk+7Un3vwRKRkgGYi1HYMkUmKJSQMGEUQgBLWBGyur/gIp+I6VjA2g6Rs8cDNAIbYalKIzkBvIuKDnjCGqMHAdKdi8vnCgE+uwESoQykAYc0MuRlfaKVdCg+o232MRT6AugRyjQ0BKgga/RDSUJgCI39vTrRxGHHszWzahQBfLZGagFgIaJAzE/NAXhBQABBgBJL0aZBy/F5wAAAABJRU5ErkJggg==) no-repeat right 3px;
}

.info h3{
  color:#7da4be;
  font-size:16px;
  line-height:18px;
  font-weight:400;
}

.info p{
  margin:0;
  font-size:14px;
  color:#fff;
}

.info a{
  color:#fff;
  font-weight:700;
  text-decoration:none;
}

.info a:active,.info a:hover{
  color:#fff;
  text-decoration:underline;
}

.header{
  margin:0;
  border-bottom:6px solid #ccdef3;
  height:23px;
  background-color:#666673;
  padding:4px 0 2px 6px;
}

.build,.options,.trace{
  padding:6px 12px;
  background:#eee !important;
  position:relative;
  z-index:9999;
}

.build li,.options li,.trace li{
  font-size:14px;
  margin:6px 0;
}

a{
  color:#666;
}

a:hover{
  color:#222;
}

a:active{
  color:#111;
}

p{
  margin-bottom:6px;
}

pre{
  margin-bottom:20px;
  background-color:#f5f5f5;
  border:1px solid #eee;
  border:1px solid rgba(0,0,0,.08);
  color:#333;
  padding:11px;
  overflow:auto;
  border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
}

pre span{
  color:#999;
}

pre .error{
  color:red;
}

h2{
  margin:0 0 12px;
}

h3{
  margin:0 0 6px;
  color:#333;
  font-size:18px;
  line-height:24px;
}

ul{
  margin:0 0 18px;
  padding:0 0 0 18px;
}

fieldset{
  border:1px solid #b2b2b2;
  margin-bottom:18px;
  padding:17px;
}

.pass{
  color:#060;
  background:#e2f9e3;
  border:1px solid #8dd38d;
  border-radius:4px;
}

.fail,.pass{
  margin-top:18px;
  padding:2px 20px 2px 40px;
}

.fail{
  color:#c80700;
  background:#ffe9e9;
  border:1px solid #c80700;
  border-radius:4px;
}