css/1pdc.css

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