substance/dist/doc/reader.css

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

@import './substance/substance.css';
@import './substance/substance-reset.css';
@import './substance/substance-pagestyle.css';
@import './github.css';

pre {
  font-size: 12px;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  margin-bottom: 20px;
}

body {
  /*font-size: 14px;*/
}

p {
  padding-bottom: 20px;

}

h2 {
  margin-top: 10px;
  margin-bottom: 20px;
}

code {
  background: #eee;
  font-size: 12px;
  padding: 1px 3px;
  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

blockquote {
  margin-left: 20px;
  font-size: 12px;
}

.sc-documentation-reader {
  max-width: 1200px;
  padding: 15px;
  margin: 0 auto;
}

.sc-documentation-reader .se-page-content {
  overflow: hidden;
  padding-top: 40px;
}

.sc-navbar {
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
  overflow: hidden;
}

.sc-navbar > * {
  /*display: inline-block;*/
}

.sc-navbar .se-title {
  float: left;
  width: 300px;
  font-size: 30px;
  font-weight: 600;
}

.sc-navbar .se-title a {
  color: #444;
}

.sc-navbar .se-pages {
  margin-left: 300px;
}

.sc-navbar .se-page {
  margin-right: 20px;
  font-size: 18px;
  padding-top: 10px;
  color: #444;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
}

.sc-documentation-reader .se-context-section {
  width: 300px;
  float: left;
}

.sc-documentation-reader .se-main-section {
  margin-left: 300px;
}

.sc-documentation-reader .se-main-section .se-content {
  padding: 40px;
}

.sc-page-toc {

}

.sc-page-toc > .se-title {
  font-size: 18px;
  display: none;
  font-weight: 600;
  color: #444;
  text-decoration: none;
}

.sc-page-toc > .se-sections {
  /*padding: 17px;*/
  padding-top: 10px;
}

.sc-page-toc > .se-sections > .se-section {
  display: block;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
  padding-bottom: 5px;
  color: #444;
}

.sc-api-toc .se-category .se-label {
  font-size: 16px;
  color: #777;
}

.sc-api-toc .se-category .se-items {

  padding: 20px 0;
}

.sc-api-toc .se-category .se-item {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  text-decoration: none;
}

.sc-content > .se-title {
  /*border-bottom: solid 1px #ddd;*/
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 30px;
}

.sc-api-page .se-category {
  padding-top: 20px;
}

.sc-api-page .se-category > .se-label {
  font-size: 16px;
  color: #777;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.sc-api-page .se-category > .se-items > .se-item > a {
  display: block;
  font-weight: 600;
  color: #444;
  font-size: 18px;
}

.sc-api-page .se-items {
  /*padding: 20px 0;*/
  display: block;
}

.sc-api-page .se-item {
  display: block;
  padding-top: 30px;
}

.sc-api-page .sc-signature {
  border: none;
}

.sc-api-page .sc-signature > .se-declaration {
  display: block;
  font-size: 14px;
  font-weight: initial;
}

.sc-api-page .se-member {
  padding: 5px 30px;
}

.sc-api-page .se-member a {
  color: inherit;
}


.sc-class {
  margin-bottom: 30px;
}
.sc-class > .se-description {
  margin-bottom: 20px;
}
.sc-class > .se-constructor {
  margin-bottom: 20px;
}
.sc-class > .sc-example {
  margin-bottom: 30px;
}
.sc-class > .sc-params {
  margin-bottom: 20px;
}

.sc-module {
  margin-bottom: 30px;
}
.sc-module > .se-description {
  margin-bottom: 20px;
}

.sc-function {
  margin-bottom: 30px;
}
.sc-function > .sc-signature {
  margin-bottom: 20px;
}
.sc-function > .se-description {
  margin-bottom: 20px;
}

.sc-doc-heading {
  font-size: 25px;
  position: relative;
  padding-bottom: 10px;
  /*padding-top: 10px;*/
}
.sc-doc-heading .se-header {
  color: inherit;
}
.sc-doc-heading > .se-details {
  padding-bottom: 10px;
  line-height: 15px;
  font-size: 12px;
}
.sc-doc-heading > .se-details.function .se-type {
  color: #283CE6;
}
.sc-doc-heading > .se-details.class .se-type {
  color: #BF8418;
}
.sc-doc-heading > .se-details.module .se-type {
  color: #598859;
}
.sc-doc-heading .se-name {
  font-weight: bold;
}

.sc-method {
  margin-bottom: 20px;
}
.sc-method > .sc-signature {
  margin-bottom: 20px;
}
.sc-method > .se-description {
  margin-bottom: 20px;
}

.sc-property {
  margin-bottom: 20px;
}
.sc-property > .se-declaration {
  font-size: 16px;
  font-weight: bold;
  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.sc-property > .se-source {
  padding-bottom: 10px;
  line-height: 15px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.sc-property .se-inherited-from {
  font-size: 12px;
}
.sc-property .se-inherited-from .se-label {
  margin-right: 5px;
}

.sc-event {
  margin-bottom: 30px;
}
.sc-event > .sc-heading {
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.sc-event > .se-description {
  margin-bottom: 20px;
}

.sc-signature {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
.sc-signature > .se-declaration {
  color: inherit;
  font-size: 16px;
  font-weight: bold;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  text-decoration: none;
}


.sc-signature > .se-source {
  padding-bottom: 10px;
  line-height: 15px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}
.sc-signature .se-inherited-from {
  font-size: 12px;
}
.sc-signature .se-inherited-from .se-label {
  margin-right: 5px;
}

.sc-params .se-label {
  font-size: 12px;
  padding-bottom: 10px;
  font-weight: bold;
}
.sc-params > .se-params-table {
  font-size: 12px;
  margin-left: 20px;
}
.sc-params > .se-params-table .se-param-name {
  font-weight: bold;
  padding-right: 20px;
}
.sc-params > .se-params-table .se-param-type {
  padding-right: 20px;
  color: #999;
}
.sc-params > .se-params-table + .se-returns {
  margin-top: 10px;
}

.sc-example {
  margin-top: 20px;
}
.sc-example > .se-heading {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}

.sc-example pre {
  margin-bottom: 20px;
}

.sc-member-index {
  font-size: 12px;
  margin-bottom: 20px;
}

.sc-member-index .se-label {
  font-weight: 600;
}

.sc-member-index .se-members {
  margin-bottom: 10px;
}

.sc-member-index .se-members a {
  margin-right: 10px;
}

.sc-documentation-toc-panel {
  top: 0px;
}