Almost-minimal filesystem based blog.
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.

421 lines
6.9 KiB

17 years ago
  1. /* p1k3.css - Always a work in progress. Cobbled together by Brennen Bearnes
  2. for use at:
  3. http://p1k3.com/
  4. And anywhere else your heart desires. If you need any help, my e-mail can
  5. be found at the above mentioned site.
  6. */
  7. /* body */
  8. hr {
  9. height: 1px;
  10. color: gray;
  11. }
  12. body {
  13. color: #000000;
  14. background: white;
  15. margin-top: 0em;
  16. margin-left: auto;
  17. margin-right: auto;
  18. padding-left: 1em;
  19. padding-right: 1em;
  20. font-family: sans-serif;
  21. }
  22. td { vertical-align: top; }
  23. table.census {
  24. border-collapse: collapse;
  25. }
  26. table.census tr td {
  27. font-size: small;
  28. border: 1px dashed black;
  29. padding: 3px;
  30. }
  31. table.census tr th {
  32. padding: 5px;
  33. }
  34. /* highlight stuff */
  35. .num { color:#2928ff; }
  36. .esc { color:#ff00ff; }
  37. .str { color:#ff0000; }
  38. .dstr { color:#818100; }
  39. .slc { color:#a020f0; font-style:italic; }
  40. .com { color:#838183; font-style:italic; }
  41. .dir { color:#008200; }
  42. .sym { color:black; }
  43. .lin { color:#555555; }
  44. .kwa, .kwc { color:#000000; font-weight:bold; }
  45. .kwb { color:#008b8b; }
  46. /* divs */
  47. #entries {
  48. position: absolute;
  49. left: 10px;
  50. top: 2em;
  51. width: 70%;
  52. z-index: 1;
  53. margin-top: .5em;
  54. background: #fff;
  55. }
  56. div.entry {
  57. border: none;
  58. padding-left: 1em;
  59. padding-right: 1em;
  60. max-width: 38em;
  61. margin-left: auto;
  62. margin-right: auto;
  63. margin-top: 1px;
  64. margin-bottom: 1px;
  65. }
  66. div.pagebox {
  67. font-size: smaller;
  68. border: 1px solid black;
  69. margin-left: 2em;
  70. margin-right: 2em;
  71. padding: 2em;
  72. }
  73. /* Stuff for retcon <div>'s. */
  74. .retcon {
  75. padding: 1em;
  76. margin-top: .5em;
  77. margin-bottom: .5em;
  78. max-width: 90%;
  79. background-color: #6699CC;
  80. border: 1px;
  81. border-style: outset;
  82. }
  83. /* Headers */
  84. /* I use <h1> for the page title... */
  85. h1 {
  86. font-size: 2em;
  87. color: #718c9d;
  88. text-align: left;
  89. margin-top: 0em;
  90. margin-bottom: 0em;
  91. padding: .1em;
  92. }
  93. h1 a:link { color: #006600; text-decoration: none; }
  94. h1 a:visited { color: #006600; }
  95. /* <h2> for icons ... */
  96. h2 {
  97. float: right;
  98. font-size: 1.5em;
  99. color: gray;
  100. margin-bottom: 0em;
  101. margin-top: .2em;
  102. padding: .5em;
  103. }
  104. /* <h3> for dates and document titles on entries ... */
  105. h3 {
  106. clear: none;
  107. text-align: left;
  108. font-size: 1em;
  109. font-weight: bold;
  110. margin-top: .5em;
  111. margin-bottom: .5em;
  112. margin-left: 0em;
  113. }
  114. /* And so on. */
  115. h4 {
  116. font-size: 1em;
  117. font-weight: bold;
  118. font-style: italic;
  119. text-indent: 1em;
  120. margin-top: 0em;
  121. margin-bottom: .5em;
  122. }
  123. /* Block level elements */
  124. pre {
  125. font-family: "courier", monospace;
  126. }
  127. /* List items: */
  128. li {
  129. margin-bottom: .3em;
  130. }
  131. dl {
  132. margin-left: 2em;
  133. }
  134. /* Paragraph formatting. */
  135. p {
  136. margin-bottom: 1em;
  137. text-indent: 0em;
  138. }
  139. p.centerpiece {
  140. text-align: center;
  141. clear: both;
  142. }
  143. p.left {
  144. float: left;
  145. clear: none;
  146. }
  147. p.right {
  148. float: right;
  149. clear: none;
  150. }
  151. /* stuff for little sidebar / linkbar thingies */
  152. #linkdump {
  153. font-size: smaller;
  154. clear: none;
  155. padding: .5em;
  156. position: absolute;
  157. right: 10px;
  158. top: 2em;
  159. width: 25%;
  160. z-index: 0;
  161. }
  162. img {
  163. border: none;
  164. }
  165. img a {
  166. border: none;
  167. }
  168. div.linkdump {
  169. overflow: hidden;
  170. }
  171. .linkdump p {
  172. margin: 0 0 0.5em 0;
  173. }
  174. .linkdump ul {
  175. margin-bottom: 0.5em;
  176. margin-top: 0.5em;
  177. }
  178. .linkdump blockquote {
  179. margin-left: .6em;
  180. margin-right: .6em;
  181. }
  182. /* Navigation links to dates... */
  183. .datelink a:link { text-decoration: none; color: gray;}
  184. .datelink a:hover, .datelink a:active { text-decoration: underline; }
  185. p.datelink {
  186. clear: both;
  187. margin-bottom: 2em;
  188. margin-top: .5em;
  189. text-align: right;
  190. font-size: smaller;
  191. }
  192. ul.datelink li img {
  193. padding: 5px;
  194. }
  195. /* Generalized link colors */
  196. a:link { color: #3333FF; text-decoration: none; }
  197. a:visited { color: #003399; text-decoration: none; }
  198. a:active { color: #FF0000; text-decoration: underline; }
  199. a:hover { text-decoration: underline; }
  200. /* Wala link colors */
  201. a.new {
  202. color: #AA0000;
  203. }
  204. a.external {
  205. color: #6666AA;
  206. }
  207. /* Other Stuff */
  208. /* Quoting stuff */
  209. blockquote {
  210. margin-left: 3em;
  211. margin-right: 3em;
  212. margin-bottom: 0.5em;
  213. }
  214. blockquote.stephen {
  215. padding-left: 1em;
  216. padding-right: 1em;
  217. padding-top: .5em;
  218. padding-bottom: .5em;
  219. margin-left: 2em;
  220. margin-right: 2em;
  221. font-family: sans-serif;
  222. background-color: lightyellow;
  223. line-height: 1.5em;
  224. }
  225. blockquote.saalon {
  226. padding-left: 1em;
  227. padding-right: 1em;
  228. padding-top: .5em;
  229. padding-bottom: .5em;
  230. margin-left: 2em;
  231. margin-right: 2em;
  232. color: #666666;
  233. font-family: Times, "Times New Roman", serif;
  234. font-size: small;
  235. font-weight: normal;
  236. line-height: 150%;
  237. }
  238. blockquote.saalon a { text-decoration: underline; }
  239. blockquote.saalon a:link { color: #6B71B3; }
  240. blockquote.saalon a:visited { color: #6B71B3; }
  241. blockquote.saalon a:active { color: #8289D9; }
  242. blockquote.saalon a:hover { color: #8289D9; }
  243. blockquote.brent {
  244. padding-left: 1em;
  245. padding-right: 1em;
  246. padding-top: .5em;
  247. padding-bottom: .5em;
  248. margin-left: 2em;
  249. margin-right: 2em;
  250. background: #FFFFFF;
  251. font-family: "Georgia, Times New Roman";
  252. color: #000077;
  253. }
  254. blockquote.brent a:link { color: #4477FF }
  255. blockquote.brent a:visited { color: #0033AA }
  256. blockquote.brent a:active { color: #00CCFF }
  257. blockquote.pnh {
  258. background:#ffffff;
  259. padding-left: 1em;
  260. padding-right: 1em;
  261. padding-top: .5em;
  262. padding-bottom: .5em;
  263. margin-left: 2em;
  264. margin-right: 2em;
  265. font-family:georgia,serif;
  266. font-size:14px;
  267. font-weight:normal;
  268. line-height:19px;
  269. }
  270. blockquote.pnh a {color: #999966; font-weight:bold; }
  271. blockquote.pnh a:link { color: #000066; text-decoration: none; }
  272. blockquote.pnh a:visited { color: #444464; text-decoration: none; }
  273. blockquote.pnh a:active { color: #EEE; background: #660000; }
  274. blockquote.pnh A:hover { color: #EEE; background: #660000; }
  275. address {
  276. text-align: left;
  277. font-weight: bolder;
  278. font-style: italic
  279. }
  280. acronym:hover {
  281. color: green;
  282. }
  283. abbr:hover {
  284. color: green;
  285. }
  286. em strong, strong em {
  287. font-variant: small-caps;
  288. font-style: normal;
  289. font-weight: bolder;
  290. }
  291. /* Booklike: Initial text indents, no spacing between paragraphs. : */
  292. .booklike {
  293. padding-top: .2em;
  294. padding-bottom: .2em;
  295. }
  296. .booklike p {
  297. text-indent: 2.5em;
  298. margin-top: 0em;
  299. margin-bottom: 0em;
  300. }
  301. /* For poetry and stuff within booklike blockquotes. */
  302. .booklike p.stanza {
  303. text-indent: 0em;
  304. margin-top: 0em;
  305. margin-bottom: 1em;
  306. }
  307. blockquote.booklike {
  308. padding-right: 1em;
  309. padding-left: 1em;
  310. padding-top: .2em;
  311. padding-bottom: .2em;
  312. }
  313. blockquote.booklike p {
  314. text-indent: 2em;
  315. margin-top: 0em;
  316. margin-bottom: 0em;
  317. }
  318. blockquote.booklike p.stanza {
  319. text-indent: 0em;
  320. margin-top: 0em;
  321. margin-bottom: 1em;
  322. }
  323. blockquote.booklike p.cite {
  324. text-align: left;
  325. text-indent: 3em;
  326. }
  327. blockquote p.cite {
  328. text-align: left;
  329. text-indent: 3em;
  330. }
  331. /* inputbox stuff */
  332. input, textarea {
  333. font-family: Verdana, Arial, Helvetica, sans-serif;
  334. /* font-size: 10px; */
  335. }
  336. input, textarea {
  337. background-color: #eee;
  338. border-width: 1px;
  339. border-style: solid;
  340. float: none;
  341. }
  342. textarea {
  343. border-color: #999 #FFF #FFF #999;
  344. }
  345. input {
  346. border-color: #FFF #999 #999 #FFF;
  347. }