@import url("http://overpass-30e2.kxcdn.com/overpass.css");

aside ul {
  margin: 0;
}

aside ul li {
  display: block;
  list-style: none;
}

aside ul li a {
  background-color: #ddd;
  display: block;
  text-decoration: none;
  padding: 5px 5px
}

aside ul li a:hover {
  background-color: #eee;
}

body {
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
}

code {
  border-radius: 5px;
  color:rgba(45,65,150,.9);
}

code, kbd, pre, samp {
  font-size: .8em;
}

pre,pre>code {
  color:rgba(45,65,150,.9);
  word-break:break-all;
  word-wrap:normal;
  overflow-x:auto;
  white-space:pre
}

*:not(pre)>code {
  font-size: .8em;
}

.admonitionblock>table td.icon {
  font-family: FontAwesome;
  font-size: 2em;
  width: 80px;
}

.admonitionblock>table td.icon .title {
  text-indent: -9999px;
  line-height: 0;
  visibility: hidden;
}

.admonitionblock>table td.icon .title:before {
  visibility: visible;
  text-indent: 0;
  display: block;
  line-height: initial;
  font-family: FontAwesome;
}

.note td.icon .title:before {
  content: "\f05a";
  color: #4E9FDD;
}

.tip td.icon .title:before {
  content: "\f0eb";
  color: #0a0;
}

.important td.icon .title:before {
  content: "\f06a";
  color: #c00;
}

.caution td.icon .title:before {
  content: "\f06d";
  color: #ec7a08;
}

.warning td.icon .title:before {
  content: "\f071";
  color: #ec7a08;
}

#note {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  background: #0088ce;
  color: #fff;
  text-align: center;
  line-height: 2.5;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px black;
  -moz-box-shadow:    0 0 5px black;
  box-shadow:         0 0 5px black;
}

#note .callout {
  color: #eee;
  font-weight: bold;
  text-emphasis-style: circle;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

.cssanimations.csstransforms #note {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 60s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 60s 1.0s 1 ease forwards;
}