instack-undercloud/doc/source/_custom/custom.css

@import url("css/theme.css");
@import url("rdo_styling.css");

/* CUSTOM CSS OVERRIDES GO HERE */
/* ============================ */


/* LAYOUT */
.wy-nav-side {
  overflow: visible;
}

.wy-side-nav-search {
  margin-bottom: 0;
}

.wy-nav-content-wrap {
  background: white;
}

.wy-nav-content {
  max-width: 100%;
  box-sizing: border-box;
}

.rst-content .section ol li p.first:last-child {
    margin-bottom: 24px;
}


/* LOGO */
.wy-side-nav-search a {
  margin-bottom: 5px;
}

.wy-side-nav-search img {
  background: none;
  border-radius: 0;
  height: 60px;
  width: auto;
  margin: 0;
}


/* TYPOGRAPHY */
p {
  margin-bottom: 16px;
}

p + ul, p + ol.simple {
  margin-top: -12px;
}

h1, h2, h3, h4, h5, h6, p.rubric {
  margin-top: 48px;
}

h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


/* BREADCRUMBS */

.wy-breadcrumbs {
  font-size: 85%;
  color: rgba(0, 0, 0, 0.45);
}

.wy-breadcrumbs a {
  text-decoration: underline;
  color: inherit;
}

.wy-breadcrumbs a:hover,
.wy-breadcrumbs a:focus {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}


/* FOOTER */

footer {
  font-size: 70%;
  margin-top: 48px;
}

footer p {
  font-size: inherit;
}


/* NOTES, ADMONITTIONS AND TAGS */
.admonition {
  font-size: 85%; /* match code size */
  background: rgb(240, 240, 240);
  color: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.5em 1em 0.75em 1em;
  margin-bottom: 24px;
}

.admonition p {
  font-size: inherit;
}

.admonition p.last {
  margin-bottom: 0;
}

.admonition p.first.admonition-title {
  display: inline;
  background: none;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}

/* notes */
.rst-content .note {
  background: rgb(240, 240, 240);
}

.note > p.first.admonition-title {
  display: inline-block;
  background: rgba(0, 0, 0, 0.55);
  color: rgba(255, 255, 255, 0.95);
}

/* optional */
.rst-content .optional {
  background: white;
}

/* tags */
.rhel {background: #fee;}
.portal {background-color: #ded;}
.satellite {background-color: #dee;}
.centos {background: #fef;}
.baremetal {background: #eef;}
.virtual {background: #efe;}
.ceph {background: #eff;}

/* admonition selector */
#admonition_selector {
  color: white;
  font-size: 85%;
  line-height: 1.4;
  background: #2980b9;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.trigger {
  display: block;
  font-size: 110%;
  color: rgba(255, 255, 255, 0.75);
  line-height: 2.5;
  position: relative;
  cursor: pointer;
  padding: 0 1.618em;
}

.trigger:after {
  content: '';
  display: block;
  font-family: FontAwesome;
  font-size: 70%;
  position: absolute;
  right: 1.618em;
  top: 6px;
}

.trigger:hover {
  color: white;
}

.content {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  padding: 0.5em 1.618em;
}

.displayed .trigger:after {
  content: '';
}

#admonition_selector .title {
  color: rgba(255, 255, 255, 0.45);
}

#admonition_selector ul {
  margin-bottom: 0.75em;
}

#admonition_selector ul li {
  display: block;
}

#admonition_selector label {
  display: inline;
  color: inherit;
  text-decoration: underline dotted;
}


/* LINKS */
a.external:after {
  font-family: FontAwesome;
  content: '';
  visibility: visible;
  display: inline-block;
  font-size: 70%;
  position: relative;
  padding-left: 0.5em;
  top: -0.5em;
}


/* LIST */
.wy-plain-list-decimal > li > ul,
.rst-content .section ol > li > ul,
.rst-content ol.arabic > li > ul,
article ol > li > ul {
    margin-bottom: 24px;
}