add ui

ui/components/contest/contest.page.styl

@@ -0,0 +1,34 @@
+.contest-type-tag
+.contest-tag
+  font-size: rem($font-size-small)
+  display: inline-block
+  line-height: rem(22px)
+  padding: rem(0 10px)
+  vertical-align: middle
+  border-radius: rem(12px)
+
+  &:hover
+    text-decoration: none
+    color: #FFF !important
+
+.contest-type-tag
+  &, &:visited
+    &, .supplementary &
+      color: #FFF
+
+  .icon
+    margin-right: rem(5px)
+
+for key, value in $contest-color
+  .contest-type--{key} .contest-type-tag
+    background: value
+
+    &:hover
+      background: lighten(value, 20%)
+
+.contest-tag
+  border: 1px solid $supplementary-border-color
+
+  &:hover
+    background: $primary-color
+    border-color: $primary-color

ui/components/contest/contest_sidebar.page.styl

@@ -0,0 +1,21 @@
+.contest-sidebar__bg
+  display: block
+  background: #67AABB url(problem-contest-bg.png) right top no-repeat
+  color: #FFF !important
+  font-size: rem($font-size)
+  padding: rem(20px 0)
+
+  +retina()
+    background-image: url(problem-contest-bg@2x.png)
+    background-size: 131px 150px
+
+  h1
+    font-size: rem($font-size-title)
+    color: #FFF
+    text-shadow: 0 1px 3px rgba(#000, 0.5)
+
+  &:hover
+    text-decoration: none
+
+  .contest-sidebar__status
+    margin-top: rem(20px)