dyaml/doc/html/api/style.css

727 lines
11 KiB
CSS
Raw Normal View History

2015-02-21 13:36:06 +00:00
html {
font-family: Verdana, "DejaVu Sans", sans;
margin: 0;
padding: 0;
background-color: #333;
border-left: .2em solid #333;
border-right: .2em solid #333;
min-height: 100%;
}
body {
margin: 0;
padding: 0;
}
div.main {
overflow: hidden;
background-color: #F8F8F8;
}
/**** BREADCRUMBS ****/
div.breadcrumbs {
color: white;
background-color: #333;
padding: 1.0em 0.5em 0.0em 0.5em;
left: 0;
box-sizing: border-box;
text-align: right;
top: 0;
width: 100%;
height: 48px;
font-size: 95%;
position: fixed;
}
div.breadcrumbs a {
color: white;
}
div.breadcrumbs span.highlight, div.breadcrumbs span a {
color: #DAAF07;
}
div.breadcrumbs input {
width: 7em;
margin-top: -0.1em;
}
div.breadcrumbs small {
font-size: 0.8em;
}
/** narrow screen hacks **/
@media only screen and (max-width: 1000px)
{
div.breadcrumbs span, div.breadcrumbs small {
font-size: 80%;
}
}
@media only screen and (max-width: 800px)
{
div.breadcrumbs small {
display: none;
position: fixed;
}
div.breadcrumbs span {
font-size: 75%;
}
}
@media only screen and (max-width: 600px)
{
div.breadcrumbs span {
font-size: 65%;
}
}
div.breadcrumbs a.home {
float: left;
font-weight: bold;
font-size: 200%;
margin: 0 2% 0 0%;
margin-top: -0.3em;
text-decoration: none;
}
div.breadcrumbs input {
float: left;
}
/* anchors need to compensate for the fixed-pos breadcrumbs */
a.anchor
{
display: block;
position: relative;
top: -48px;
visibility: hidden;
}
/** SEARCH RESULTS **/
#results {
position: absolute;
max-height: 30em;
background-color: #eee;
box-shadow: 0 .25em .25em black;
display: none;
text-align: left;
color: black;
margin-top: 2em;
font-size: 70%;
z-index: 1000;
overflow-y: scroll;
}
#results a {
color: blue;
}
/**** SIDEBAR, TABLE OF CONTENTS ****/
div.sidebar {
margin-top: 48px;
float: left;
margin-right: -1px;
border-right: 1px solid #D0D0D0;
background-color: #F8F8F0;
}
div.toc {
padding: 1.5em 0.75em 1em 0.5em;
font-size: 0.55em;
line-height: 1.95em;
display:block;
}
@media only screen and (max-width: 800px)
{
div.toc {
font-size: 0.5em;
padding: 1.5em 0.4em 1em 0.2em;
}
}
/* stuff for showing/hiding the sidebar */
.hide, .show {
display: block;
float: right;
border-right: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
/* to avoid having double border */
margin-right: -1px;
font-size: 1.1em;
padding: 0 0.6em;
}
a.hide, a.show {
color: #111;
text-decoration: none;
}
.hide {
background-color: #F8F8F8;
border-bottom-left-radius:3px;
border-right: 1px solid #F8F8F8;
}
.show {
background-color: #F8F8F0;
border-bottom-right-radius:3px;
display: none;
}
.hide:target + .show {
display: inline;
position: absolute;
}
.hide:target {
display: none;
}
.hide:target ~ .toc {
display:none;
}
div.toc .toc-additional {
border-bottom: 1px dashed #333;
line-height: 1.5em;
}
div.toc .toc-additional p, div.toc .toc-additional ul {
margin: 0.4em 0;
}
div.toc ul {
list-style-type: none;
padding-left: 0;
padding-bottom: 0.5em;
}
div.toc ul ul {
list-style-type: none;
padding-left: 0.5em;
}
div.toc a {
color: #111;
font-size: 1.25em;
}
@media only screen and (max-width: 800px)
{
div.toc ul ul {
padding-left: 0.2em;
}
}
div.toc span.package {
cursor: pointer;
line-height: 1.8em;
font-weight: bold;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
background-color: #F0F0F0;
font-size: 1.25em;
padding: 0 0.2em;
/* counteracts the text movement caused by the padding */
margin: 0 -0.2em;
}
div.toc span.package a {
font-size: 1em;
}
/* Highlight the current module/package */
div.toc .selected {
border-radius: 2px;
background-color: #DAAF07 !important;
padding: 0.325em 0.2em;
/* counteracts the text movement caused by the padding */
margin: -0.325em -0.2em;
}
/**** MAIN CONTENT ****/
div.content {
margin-top: 48px;
padding: 1.5em;
font-size: 90%;
line-height: 130%;
overflow: hidden;
border-left: 1px solid #D0D0D0;
}
@media only screen and (max-width: 800px)
{
div.content {
font-size: 82%;
}
}
@media only screen and (max-width: 600px)
{
div.content {
font-size: 70%;
padding: 1.5em 0.3em 1.5em 0.5em;
}
}
div.content h2 {
margin: .35em 0 .45em 0;
padding-top: .35em;
font-size: 1.3em;
}
div.content h3 {
font-size: 1.1em;
}
div.content tr {
margin: 0;
}
div.content table {
border-collapse: collapse;
border-bottom: 1px dashed #333;
font-size: 90%;
line-height: 130%;
margin: 1em 0;
}
div.content td {
border-top: 1px dashed #333;
margin: 0;
padding: .32em;
}
div.content td:first-child {
text-align: center;
}
/* prevent function attribs from wrapping, make the cell wider instead */
div.content td:first-child * {
white-space: nowrap
}
/* The first markdown-generated paragraph in e.g. Params tables shouldn't add any vertical
* space
*/
div.content td p:first-child {
margin: 0;
}
div.content p strong {
font-size: 92%;
}
.paramName {
font-weight: bold;
width: 6em;
}
div.section {
padding: 0;
margin: 0;
}
/**** EXTRA INFO IN FUNCTION/CLASS/ETC LISTS ****/
div.content td .extrainfo{
display: block;
line-height: 105%;
font-family: monospace;
font-size: 85%;
text-align: center;
}
.extrainfo div {
display: block;
margin: 0;
}
.extrainfo .attr-const { color: blueviolet; }
.extrainfo .attr-pure { color: darkslategray; }
.extrainfo .attr-nothrow { color: brown; }
.extrainfo .attr-nogc { color: darkgreen; }
.extrainfo .attr-safe { color: darkblue; }
.extrainfo .attr-trusted { color: firebrick; }
.extrainfo .attr-system { color: darkred; }
.extrainfo .attr-final { color: darkolivegreen; }
.extrainfo .attr-ref { color: fuchsia; }
/**** SYMBOLS (not used by the one-file-for-every-variable writer backend) ****/
div.aggregate-symbol {
display: flex;
flex-direction: column;
display: -webkit-flex;
-webkit-flex-direction: column;
}
div.aggregate-symbol div.description {
order: -2;
-webkit-order: -2;
}
div.aggregate-symbol div.members {
order: -1;
-webkit-order: -1;
padding-bottom: 0.3em;
border-bottom: 10px solid #333;
margin: 1em 0em 1.5em 0em;
}
div.symbol {
border-radius: 3px;
border: 1px solid #d0d0d0;
padding: 1px 0.4em;
margin: 0.5em 0;
}
a.anchor:target + div.symbol {
border: 2px solid #DAAF07;
border-radius: 0;
background-color: #F8F8F0;
}
/**** SECTION-SPECIFIC STYLES ****/
.section.seealso, .section.note, .section.imports {
font-size: 75%;
line-height: 135%;
/* background-color: #F0F0C0; */
/* background-color: #DA7F07; */
/* background-color: #DA8F07; */
/* background-color: #DA9F07; */
background-color: #DAAF07;
/* background-color: #EABD08; */
padding: 1em;
margin-bottom: 0.5em;
}
.section.seealso h2, .section.note h2 {
display: block;
float: left;
margin: 0 0.7em -0.05em 0em;
padding: 0;
font-size: 1.1em;
}
.section.imports h2 {
display: inline;
margin: 0.5em 0em;
padding: 0;
font-size: 1.1em;
}
.section.seealso div.seealso-content, .section.note div.note-content {
display: block;
margin-left: 6.5em;
}
.section.imports ul {
margin: 0;
list-style-type: none;
padding-left: 1.5em;
-moz-column-count: 4;
-moz-column-gap: 20px;
-webkit-column-count: 4;
-webkit-column-gap: 20px;
column-count: 4;
column-gap: 20px;
}
@media only screen and (max-width: 1400px)
{
.section.imports ul {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
}
@media only screen and (max-width: 1100px)
{
.section.imports ul {
-moz-column-count: 2;
-moz-column-gap: 13px;
-webkit-column-count: 2;
-webkit-column-gap: 13px;
column-count: 2;
column-gap: 13px;
}
}
@media only screen and (max-width: 800px)
{
.section.imports ul {
-moz-column-count: 1;
-moz-column-gap: 7px;
-webkit-column-count: 1;
-webkit-column-gap: 7px;
column-count: 1;
column-gap: 7px;
}
}
.section.imports ul a {
color: #111;
}
.section.seealso *:first-child, .section.note *:first-child {
margin-top: 0em;
}
.section.seealso ul, .section.note ul {
padding-left: 1.5em;
}
.section.seealso *:last-child, .section.note *:last-child {
margin-bottom: 0em;
}
/**** FOOTER ****/
footer
{
text-align: center;
font-size: 60%;
color: white;
background-color: #333;
}
footer a
{
color: white;
}
/**** CODE ****/
pre {
margin-top: 0.4em;
}
/* DDoc code examples */
code {
background-color: #333;
color: #eee;
padding: 0.8em;
border-radius: .1em;
display: block;
}
code a {
color: white;
text-decoration: none;
border-bottom: 1px dotted #888;
}
/* hmod/libddoc errors */
div.error {
color: darkred;
}
/* Markdown inline code and $(D code) */
code.prettyprint, .d_inlinecode {
font-family: monospace;
color: #333;
background-color:rgba(0,0,0,0.04);
border-radius: .15em;
border: 1px solid #C0C0C0;
padding: 0.22em;
display: inline;
}
code.prettyprint a {
color: black;
border-color: #777;
}
/*do not affect the first <pre>, which is not in a section*/
div.section pre > code {
margin: .5em;
border-radius: .1em;
padding: 0.8em;
}
div.section td pre {
margin: 0;
padding: 0;
}
div.section td code:not(.prettyprint) {
margin: 0;
padding: 0.6em;
}
.hljs {
display: block; padding: 1em;
background: #282B2E;
overflow-x: auto;
display: block;
}
.hljs-keyword,
.hljs-literal,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.css .hljs-id,
.tex .hljs-special {
color: #93C763;
}
.hljs-number {
color: #FFCD22;
}
.hljs {
color: #E0E2E4;
}
.css .hljs-tag,
.css .hljs-pseudo {
color: #D0D2B5;
}
.hljs-attribute,
.hljs .hljs-constant {
color: #668BB0;
}
.xml .hljs-attribute {
color: #B3B689;
}
.xml .hljs-tag .hljs-value {
color: #E8E2B7;
}
.hljs-code,
.hljs-class .hljs-title,
.hljs-header {
color: white;
}
.hljs-class,
.hljs-hexcolor {
color: #93C763;
}
.hljs-regexp {
color: #D39745;
}
.hljs-at_rule,
.hljs-at_rule .hljs-keyword {
color: #A082BD;
}
.hljs-doctype {
color: #557182;
}
.hljs-link_url,
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-bullet,
.hljs-subst,
.hljs-emphasis,
.haskell .hljs-type,
.hljs-preprocessor,
.hljs-pragma,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.sql .hljs-aggregate,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-javadoc,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt {
color: #8CBBAD;
}
.hljs-string {
color: #EC7600;
}
.hljs-comment,
.java .hljs-annotation,
.hljs-blockquote,
.hljs-horizontal_rule,
.python .hljs-decorator,
.hljs-template_comment,
.hljs-pi,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
color: #818E96;
}
.hljs-keyword,
.hljs-literal,
.css .hljs-id,
.hljs-phpdoc,
.hljs-title,
.hljs-header,
.haskell .hljs-type,
.vbscript .hljs-built_in,
.sql .hljs-aggregate,
.rsl .hljs-built_in,
.smalltalk .hljs-class,
.diff .hljs-header,
.hljs-chunk,
.hljs-winutils,
.bash .hljs-variable,
.apache .hljs-tag,
.tex .hljs-special,
.hljs-request,
.hljs-at_rule .hljs-keyword,
.hljs-status {
font-weight: bold;
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
opacity: 0.5;
}