|
-
- /* 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;
- }
|