tripal/docs/_static/theme_overrides.css

/* override table width restrictions
See: https://rackerlabs.github.io/docs-rackspace/tools/rtd-tables.html
 */
@media screen and (min-width: 767px) {

   .wy-table-responsive table td {
      white-space: normal !important;
   }

   .wy-table-responsive {
      overflow: visible !important;
   }
}


/** 
 * BRANDING
 */
 
/* Sidebar Title */
.wy-side-nav-search {
  background: none !important;
}
.wy-side-nav-search input[type="text"] {
  border-color: black;
}
.wy-nav-side {
  color: #CCCCCC !important;
  background: #2D2D34 !important;
  background-image: url("hexagon_pattern.png") !important;
  background-repeat: repeat !important;
  background: -webkit-linear-gradient(left, $light-grey , $gray-base) !important;
  background: linear-gradient(to right, $light-grey , $gray-base) !important;
}
/* Logo */
.fa-home::before, .icon-home::before {
  content: url('small_logoonly.png')
}
/* Sidebar TOC */
.wy-menu-vertical li.current {
  color: #CCCCCC;
  border-color: black;
  background: rgba(0,0,0,0.5);
}
.wy-menu-vertical li.toctree-l1.current > a {
  color: black;
  border-color: whitesmoke;
  background-color: whitesmoke;
}
.wy-menu-vertical li.toctree-l2.current > a,
  .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a,
  .wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
    color: #CCCCCC;
    border-color: black;
    background-color: rgba(0,0,0,0.05);
}
.wy-menu-vertical li.current a:hover,
  .wy-menu-vertical li.toctree-l1.current > a:hover,
  .wy-menu-vertical li.toctree-l2.current > a:hover,
  .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover,
  .wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a:hover {
    color: white;
    border-color: black;
    font-weight: bold;
    background-color: rgba(0,0,0);
}
.wy-menu-vertical li.toctree-l1 a,
  .wy-menu-vertical li.toctree-l2 a, 
  .wy-menu-vertical li.toctree-l3 a, 
  .wy-menu-vertical li.toctree-l4 a {
    color: #CCCCCC;
    border-color: black;
}
/* Main Content */
.wy-nav-content-wrap {
  background: whitesmoke;
}
a, a:hover {
  color: #990000;
}
a:visited {
  color: #cc0000;
}
a.icon-home:visited {
  color: #ffffff;
}
/* Code blocks */
.highlight {
  background: #e1f0db;
}
/* Default Notes */
.wy-alert.wy-alert-info, 
  .rst-content .note, 
  .rst-content .wy-alert-info.attention, 
  .rst-content .wy-alert-info.caution, 
  .rst-content .wy-alert-info.danger, 
  .rst-content .wy-alert-info.error, 
  .rst-content .wy-alert-info.hint, 
  .rst-content .wy-alert-info.important, 
  .rst-content .wy-alert-info.tip, 
  .rst-content .wy-alert-info.warning, 
  .rst-content .seealso, .rst-content 
  .wy-alert-info.admonition-todo, 
  .rst-content .wy-alert-info.admonition {
    background: #d9d9d9;
}
.wy-alert.wy-alert-info 
  .wy-alert-title, 
  .rst-content .note .wy-alert-title, 
  .rst-content .wy-alert-info.attention .wy-alert-title, 
  .rst-content .wy-alert-info.caution .wy-alert-title, 
  .rst-content .wy-alert-info.danger .wy-alert-title, 
  .rst-content .wy-alert-info.error .wy-alert-title, 
  .rst-content .wy-alert-info.hint .wy-alert-title, 
  .rst-content .wy-alert-info.important .wy-alert-title, 
  .rst-content .wy-alert-info.tip .wy-alert-title, 
  .rst-content .wy-alert-info.warning .wy-alert-title, 
  .rst-content .seealso .wy-alert-title, 
  .rst-content .wy-alert-info.admonition-todo .wy-alert-title, 
  .rst-content .wy-alert-info.admonition .wy-alert-title, 
  .wy-alert.wy-alert-info .rst-content .admonition-title, 
  .rst-content .wy-alert.wy-alert-info .admonition-title, 
  .rst-content .note .admonition-title, 
  .rst-content .wy-alert-info.attention .admonition-title, 
  .rst-content .wy-alert-info.caution .admonition-title, 
  .rst-content .wy-alert-info.danger .admonition-title, 
  .rst-content .wy-alert-info.error .admonition-title, 
  .rst-content .wy-alert-info.hint .admonition-title, 
  .rst-content .wy-alert-info.important .admonition-title, 
  .rst-content .wy-alert-info.tip .admonition-title, 
  .rst-content .wy-alert-info.warning .admonition-title, 
  .rst-content .seealso .admonition-title, .rst-content 
  .wy-alert-info.admonition-todo .admonition-title, 
  .rst-content .wy-alert-info.admonition .admonition-title {
    background: #737373;
}
/* Note Warnings */
.wy-alert.wy-alert-warning .wy-alert-title, .rst-content .wy-alert-warning.note .wy-alert-title, .rst-content .attention .wy-alert-title, .rst-content .caution .wy-alert-title, .rst-content .wy-alert-warning.danger .wy-alert-title, .rst-content .wy-alert-warning.error .wy-alert-title, .rst-content .wy-alert-warning.hint .wy-alert-title, .rst-content .wy-alert-warning.important .wy-alert-title, .rst-content .wy-alert-warning.tip .wy-alert-title, .rst-content .warning .wy-alert-title, .rst-content .wy-alert-warning.seealso .wy-alert-title, .rst-content .admonition-todo .wy-alert-title, .rst-content .wy-alert-warning.admonition .wy-alert-title, .wy-alert.wy-alert-warning .rst-content .admonition-title, .rst-content .wy-alert.wy-alert-warning .admonition-title, .rst-content .wy-alert-warning.note .admonition-title, .rst-content .attention .admonition-title, .rst-content .caution .admonition-title, .rst-content .wy-alert-warning.danger .admonition-title, .rst-content .wy-alert-warning.error .admonition-title, .rst-content .wy-alert-warning.hint .admonition-title, .rst-content .wy-alert-warning.important .admonition-title, .rst-content .wy-alert-warning.tip .admonition-title, .rst-content .warning .admonition-title, .rst-content .wy-alert-warning.seealso .admonition-title, .rst-content .admonition-todo .admonition-title, .rst-content .wy-alert-warning.admonition .admonition-title {
  background: #e6b800;
}
.wy-alert.wy-alert-warning, .rst-content .wy-alert-warning.note, .rst-content .attention, .rst-content .caution, .rst-content .wy-alert-warning.danger, .rst-content .wy-alert-warning.error, .rst-content .wy-alert-warning.hint, .rst-content .wy-alert-warning.important, .rst-content .wy-alert-warning.tip, .rst-content .warning, .rst-content .wy-alert-warning.seealso, .rst-content .admonition-todo, .rst-content .wy-alert-warning.admonition {
  background: #FcFde6;
}