|
|
@ -1,488 +0,0 @@ |
|
|
|
/* p1k3.css - Always a work in progress. Cobbled together by Brennen Bearnes |
|
|
|
for use at https://p1k3.com/ |
|
|
|
|
|
|
|
And anywhere else your little heart desires. |
|
|
|
*/ |
|
|
|
|
|
|
|
body { |
|
|
|
color: #000000; |
|
|
|
background: white; |
|
|
|
margin-top: 0em; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
padding-left: 1em; |
|
|
|
padding-right: 1em; |
|
|
|
font-family: sans-serif; |
|
|
|
} |
|
|
|
|
|
|
|
nav p { |
|
|
|
max-width: 38em; |
|
|
|
margin: 1em auto 1.2em auto; |
|
|
|
} |
|
|
|
|
|
|
|
td { vertical-align: top; } |
|
|
|
|
|
|
|
table.census { border-collapse: collapse; } |
|
|
|
|
|
|
|
table.census tr td { |
|
|
|
font-size: small; |
|
|
|
border: 1px dashed black; |
|
|
|
padding: 3px; |
|
|
|
} |
|
|
|
|
|
|
|
table.census tr th { padding: 5px; } |
|
|
|
|
|
|
|
kbd { color: green; } |
|
|
|
|
|
|
|
table.side-by-side { |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
border-spacing: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
table.side-by-side th { |
|
|
|
font-weight: normal; |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
|
|
|
|
table.side-by-side td { |
|
|
|
font-family: "Courier", monospace; |
|
|
|
font-size: small; |
|
|
|
border: 1px dashed black; |
|
|
|
padding: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
hr { |
|
|
|
height: 1px; |
|
|
|
color: gray; |
|
|
|
} |
|
|
|
|
|
|
|
div.fixed-width { |
|
|
|
font-family: "Courier", monospace; |
|
|
|
} |
|
|
|
|
|
|
|
/* syntax highlight stuff */ |
|
|
|
|
|
|
|
.num { color:#2928ff; } |
|
|
|
.esc { color:#ff00ff; } |
|
|
|
.str { color:#ff0000; } |
|
|
|
.dstr { color:#818100; } |
|
|
|
.slc { color:#a020f0; font-style:italic; } |
|
|
|
.com { color:#838183; font-style:italic; } |
|
|
|
.dir { color:#008200; } |
|
|
|
.sym { color:black; } |
|
|
|
.lin { color:#555555; } |
|
|
|
.kwa, .kwc { color:#000000; font-weight:bold; } |
|
|
|
.kwb { color:#008b8b; } |
|
|
|
|
|
|
|
.green { color: green; } |
|
|
|
.yellow { color: yellow; } |
|
|
|
|
|
|
|
/* Footer */ |
|
|
|
|
|
|
|
#footer { |
|
|
|
float: left; |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
|
|
|
|
footer { |
|
|
|
padding-left: 1em; |
|
|
|
padding-right: 1em; |
|
|
|
max-width: 38em; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
} |
|
|
|
|
|
|
|
footer p { |
|
|
|
color: gray; |
|
|
|
font-style: italic; |
|
|
|
font-size: smaller; |
|
|
|
} |
|
|
|
|
|
|
|
/* LinkDump column on front page */ |
|
|
|
|
|
|
|
#imagehere { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
#linkdump { |
|
|
|
font-size: smaller; |
|
|
|
clear: none; |
|
|
|
padding: .5em; |
|
|
|
position: absolute; |
|
|
|
right: 10px; |
|
|
|
top: 2em; |
|
|
|
width: 25%; |
|
|
|
z-index: 0; |
|
|
|
overflow-x: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
div.linkdump p { margin: 0 0 0.5em 0; } |
|
|
|
|
|
|
|
div.linkdump ul { |
|
|
|
margin-bottom: 0.5em; |
|
|
|
margin-top: 0.5em; |
|
|
|
} |
|
|
|
|
|
|
|
div.linkdump blockquote { |
|
|
|
margin-left: .6em; |
|
|
|
margin-right: .6em; |
|
|
|
} |
|
|
|
|
|
|
|
div.linkdump p.centerpiece img, |
|
|
|
div.linkdump p.centerpiece { |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
/* Entry column on front page */ |
|
|
|
|
|
|
|
#entries { |
|
|
|
position: absolute; |
|
|
|
left: 10px; |
|
|
|
top: .5em; |
|
|
|
width: 70%; |
|
|
|
z-index: 1; |
|
|
|
margin-top: .5em; |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
div.entry { |
|
|
|
border: none; |
|
|
|
padding-left: 1em; |
|
|
|
padding-right: 1em; |
|
|
|
max-width: 38em; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
margin-top: 1px; |
|
|
|
margin-bottom: 1px; |
|
|
|
line-height: 1.4; |
|
|
|
} |
|
|
|
|
|
|
|
div.pagebox { |
|
|
|
font-size: smaller; |
|
|
|
border: 1px solid black; |
|
|
|
margin-left: 2em; |
|
|
|
margin-right: 2em; |
|
|
|
margin-bottom: .5em; |
|
|
|
padding: 2em; |
|
|
|
} |
|
|
|
|
|
|
|
div.pagebox p.number { |
|
|
|
text-align: right; |
|
|
|
font-size: small; |
|
|
|
} |
|
|
|
|
|
|
|
div.retcon { |
|
|
|
padding: 1em; |
|
|
|
margin-top: .5em; |
|
|
|
margin-bottom: .5em; |
|
|
|
max-width: 90%; |
|
|
|
background-color: #6699CC; |
|
|
|
border: 1px; |
|
|
|
border-style: outset; |
|
|
|
} |
|
|
|
|
|
|
|
/* Headers */ |
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
|
|
font-family: "Georgia", "DejaVu Serif", "Bistream Vera Serif", "Lucida Bright", serif; |
|
|
|
} |
|
|
|
|
|
|
|
/* For headers on the blog and the wala... */ |
|
|
|
h1 { |
|
|
|
font-size: 1.5em; |
|
|
|
font-weight: normal; |
|
|
|
padding: .1em; |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
/* I use <h1 class="p1k3"> for the page title... */ |
|
|
|
h1.p1k3 { |
|
|
|
max-width: 38em; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
} |
|
|
|
|
|
|
|
h1.p1k3 a:link { color: black; text-decoration: none; } |
|
|
|
h1.p1k3 a:visited { color: black; } |
|
|
|
|
|
|
|
/* <h2> for icons ... */ |
|
|
|
h2 { |
|
|
|
font-size: 1.5em; |
|
|
|
font-weight: normal; |
|
|
|
color: gray; |
|
|
|
margin-bottom: 0em; |
|
|
|
margin-top: .2em; |
|
|
|
padding-left: .5em; |
|
|
|
} |
|
|
|
|
|
|
|
/* <h3> for dates and document titles on entries ... */ |
|
|
|
h3, .linkdump h1 { |
|
|
|
clear: none; |
|
|
|
text-align: left; |
|
|
|
font-size: 1.25em; |
|
|
|
font-weight: normal; |
|
|
|
margin-top: .5em; |
|
|
|
margin-bottom: .5em; |
|
|
|
margin-left: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
/* And so on. */ |
|
|
|
h4 { |
|
|
|
font-size: 1.1em; |
|
|
|
font-weight: normal; |
|
|
|
font-style: italic; |
|
|
|
text-indent: 1em; |
|
|
|
margin-top: 0; |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
/* Block level elements */ |
|
|
|
|
|
|
|
pre { font-family: monospace; } |
|
|
|
|
|
|
|
/* List items: */ |
|
|
|
li { margin-bottom: .3em; } |
|
|
|
dl { margin-left: 2em; } |
|
|
|
|
|
|
|
/* Paragraph formatting. */ |
|
|
|
p { |
|
|
|
margin-bottom: 1em; |
|
|
|
text-indent: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
p.centerpiece { |
|
|
|
text-align: center; |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
|
|
|
|
.massive { |
|
|
|
font-size: 6em; |
|
|
|
} |
|
|
|
|
|
|
|
.bigletters { |
|
|
|
font-size: 2em; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
p.signature { text-align: right; } |
|
|
|
|
|
|
|
p.left { |
|
|
|
float: left; |
|
|
|
clear: none; |
|
|
|
} |
|
|
|
|
|
|
|
p.right { |
|
|
|
float: right; |
|
|
|
clear: none; |
|
|
|
} |
|
|
|
|
|
|
|
p.code { |
|
|
|
font-family: "Consolas", "Courier", monospace; |
|
|
|
text-indent: -2em; |
|
|
|
margin-left: 3em; |
|
|
|
color: green; |
|
|
|
font-size: smaller; |
|
|
|
} |
|
|
|
|
|
|
|
.footnote { font-size: smaller; } |
|
|
|
|
|
|
|
p.navigation { font-size: 1.5em; } |
|
|
|
|
|
|
|
/* Within-paragraph markup: */ |
|
|
|
|
|
|
|
sup { |
|
|
|
line-height: 0; |
|
|
|
vertical-align: text-top; |
|
|
|
} |
|
|
|
|
|
|
|
abbr:hover, acronym:hover { |
|
|
|
color: green; |
|
|
|
} |
|
|
|
|
|
|
|
em strong, strong em { |
|
|
|
font-variant: small-caps; |
|
|
|
font-style: normal; |
|
|
|
font-weight: bolder; |
|
|
|
} |
|
|
|
|
|
|
|
/* Link formatting */ |
|
|
|
|
|
|
|
a:link { color: #3333FF; text-decoration: none; } |
|
|
|
a:visited { color: #003399; text-decoration: none; } |
|
|
|
a:active { color: #FF0000; text-decoration: underline; } |
|
|
|
a:hover { color: inherit; text-decoration: underline; } |
|
|
|
|
|
|
|
img, img a { border: none; } |
|
|
|
|
|
|
|
/* Navigation links to dates... */ |
|
|
|
|
|
|
|
p.datelink { |
|
|
|
clear: both; |
|
|
|
margin-bottom: 2em; |
|
|
|
margin-top: .5em; |
|
|
|
text-align: right; |
|
|
|
font-size: smaller; |
|
|
|
} |
|
|
|
|
|
|
|
.datelink a:link { color: gray; text-decoration: none; } |
|
|
|
.datelink a:hover, |
|
|
|
.datelink a:active { text-decoration: underline; } |
|
|
|
|
|
|
|
ul.datelink li img { padding: 5px; } |
|
|
|
|
|
|
|
/* Quoting */ |
|
|
|
|
|
|
|
blockquote { |
|
|
|
margin-left: 3em; |
|
|
|
margin-right: 3em; |
|
|
|
margin-bottom: 0.5em; |
|
|
|
} |
|
|
|
|
|
|
|
/* Booklike: Initial text indents, no spacing between paragraphs. : */ |
|
|
|
|
|
|
|
.booklike { |
|
|
|
padding-top: .2em; |
|
|
|
padding-bottom: .2em; |
|
|
|
} |
|
|
|
|
|
|
|
.booklike p { |
|
|
|
text-indent: 2.5em; |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
/* For poetry and stuff within booklike blockquotes. */ |
|
|
|
.booklike p.stanza { |
|
|
|
text-indent: 0em; |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
blockquote.booklike { |
|
|
|
padding: .2em 1em .2em 1em; |
|
|
|
} |
|
|
|
|
|
|
|
blockquote.booklike p { |
|
|
|
text-indent: 2em; |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 0em; |
|
|
|
} |
|
|
|
|
|
|
|
blockquote.booklike p.stanza { |
|
|
|
text-indent: 0em; |
|
|
|
margin-top: 0em; |
|
|
|
margin-bottom: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
blockquote.booklike p.cite, |
|
|
|
blockquote p.cite { |
|
|
|
text-align: left; |
|
|
|
text-indent: 3em; |
|
|
|
} |
|
|
|
|
|
|
|
blockquote.chat p { text-indent: -.5em; } |
|
|
|
|
|
|
|
address { |
|
|
|
font-weight: bolder; |
|
|
|
font-style: italic |
|
|
|
} |
|
|
|
|
|
|
|
/* inputbox stuff */ |
|
|
|
|
|
|
|
input { border-color: #FFF #999 #999 #FFF; } |
|
|
|
|
|
|
|
textarea { |
|
|
|
display: block; |
|
|
|
border-color: #999 #FFF #FFF #999; |
|
|
|
} |
|
|
|
|
|
|
|
input, textarea { |
|
|
|
font-family: monospace; |
|
|
|
background-color: #eee; |
|
|
|
border-width: 1px; |
|
|
|
border-style: solid; |
|
|
|
float: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* portfolio hacks */ |
|
|
|
|
|
|
|
div.folio { |
|
|
|
max-width: 70%; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
margin-bottom: 2em; |
|
|
|
} |
|
|
|
|
|
|
|
em.folio { |
|
|
|
font-style: italic; |
|
|
|
font-size: 1.5em; |
|
|
|
font-family: serif; |
|
|
|
} |
|
|
|
|
|
|
|
div.folio table tr td { |
|
|
|
margin-bottom: 2em; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
|
|
|
|
/* Wala stuff */ |
|
|
|
|
|
|
|
table.recentchanges { |
|
|
|
margin-left: 2em; |
|
|
|
margin-right: 2em; |
|
|
|
margin-bottom: 2em; |
|
|
|
} |
|
|
|
|
|
|
|
table.recentchanges tr td, |
|
|
|
table.recentchanges tr th |
|
|
|
{ |
|
|
|
vertical-align: top; |
|
|
|
font-size: smaller; |
|
|
|
} |
|
|
|
|
|
|
|
table.recentchanges tr th { |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
|
|
|
|
table.recentchanges tr td p, |
|
|
|
table.recentchanges tr td pre { |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
table.recentchanges tr td.time, |
|
|
|
table.recentchanges tr td.author |
|
|
|
{ |
|
|
|
color: gray; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
table.recentchanges tr td.page { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
#searchlinks { |
|
|
|
overflow: scroll; |
|
|
|
float: right; |
|
|
|
height: 90%; |
|
|
|
width: 25%; |
|
|
|
} |
|
|
|
|
|
|
|
#labels, p.searchlinks { |
|
|
|
font-size: small; |
|
|
|
float: right; |
|
|
|
clear: right; |
|
|
|
border: 1px black solid; |
|
|
|
padding: 2px; |
|
|
|
margin-right: 4px; |
|
|
|
margin-left: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
table.addbox { background-color: #BBBBBB; } |
|
|
|
|
|
|
|
/* Wala link colors */ |
|
|
|
|
|
|
|
a.new { color: #AA0000; } |
|
|
|
a.external { color: #6666AA; } |