1pdc.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. /* Color Scheme: links: #851; visited links: #542; background #aa8;
  2. Plus black, white, and #333 for headers.
  3. This is the 1pdc.css, based on beige.css
  4. This file is in the public domain.
  5. */
  6. body {
  7. font-family: "Times New Roman",Georgia,Times;
  8. color: black;
  9. background-color: white;
  10. margin: 0;
  11. }
  12. @media print {
  13. body {
  14. font-size:12pt;
  15. }
  16. }
  17. div.header {
  18. color: white;
  19. background-color: #36a;
  20. padding: 0px 10px 20px 10px;
  21. margin-bottom: 10px;
  22. height: 45px;
  23. border-bottom: 2px solid #bbb;
  24. }
  25. .header h1 { height: inherit; overflow: hidden; }
  26. div.header span.gotobar {
  27. display: block;
  28. position: relative;
  29. top: 75px;
  30. }
  31. body > div {
  32. padding: 1em;
  33. }
  34. div.browse {
  35. min-height: 3em;
  36. }
  37. div.footer {
  38. clear:both;
  39. font-size: 90%;
  40. padding: 1em;
  41. }
  42. form.tiny, form.tiny p {
  43. display:inline;
  44. white-space:nowrap;
  45. }
  46. form.tiny input {
  47. padding:0;
  48. width:10ex;
  49. font-size:10px;
  50. }
  51. /* comment pages with username, homepage, and email subscription */
  52. .comment span { display: block; }
  53. .comment span label { display: inline-block; width: 10em; }
  54. .comment input { width: 10em; }
  55. div.commentshown {
  56. padding-bottom: 1ex;
  57. padding-left: 2em;
  58. border-left: 2px solid black;
  59. font-size: smaller;
  60. }
  61. div.commenthidden { display:none; }
  62. div.commentshown { display:block; }
  63. h1 {
  64. width: 100%;
  65. padding: 0;
  66. margin: 0;
  67. font-size: 1.75em;
  68. letter-spacing: 0.25em;
  69. font-weight: normal;
  70. color: #fff;
  71. background-color: #36a;
  72. }
  73. h1 a:link, h1 a:visited {
  74. color: inherit;
  75. background-color: inherit;
  76. text-decoration: inherit;
  77. }
  78. div.journal h1 {
  79. font-size:large;
  80. background-color: #555;
  81. }
  82. h2 {
  83. font-weight: bold;
  84. background-color: #ddf;
  85. color: #222;
  86. border: 1px solid #ccc;
  87. width: 98%;
  88. font-size: 110%;
  89. padding: 0.3em;
  90. }
  91. h2 a {
  92. text-decoration: none;
  93. }
  94. a:link {
  95. color: #25a;
  96. background-color: inherit;
  97. }
  98. a:visited {
  99. color: #79f;
  100. background-color: inherit;
  101. }
  102. a:active {
  103. color:#a41;
  104. background-color: inherit;
  105. }
  106. /* images with links, captions, etc */
  107. div.image { display: inline; margin: 1em; font-size: 90%; text-align: center; }
  108. .left { float: left; margin-right: 1em; }
  109. .right { float: right; margin-left: 1em; }
  110. div.right .right { float: none; }
  111. div.left .left { float: none; }
  112. a img { border: 1px solid #333; }
  113. .fit img { width: 80%; text-align: center; margin: 2em 8%; }
  114. .half img { width: 50%; height: 50%; text-align: center; margin: 2em 8%; }
  115. .small img { width: 50% }
  116. .noborder img { border: none; }
  117. .corner img { position: absolute; top: 10px; right: 120px; height: 100px; width: 100px; }
  118. img.logo { position: absolute; top: 10px; right: 10px; height: 100px; width: 100px; border-style:none; }
  119. em.underline { font-weight: bold; }
  120. .bar a { padding-right: 1em; }
  121. textarea { width:100%; font-size: inherit; }
  122. div.edit { padding-right: 1em; }
  123. div.diff { padding-left:5%; padding-right:5%; }
  124. div.old { background-color:#FFFFAF; }
  125. div.new { background-color:#CFFFCF; }
  126. div.message { background-color:#FEE; }
  127. @media print {
  128. div.header span.bar, .edit, .diff, .message { display: none; }
  129. }
  130. table.history { border-style:none; }
  131. td.history { border-style:none; }
  132. span.result { font-size:larger; }
  133. span.info { font-size:smaller; font-style:italic; }
  134. div.rc hr { display: none; }
  135. @media print {
  136. a, a:link, a:visited {
  137. color:#000;
  138. text-decoration:none;
  139. font-weight: normal;
  140. }
  141. h1 a, h2 a, h3 a, h4 a { font-style: normal; }
  142. a.edit, div.footer, form, span.gotobar, a.number span { display:none; }
  143. a[class="url number"]:after, a[class="inter number"]:after {
  144. content:"[" attr(href) "]";
  145. }
  146. a[class="local number"]:after { content:"[" attr(title) "]"; }
  147. img[smiley] { line-height: inherit; }
  148. }
  149. /* Tables */
  150. table.user {
  151. margin: 1em 4em;
  152. padding: 0 1em;
  153. border-top: 1px solid black;
  154. border-bottom: 1px solid black;
  155. }
  156. table.user td, table.user th {
  157. border-style: none;
  158. padding:5px 10px;
  159. vertical-align: top;
  160. }
  161. table.user th { font-weight:bold; }
  162. table.user td.r { text-align:right; }
  163. table.user td.l { text-align:left; }
  164. table.user td.c { text-align:center; }
  165. table.user td.j { text-align:justify; }
  166. .highlight { background-color:yellow; }
  167. @media print {
  168. table {
  169. font-size: 9pt;
  170. margin: 0;
  171. }
  172. table.user td, table.user th {
  173. padding: 0 1ex;
  174. }
  175. }
  176. /* Calendar */
  177. div.month { margin:0; padding:0; font-size:x-small; float:right; }
  178. div.content div.month { float:none; }
  179. div.year div.month { float:left; font-size:medium; padding:1ex; }
  180. div.month pre { margin:0; padding:0 0 0 1ex; }
  181. div.month a { text-decoration:none; font: inherit; }
  182. div.month span.title a { font: inherit; }
  183. /* no difference between a.exact and a.collection */
  184. div.month a.local { font-weight: bold; }
  185. div.month a.local:link { color: #562; }
  186. div.month a.local:visited { color: #542; }
  187. div.month a.today { font-weight: bold; color: #fff; }
  188. div.month span.title a.local { font-weight: normal; color: #842; }
  189. @media print {
  190. div.month { display: none; }
  191. div.year div.month { display: block; }
  192. div.year div.month a { display: inline; }
  193. }