/* Example CSS Style for MUP */ body { font: normal normal 14pt "Helvetica", sans-serif; /* background: url("http://non.tuxfamily.org/background-pattern.png") fixed; */ background-color: #121212; color: lightgray; padding: 0; margin: 0; } a:link { color: white; } a:visited { color: olive; } a:active { color: white; } a:link:hover { text-decoration: underline; } /* #(url) */ a.ext:link { color: red; text-decoration: none; border-bottom: dashed silver 1; } a.ext:visited { color: darkred; border-bottom: dashed silver 1; text-decoration: none; } /* #(ref) */ a.int:link { border-bottom: dashed silver 0.15em; } a.int:link:hover { text-decoration: none; color: white; } /* a[href^="#"]:link { border-bottom: dashed silver 0.15em; } a[href^="#"]:link:hover { text-decoration: none; color: white; } */ p:contains("Warning:") { background: #d00; color: white; border: dotted gray 0.5em; display: block; } /* First letter of first paragraph of every chapter */ /* h1 + p:first-letter { text-transform: uppercase; float: left; line-height: 0.8em; font-size: 350%; font-family: Serif; letter-spacing: 0; margin-right: 0.1em; margin-top: 0.1em; border: solid gray 1px; padding: 1px; color: #d00; text-shadow: #666 3px 3px 3px; } */ /* First paragraph of every chapter */ /* h1 + p { text-indent: 0; } */ /* cover */ #cover * { background: transparent; } #cover { position: relative; /* background: #da0;*/ background: #555; color: #aaa; text-align: center; margin: 0; padding: 0.5em; border-top: 4px solid black; border-bottom: 4px solid black; } #cover h1, #cover h3 { text-shadow: #222 0.2em 0.2em 0.2em; color: white; border: none; letter-spacing: 0.2em; line-height: 0.8em; margin-left: 2em; margin-right: 2em; } #cover h1:before, #cover h1:after { /* content: "::"; */ font-size: 300%; color: black; } #cover h1:before { position: absolute; top: 0.2em; left: 0.1em; } #cover h1:after { position: absolute; top: 0.2em; right: 0.1em; } #cover hr { display: none; } hr:first-child { display: none; } hr { height: 0.2em; background: #555; color: #555; margin-left: 0.5em; } #cover a:visited { color: black; } /* endnote */ #endnote { color: black; } /* TOC */ #toc { position: relative; } #toc hr { } #toc h1 { } #toc ul { font-size: 125%; font-weight: bold; margin-bottom: 1em; } #toc ul ul { font-size: 90%; font-weight: normal; margin-bottom: 0; } #toc li { list-style: none; } #toc a:link { border-bottom: 0; } /* */ #body { position: relative; margin: 0 auto; padding: 0.5em; max-width: 900px; background-color: #1c1c1c; } /* ;, : */ h1 { color: #fff; border-bottom: solid #444 0.1em; text-shadow: 1px 1px 2px #000; } /* ::, :::, ::::, :::::, :::::: */ h2, h3, h4, h5, h6 { color: #fff; text-shadow: 1px 1px 2px #000; } /* tables, figures */ .fig caption { color: gray; text-align: center; /* Required for Mozilla */ margin: auto; } .fig table { border: none; margin: auto; /* border-collapse: collapse; */ } /* / */ .fig.table th { border: none; background: gray; color: black; } /* [ */ .fig.table td { border: none; background: silver; color: black; padding-left: 1em; padding-right: 1em; padding-top: 0.2em; padding-bottom: 0.2em; } /* < */ .fig.image table { border: none; background: transparent; max-width: 100%; } .fig.image tr, .fig.image td { border: none; background: transparent; padding: 0; } .fig.image img { max-width: 900px; } /* */ p { margin-right: 2%; text-align: justify; text-indent: 1em; } /* > */ .example * { background: transparent; } .example table { margin: 0; padding: 0; table-layout: fixed; width: 100%; caption-side: top; overflow: auto; } .example caption { caption-side: top; } .example { } .example p { display: inline; margin: 0; padding: 0; text-align: center; } .example pre { margin-top: 0; font-family: Monospace; padding: 1em; border: solid 1px black; background: #222; color: white; display: block; overflow: auto; /* Every browser should support border radii */ /* -moz-border-radius: 0.5em; border-radius: 0.5em; */ } /* " */ /* .quote:before { float: left; font-size: 500%; content: "\201C"; } */ /* blockquote:after { content: "\201D"; }*/ .quote blockquote { padding: 0.5em; margin-left: 0.5em; font-family: Serif; border-left: solid 0.4em gray; /* background: #333; */ color: white; } /* ^ */ small { /* color: silver; font-size: 50%; */ } .footnote p { color: silver; margin: 0; } /* Popup footnotes */ .footnote p { display: none; } .footnote p:target { display: block; overflow: auto; position: fixed; left: auto; bottom: 0; right: 0; max-width: 50%; border: solid 0.3em white; -moz-border-radius: 0.5em; background: black; padding: 0.2em; } /* { */ .admonition * { background: transparent; color: white; } .admonition dl { display: table; margin: 0; padding: 0; background: #333; border: dotted black 0.3em; width: 90% margin-top: 0.5em; margin-bottom: 0.5em; } .admonition dt { display: table-cell; vertical-align: center; border-right: solid silver 0.4em; font-weight: bold; font-size: 115%; font-family: Serif; background: gray; width: 0; text-shadow: black 0.15em 0.15em 0.15em; } .admonition dd { padding-left: 0.4em; display: table-cell; width: 100%; text-align: justify; } .admonition table { margin: 0; padding: 0; background: #333; border: dotted black 0.3em; width: 90% margin-top: 0.5em; margin-bottom: 0.5em; } .admonition td { width: 100%; text-align: justify; } .admonition td:first-child:contains("Warning:") { background: #900; } .admonition td:first-child:contains("Caution:") { background: #960; } .admonition td:first-child:contains("Note:") { background: #690; } .admonition td:first-child { border-right: solid silver 0.4em; font-weight: bold; font-size: 115%; font-family: Serif; background: gray; width: 0; text-shadow: black 0.15em 0.15em 0.15em; } /* #(b) */ /* b { color: olive; } */ /* #(c) */ tt { color: #7f0; } /* ! keywords ... */ p em { color: gray; font-style: normal; font-weight: bold; } /* *, + */ /* Bullet, numbe */ li { color: #f0f; } /* Text */ li span, li p { color: white; } li p { color: red; display: block; } ul { list-style-type: square; } dl { margin-left: 2%; margin-top: 1em; } /* = */ dt { background: #181818; padding: 0.2em; font-variant: small-caps; font-weight: bold; color: #f0f; } dd { color: white; text-align: justify; margin-right: 5%; } dt a:link, dt a:visited { color: #f0f; } dt a:link:hover { color: silver; text-decoration: underline; }