docco.main.css Maven / Gradle / Ivy

Go to download
/* Highlight JS */

pre code {color: #000}
pre .comment, pre .javadoc {color: #998; font-style: italic}
pre .keyword {color: #000; font-weight: bold}
pre .number {color: #40a070}
pre .string {color: #d14}
pre .title {color: #900; font-weight: bold}
pre .class .title {color: #458; font-weight: bold}
pre .class {color: #458; font-weight: bold}

/* Typographics and layouts */

body {
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
  font-size: 16px;
  line-height: 24px;
  color: #252519;
  margin: 0; padding: 0;
}

a {color: #333}

a:visited {color: #555}

p {margin: 0 0 16px 0}

h1, h2, h3, h4, h5, h6 {margin: 16px 0 16px 0}

h3, h4, h5, h6 {margin-top: 12px}

#container {position: relative}

#background {
  position: fixed;
  top: 0; left: 580px; right: 0; bottom: 0;
  background: #f5f5ff;
  border-left: 1px solid #e5e5ee;
  z-index: -1;
}

table td {border: 0; outline: 0}

td.docs, th.docs {
  max-width: 500px;
  min-width: 500px;
  min-height: 5px;
  padding: 10px 25px 1px 50px;
  vertical-align: top;
  text-align: left;
}

.docs pre {
  margin: 15px 0 15px;
  padding-left: 15px;
}

.docs p tt, .docs p code {
  background: #f8f8ff;
  border: 1px solid #dedede;
  font-size: 12px;
  padding: 0 0.2em;
}

.octowrap {position: relative}

.octothorpe {
  font: 12px Arial;
  text-decoration: none;
  color: #454545;
  position: absolute;
  top: 3px; left: -20px;
  padding: 1px 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
}

td.docs:hover .octothorpe {opacity: 1}

td.code, th.code {
  padding: 14px 15px 16px 50px;
  width: 100%;
  vertical-align: top;
  background: #f5f5ff;
  border-left: 1px solid #e5e5ee;
}

pre, tt, code {
  font-size: 12px; line-height: 18px;
  font-family: Monaco, Consolas, "Lucida Console", monospace;
  margin: 0; padding: 0;
}