/*
 * riot.css
 * Copyright (C) 2017 Freie Universität Berlin
 *
 * Distributed under terms of the LGPLv2.1 license (see LICENSE file).
 */
@import "variables.less";

table, div, p, dl {
  font-family: @font-family-base;
}
#brand-logo {
  padding: 5px 0px 5px 0px;
}
.navbar {
  margin-bottom: 0px;
}
.navbar-inverse {
  border-radius: 0px;
  border-bottom: 3px @navbar-inverse-border solid;
}
.nav-tabs-regs {
  margin-top: 1px;
  border-bottom: 1px solid @navbar-inverse-border;
}
.nav-tabs-regs > li.active > a {
  border: 1px solid @navbar-inverse-border;
  border-bottom-color: transparent;
}
#MSearchBox {
  background-color: inherit;
  float: none;
  margin-top: 0;
  right: auto;
  width: auto;
  position: static;
  white-space: nowrap;
}
#MSearchClose {
  position: absolute;
  color: @navbar-inverse-link-color;
  right: 10px;
  top: 6px;
  bottom: auto;
  height: 14px;
  margin: auto;
  font-size: 14px;
  z-index: 3;
}
#FSearchBox #MSearchField {
  margin-left: auto;
}
#MSearchField {
  background: @navbar-inverse-bg;
  border: @input-border solid 1px;
  color: @navbar-inverse-color;
  display: inline;
  font: 14px @font-family-base;
  height: 34px;
  width: 150px;
  padding: 6px 12px;
  position: static;
  outline: inherit;
  margin: auto;
  font-size: 14px;
  z-index: 1;
}
#MSearchSelect {
  position: relative;
  display: inline;
  height: auto;
  width: auto;
}
.MSearchBoxActive #MSearchField {
  color: @navbar-inverse-color;
}
.MSearchBoxInactive #MSearchField {
  color: @input-color-placeholder;
}
#MSearchSelectWindow {
  background-color: @tooltip-bg;
}
a.SelectItem,
a.SelectItem:focus,
a.SelectItem:active {
  color: @link-color;
}
#nav-sync {
  display: none;
}
#nav-tree {
  background: @well-bg;
}
#nav-tree img, #nav-tree span {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#side-nav {
  padding-right: 3px;
}
.ui-resizable-e {
  background: @well-border;
  width: 3px;
}
#nav-sync img {
  opacity: 0.5;
}
div.toc, div.toc-sm {
  min-height: 20px;
  margin-bottom: 20px;
  background-color: @well-bg;
  border: 1px solid @well-border;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
div.toc {
  padding: 19px;
}
div.toc-sm {
  padding: 8px;
}
div.toc h3, div.toc-sm h3 {
  font-family: @font-family-base;
}
div.toc-sm h3 {
  margin-top: 0px;
}
div.toc-sm ul {
  list-style: none;
  margin: 0;
  padding-left: 10px;
}
div.toc li, div.toc-sm li {
  background: none;
  font-family: @font-family-base;
  margin-left: 0;
}
div.ingroups {
  font-size: 10pt;
}
div.ingroups .el::before {
  content: " "
}
div.header {
  background: none;
  border-bottom: 1px solid @page-header-border-color;
}
h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
 text-shadow: 0 0 15px @state-success-border;
}
h2.groupheader {
  border-color: @page-header-border-color;
  color: @headings-color;
}
tr.heading h2 {
  margin-bottom: 0px;
}
.memSeparator {
  border-bottom: 1px solid @table-border-color;
}
.title {
  color: @headings-color;
  font-family: @headings-font-family;
  font-size: floor((@font-size-h1 * 1.25));
  line-height: floor((@font-size-h1 * 1.25 * @line-height-base));
  font-weight: normal;
}
#projectname, #projectbrief, #projectnumber {
  font-family: @font-family-base
}
#projectbrief {
  font-size: floor((@font-size-base * 0.75));
}
pre.fragment {
  font-family: @font-family-monospace;
}
div.fragment {
  border: 1px solid @well-border;
  border-radius: 4px;
  background-color: @well-bg;
  color: inherit;
  display: block;
  font-family: @font-family-monospace;
  font-size: @font-size-base;
  line-height: @line-height-base;
  margin: 0 0 10px;
  padding: 10px;
  overflow: visible;
  page-break-inside: avoid;
  word-break: break-all;
  word-wrap: break-word;
}
div.line.glow {
  background-color: @state-success-bg;
  box-shadow: 0 0 10px @state-success-border;
  -webkit-box-shadow: 0 0 15px @state-success-border;
}
span.lineno {
  background-color: transparent;
  border-right: 2px solid @well-border;
}
span.lineno a {
  background-color: transparent;
}
span.lineno a:hover {
  background-color: transparent;
}
div.directory {
  border: 0px;
}
table.directory {
  font-family: @font-family-base
}
.directory .arrow {
  height: auto;
}
.directory .levels span {
  color: @link-color;
}
.contents a:visited {
  color: @link-color;
}
.contents a:hover {
  color: @link-hover-color;
}
.directory td.entry {
  padding-bottom: 8px;
  padding-top: 8px;
}
.directory td.desc {
  padding-bottom: 8px;
  padding-top: 8px;
  border-left: 0px;
}
.directory tr {
  height: 32px;
  padding-left: 0px;
}
.directory tr.even {
  padding-left: 0px;
  background-color: @table-bg-accent;
}
.memberdecls td.glow, .fieldtable tr.glow {
  background-color: @state-success-bg;
  box-shadow: 0 0 15px @state-success-border;
  -webkit-box-shadow: 0 0 15px @state-success-border;
}
.mdescLeft,
.mdescRight,
.memItemLeft,
.memItemRight,
.memTemplItemLeft,
.memTemplItemRight,
.memTemplParams {
  background-color: transparent;
  color: @text-color;
  border: none;
  margin: 4px;
  padding: 1px 0 0 8px;
}
.navpath ul {
  color: @navbar-inverse-color;
  background: @navbar-inverse-bg;
  border: 0px;
}
.navpath li.footer {
  color: @navbar-inverse-color;
}
.navpath li.navelem a {
  font-family: @font-family-base;
}
.memtitle {
  display: none;
}
.memitem {
  margin-bottom: 20px;
  background-color: @panel-bg;
  border: 1px solid transparent;
  border-radius: 4px;
}
.memitem.glow {
  box-shadow: 0 0 15px @state-success-border;
  -webkit-box-shadow: 0 0 15px @state-success-border;
}
.memdoc, dl.reflist > dd {
  border: none;
  background: @panel-bg;
  padding: @panel-body-padding;
  border-bottom: 1px solid @panel-default-border;
  border-left: 1px solid @panel-default-border;
  border-right: 1px solid @panel-default-border;
}
.memname {
  font-weight: normal;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.memproto, dl.reflist > dt {
  padding: @panel-heading-padding;
  border-bottom: 1px solid transparent;
  border-top: 1px solid @panel-default-border;
  border-left: 1px solid @panel-default-border;
  border-right: 1px solid @panel-default-border;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: @panel-default-text;
  background: @panel-default-heading-bg;
  text-shadow: none;
}
/* @group Code Colorization */
a.code {
  color: @link-color;
}
span.keyword, span.keywordtype, span.keywordflow, span.vhdlkeyword {
  color: darken(@text-color, 10%);
}
span.keywordflow {
  font-weight: bold;
}
span.comment {
  color: @state-info-text;
}
span.preprocessor {
  color: @state-success-text;
}
span.stringliteral {
  color: @state-warning-text;
}
span.charliteral, span.vhdldigit, span.vhdlchar, span.vhdllogic {
  color: @state-danger-text;
}
dl.attention, dl.bug, dl.deprecated, dl.invariant, dl.post, dl.pre, dl.note,
dl.see, dl.test, dl.todo, dl.warning {
  margin-left: 3px;
  margin-bottom: 20px;
  padding-left: 0px;
  background-color: @panel-bg;
  border-left: 0px;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
dl.attention > dd, dl.deprecated > dd, dl.bug > dd, dl.invariant > dd,
dl.post > dd, dl.pre > dd, dl.note > dd, dl.see > dd, dl.test > dd,
dl.todo > dd, dl.warning > dd {
  padding: @panel-body-padding;
  margin-bottom: 0px
}
dl.attention > dt, dl.deprecated > dt, dl.bug > dt, dl.invariant > dt,
dl.post > dt, dl.pre > dt, dl.note > dt, dl.see > dt, dl.test > dt,
dl.todo > dt, dl.warning > dt {
  padding: @panel-heading-padding;
}
dl.attention, dl.warning {
  border-color: @panel-danger-border;
}
dl.attention > dt, dl.warning > dt {
  color: @panel-danger-text;
  background-color: @panel-danger-heading-bg;
  border-color: @panel-danger-text;
}
dl.bug {
  border-color: @panel-warning-border;
}
dl.bug a, dl.bug a:visited {
  color: @panel-warning-text;
}
dl.bug a:hover {
  color: darken(@panel-warning-text, 15%);
}
dl.bug > dt {
  color: @panel-warning-text;
  background-color: @panel-warning-heading-bg;
  border-color: @panel-warning-text;
}
dl.deprecated {
  border-color: darken(spin(@gray-light, -10), 5%)
}
dl.deprecated a, dl.deprecated a:visited {
  color: @gray-darker;
}
dl.deprecated a:hover {
  color: darken(@gray-darker, 15%);
}
dl.deprecated > dt {
  color: @gray-darker;
  background-color: @gray-light;
  border-color: darken(spin(@gray-light, -10), 5%);
}
dl.note, dl.see {
  border-color: @panel-primary-border;
}
dl.note > dt, dl.see > dt {
  color: @panel-primary-text;
  background-color: @panel-primary-heading-bg;
  border-color: @panel-primary-border;
}
dl.post, dl.pre, dl.invariant {
  border-color: @panel-success-border;
}
dl.post > dt, dl.pre > dt, dl.invariant > dt {
  color: @panel-success-text;
  background-color: @panel-success-heading-bg;
  border-color: @panel-success-border;
}
dl.test {
  border-color: spin(@panel-info-border, 30);
}
dl.test a, dl.test a:visited {
  color: spin(@panel-info-text, 30);
}
dl.test a:hover {
  color: darken(spin(@panel-info-text, 30), 15%);
}
dl.test > dt {
  color: spin(@panel-info-text, 30);
  background-color: spin(@panel-info-heading-bg, 30);
  border-color: spin(@panel-info-border, 30);
}
dl.todo {
  border-color: @panel-info-border;
}
dl.todo a, dl.todo a:visited {
  color: @panel-info-text;
}
dl.todo a:hover {
  color: darken(@panel-info-text, 15%);
}
dl.todo > dt {
  color: @panel-info-text;
  background-color: @panel-info-heading-bg;
  border-color: @panel-info-border;
}
#powerTip div {
  font-family: @font-family-base;
}
.params .paramdir {
  font-family: @font-family-monospace;
  padding-right: 0.5em;
}
.params .paramname {
  padding-right: 2em;
}
.icon {
  font-family: @font-family-base;
}
.img-responsive {
  margin: 0 auto;
}
.image > img {
  border: 1px solid @well-border;
  border-radius: 4px;
  background-color: @well-bg;
  padding: 4px 6px;
}
