CSS for GCJ new platform

gcj_custom.css

/* Custom CSS for GCJ new platform by snuke
** - 問題文のブロックを枠で囲って視認性up
** - 問題文のブロックの上の無駄な余白を無くした
** - 順位表のチェックマークを緑にして視認性up
** - 順位表を等幅フォントにしたりちょっと文字を小さくしたりして調整
** - テーマカラーを赤から青に変えた。青には集中効果があるので。
**
** 注意点：画面幅が狭い時のレイアウトには対応してないので、ある程度広げて使ってください。
*/
table.scoreboard {
  font-family: courier, consolas;
}

.red, .red.darken-1, .collection a.collection-item.active, .tabs .indicator, .pagination li.active {
  background-color: #77AAEE !important;
  color: white !important;
  font-weight: bold;
}
nav ul li a:hover {
  background-color: #3388DD;
}
.pagination li.active a {
  color: white !important;
}
.red-text.text-lighten-2, .tabs .tab a.active, .tabs .tab a:hover, .tabs .tab a.active:hover, .tabs .tab a.text-lighten-2.active, a.red-text:hover, .countdown p.text, .collection a.collection-item, a, .dropdown-content li>a, .dropdown-content li>span {
  color: #3388DD !important;
}
td span.red-text { color: red !important;}
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #3388DD;
}
table.scoreboard td.is-even {
  background-color: #EEE;
}
table.scoreboard th.is-even {
  background-color: #FFF;
}
table.scoreboard tr.is-me td {
  background-color: #DEF;
}
table.scoreboard tr.is-me td.is-even {
  background-color: #CDF;
}

.col.m8.l9 {
  border: 1px solid #3388DD;
  padding: 0px 20px 40px;
  border-radius: 4px;
  margin-top: -30px;
}
.row.challenge>div.row>p:first-child {
  font-size: 60%;
}
table.scoreboard .material-icons {
  vertical-align: middle;
  padding-bottom: 0px;
  font-size: 120%;
  color: #00AA00;
}
table.scoreboard {
  font-size: 90%;
}