You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
457 lines
7.4 KiB
457 lines
7.4 KiB
/* p1k3.css - Always a work in progress. Cobbled together by Brennen Bearnes
|
|
for use at:
|
|
|
|
http://p1k3.com/
|
|
|
|
And anywhere else your heart desires. If you need any help, my e-mail can
|
|
be found at the above mentioned site.
|
|
*/
|
|
|
|
/* body */
|
|
|
|
hr {
|
|
height: 1px;
|
|
color: gray;
|
|
}
|
|
|
|
body {
|
|
color: #000000;
|
|
background: white;
|
|
margin-top: 0em;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/* 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; }
|
|
|
|
/* divs */
|
|
|
|
#entries {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 2em;
|
|
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.3;
|
|
}
|
|
|
|
div.pagebox {
|
|
font-size: smaller;
|
|
border: 1px solid black;
|
|
margin-left: 2em;
|
|
margin-right: 2em;
|
|
padding: 2em;
|
|
}
|
|
|
|
/* Stuff for retcon <div>'s. */
|
|
|
|
.retcon {
|
|
padding: 1em;
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
max-width: 90%;
|
|
background-color: #6699CC;
|
|
border: 1px;
|
|
border-style: outset;
|
|
}
|
|
|
|
/* Headers */
|
|
|
|
/* I use <h1> for the page title... */
|
|
h1 {
|
|
font-size: 2em;
|
|
font-weight: normal;
|
|
color: #718c9d;
|
|
text-align: left;
|
|
margin-top: 0em;
|
|
margin-bottom: 0em;
|
|
padding: .1em;
|
|
}
|
|
|
|
h1 a:link { color: #006600; text-decoration: none; }
|
|
h1 a:visited { color: #006600; }
|
|
|
|
/* <h2> for icons ... */
|
|
h2 {
|
|
float: right;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
color: gray;
|
|
margin-bottom: 0em;
|
|
margin-top: .2em;
|
|
padding: .5em;
|
|
}
|
|
|
|
/* <h3> for dates and document titles on entries ... */
|
|
h3 {
|
|
clear: none;
|
|
text-align: left;
|
|
font-size: 1.25em;
|
|
/* font-weight: bold; */
|
|
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: 0em;
|
|
}
|
|
|
|
/* Block level elements */
|
|
|
|
pre {
|
|
font-family: "courier", 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;
|
|
}
|
|
|
|
p.left {
|
|
float: left;
|
|
clear: none;
|
|
}
|
|
|
|
p.right {
|
|
float: right;
|
|
clear: none;
|
|
}
|
|
|
|
p.footnote {
|
|
font-size: smaller;
|
|
}
|
|
|
|
sup {
|
|
line-height: 0;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
/* stuff for little sidebar / linkbar thingies */
|
|
|
|
#linkdump {
|
|
font-size: smaller;
|
|
clear: none;
|
|
padding: .5em;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 2em;
|
|
width: 25%;
|
|
z-index: 0;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
}
|
|
|
|
img a {
|
|
border: none;
|
|
}
|
|
|
|
div.linkdump {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.linkdump p {
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
|
|
.linkdump ul {
|
|
margin-bottom: 0.5em;
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.linkdump blockquote {
|
|
margin-left: .6em;
|
|
margin-right: .6em;
|
|
}
|
|
|
|
/* Navigation links to dates... */
|
|
.datelink a:link { text-decoration: none; color: gray;}
|
|
.datelink a:hover, .datelink a:active { text-decoration: underline; }
|
|
|
|
p.datelink {
|
|
clear: both;
|
|
margin-bottom: 2em;
|
|
margin-top: .5em;
|
|
text-align: right;
|
|
font-size: smaller;
|
|
}
|
|
|
|
ul.datelink li img {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Generalized link colors */
|
|
a:link { color: #3333FF; text-decoration: none; }
|
|
a:visited { color: #003399; text-decoration: none; }
|
|
a:active { color: #FF0000; text-decoration: underline; }
|
|
a:hover { text-decoration: underline; }
|
|
|
|
/* Wala link colors */
|
|
|
|
a.new {
|
|
color: #AA0000;
|
|
}
|
|
|
|
a.external {
|
|
color: #6666AA;
|
|
}
|
|
|
|
/* Other Stuff */
|
|
|
|
/* Quoting stuff */
|
|
|
|
blockquote {
|
|
margin-left: 3em;
|
|
margin-right: 3em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
blockquote.stephen {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: .5em;
|
|
padding-bottom: .5em;
|
|
margin-left: 2em;
|
|
margin-right: 2em;
|
|
font-family: sans-serif;
|
|
background-color: lightyellow;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
blockquote.saalon {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: .5em;
|
|
padding-bottom: .5em;
|
|
margin-left: 2em;
|
|
margin-right: 2em;
|
|
color: #666666;
|
|
font-family: Times, "Times New Roman", serif;
|
|
font-size: small;
|
|
font-weight: normal;
|
|
line-height: 150%;
|
|
}
|
|
|
|
blockquote.saalon a { text-decoration: underline; }
|
|
blockquote.saalon a:link { color: #6B71B3; }
|
|
blockquote.saalon a:visited { color: #6B71B3; }
|
|
blockquote.saalon a:active { color: #8289D9; }
|
|
blockquote.saalon a:hover { color: #8289D9; }
|
|
|
|
blockquote.brent {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: .5em;
|
|
padding-bottom: .5em;
|
|
margin-left: 2em;
|
|
margin-right: 2em;
|
|
background: #FFFFFF;
|
|
font-family: "Georgia, Times New Roman";
|
|
color: #000077;
|
|
}
|
|
|
|
blockquote.brent a:link { color: #4477FF }
|
|
blockquote.brent a:visited { color: #0033AA }
|
|
blockquote.brent a:active { color: #00CCFF }
|
|
|
|
blockquote.pnh {
|
|
background:#ffffff;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: .5em;
|
|
padding-bottom: .5em;
|
|
margin-left: 2em;
|
|
margin-right: 2em;
|
|
font-family:georgia,serif;
|
|
font-size:14px;
|
|
font-weight:normal;
|
|
line-height:19px;
|
|
}
|
|
|
|
blockquote.pnh a {color: #999966; font-weight:bold; }
|
|
blockquote.pnh a:link { color: #000066; text-decoration: none; }
|
|
blockquote.pnh a:visited { color: #444464; text-decoration: none; }
|
|
blockquote.pnh a:active { color: #EEE; background: #660000; }
|
|
blockquote.pnh A:hover { color: #EEE; background: #660000; }
|
|
|
|
address {
|
|
text-align: left;
|
|
font-weight: bolder;
|
|
font-style: italic
|
|
}
|
|
|
|
acronym:hover {
|
|
color: green;
|
|
}
|
|
|
|
abbr:hover {
|
|
color: green;
|
|
}
|
|
|
|
em strong, strong em {
|
|
font-variant: small-caps;
|
|
font-style: normal;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/* 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-right: 1em;
|
|
padding-left: 1em;
|
|
padding-top: .2em;
|
|
padding-bottom: .2em;
|
|
}
|
|
|
|
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 {
|
|
text-align: left;
|
|
text-indent: 3em;
|
|
}
|
|
|
|
blockquote p.cite {
|
|
text-align: left;
|
|
text-indent: 3em;
|
|
}
|
|
|
|
blockquote.chat p {
|
|
text-indent: -.5em;
|
|
}
|
|
|
|
/* inputbox stuff */
|
|
|
|
input, textarea {
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
/* font-size: 10px; */
|
|
}
|
|
|
|
input, textarea {
|
|
background-color: #eee;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
float: none;
|
|
}
|
|
|
|
textarea {
|
|
border-color: #999 #FFF #FFF #999;
|
|
}
|
|
|
|
input {
|
|
border-color: #FFF #999 #999 #FFF;
|
|
}
|
|
|
|
/* 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;
|
|
}
|