462 lines
7.1 KiB
CSS
462 lines
7.1 KiB
CSS
|
|
/* 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;
|
|
}
|