docs.css 70.11 KiB
/*
 * Bootstrap Documentation
 * Special styles for presenting Bootstrap's documentation and code examples.
 * Table of contents:
 * Scaffolding
 * Main navigation
 * Footer
 * Social buttons
 * Homepage
 * Page headers
 * Old docs callout
 * Ads
 * Side navigation
 * Docs sections
 * Callouts
 * Grid styles
 * Examples
 * Code snippets (highlight)
 * Responsive tests
 * Glyphicons
 * Customizer
 * Miscellaneous
 * Scaffolding
 * Update the basics of our documents to prep for docs content.
body {
  position: relative; /* For scrollyspy */
  padding-top: 50px; /* Account for fixed navbar */
/* Keep code small in tables on account of limited space */
.table code {
  font-size: 13px;
  font-weight: normal;
/* Outline button for use within the docs */
.btn-outline {
  color: #563d7c;
  background-color: #fff;
  border-color: #e5e5e5;
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: #fff;
  background-color: #563d7c;
  border-color: #563d7c;
/* Inverted outline button (white on dark) */
.btn-outline-inverse {
  color: #fff;
  background-color: transparent;
  border-color: #cdbfe3;
.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
  color: #563d7c;
  text-shadow: none;
  background-color: #fff;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
border-color: #fff; } /* * Main navigation * * Turn the `.navbar` at the top of the docs purple. */ .bs-docs-nav { text-shadow: 0 -1px 0 rgba(0,0,0,.15); background-color: #563d7c; border-color: #463265; box-shadow: 0 1px 0 rgba(255,255,255,.1); } .bs-docs-nav .navbar-collapse { border-color: #463265; } .bs-docs-nav .navbar-brand { color: #fff; } .bs-docs-nav .navbar-nav > li > a { color: #cdbfe3; } .bs-docs-nav .navbar-nav > li > a:hover { color: #fff; } .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { color: #fff; background-color: #463265; } .bs-docs-nav .navbar-toggle { border-color: #563d7c; } .bs-docs-nav .navbar-toggle:hover { background-color: #463265; border-color: #463265; } /* * Footer * * Separated section of content at the bottom of all pages, save the homepage. */ .bs-footer { padding-top: 40px; padding-bottom: 30px; margin-top: 100px; color: #777; text-align: center; border-top: 1px solid #e5e5e5; } .footer-links { margin: 10px 0; padding-left: 0; } .footer-links li { display: inline; padding: 0 2px; } .footer-links li:first-child { padding-left: 0; } @media (min-width: 768px) { .bs-footer {