/*
 * WeeChat.org CSS Style
 * Copyright (C) 2003-2018 Sébastien Helleu <flashcode@flashtux.org>
 */

body {
  background: #ebebeb;
}

a:not(.btn), a:not(.btn):visited, a:not(.btn):hover, a:not(.btn):active {
  color: #2a6ea1;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5rem;
}

pre {
  margin-bottom: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .02);
}

.table-bestlang {
  background: #f6f6f6;
}

/* ===== nav bar ===== */

.navbar {
  background: #bdf;
  background: linear-gradient(#aaccee, #eaf5ff);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.navbar-light .navbar-nav .nav-link {
  font-weight: bold;
  color: #395b8d;
  padding: .06rem .2rem;
  margin: 0 .6rem;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #395b8d;
}

.nav-item {
  white-space: nowrap;
}

#nav1-home .nav-home, #nav1-about .nav-about, #nav1-doc .nav-doc,
#nav1-download .nav-download, #nav1-scripts .nav-scripts, #nav1-themes .nav-themes,
#nav1-dev .nav-dev {
  border-bottom: 2px solid;
}

.nav-tabs {
  margin-bottom: 1rem;
}

.nav-other-links a {
  text-decoration: none;
}

.nav-other-links svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.nav-other-links svg g, .nav-other-links svg path {
  fill: #57b;
}

.nav-languages a.language {
  color: #294b8d;
}

.nav-languages .active {
  font-weight: bold;
  text-decoration: underline;
}

.nav-languages select {
  background: #e5f0ff;
}

/* ===== page content ===== */

.content {
  background: white;
  padding: 2.5rem 1.5rem;
}

#nav1-home .content {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

/* ===== forms ===== */

.required label:after {
  content: " *";
  color: red;
}

.helptext {
  font-size: 80%;
  color: #6c757d;
}

/* ===== home ===== */

.home-container {
  margin: 0;
}

.home-container svg {
  width: 24px;
  height: 24px;
  margin-right: .3rem;
}

.home-container svg g, .home-container svg path {
  fill: #fff;
}

.container-bg {
  background: #bdf;
}

/* ===== pages ===== */

.btn svg {
  vertical-align: text-top;
}

img.shadow {
  box-shadow: -6px 16px 32px #888, 6px 16px 32px #888;
}

img.shadow2 {
  box-shadow: -6px 16px 32px #ccc, 6px 16px 32px #ccc;
}

.container-bg img.shadow {
  box-shadow: -6px 16px 32px #68a, 6px 16px 32px #68a;
}

.table-borderless th, .table-borderless td {
  border: none;
}

.quote {
  font-family: georgia, serif, verdana, arial, helvetica, sans-serif;
  font-style: italic;
}

.social svg {
  width: 20px;
  height: 20px;
}

.social li svg g, .social li svg path {
  fill: #2a6ea1;
}

.discontinued {
  opacity: .6;
}

.discontinued h5, span.discontinued {
  text-decoration: line-through;
}

.discontinued .card-body {
  background: repeating-linear-gradient(135deg, #fcfcfc 0, #f0f0f0 3%);
}

.script-popular {
  width: 10px;
  min-width: 10px;
}

.code2 {
  display: block;
  padding: .3rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin: .7rem 1.5rem;
  background: #fafafa;
  font-family: monospace;
}

.theme-preview pre {
  font-family: monospace;
  font-size: 100%;
  line-height: 100%;
  margin: .7rem 0;
  padding: 0;
  overflow: hidden;
}

.signatures pre {
  margin: .5rem 0;
}

.release ul {
  padding: 0 0 0 2em;
}

.release li {
  margin: .2em 0 0 0;
  color: #bbb;
}

.release li em {
  padding: 0 .3em 0 .3em;
  border: 1px solid #ddd;
  margin: 0 .8em 0 0;
  font-family: monospace;
  font-style: normal;
  font-weight: normal;
}

.release li.in-progress {
  color: #fb5;
  font-weight: bold;
}

.release li.in-progress em {
  border: 1px solid #c82;
  background: #fb5;
  animation: blink 1s step-end infinite;
  -webkit-animation: blink 1s step-end infinite;
}

@keyframes blink {
  0% {
    background: #fb5;
  }
  50% {
    background: #fff;
  }
}

@-webkit-keyframes blink {
  0% {
    background: #fb5;
  }
  50% {
    background: #fff;
  }
}

.release li.done {
  color: #0a0;
  font-weight: bold;
}

.release li.done em {
  border: 1px solid #6a6;
  background: #9e9;
}

.svg object {
  margin: 0 20%;
}

/* ===== footer ===== */

.footer {
  margin-top: 2rem;
}

.footer .main {
  font-size: 1.2rem;
  font-weight: bold;
}

.footer li {
  margin: .8rem 0;
  list-style-type: none;
  line-height: 30px;
}

.footer .icons a {
  text-decoration: none;
}

.footer .icons svg {
  width: 24px;
  height: 24px;
  margin: 0 .5rem;
}

.footer .icons svg g, .footer .icons svg path {
  fill: #2a6ea1;
}