css/emacs.css

   1 /* [Default Theme] */
   2
   3 body, rss {
   4     background-color:#FFF;
   5     color:       #000;
   6     font-weight: normal;
   7     padding:     1em 2em;
   8 }
   9 div.header h1, title {
  10     font-size:   250%;
  11     line-height: 105%;
  12     font-family: inherit;
  13     font-weight: normal;
  14     letter-spacing: 0.1em;
  15     margin:      1em 0;
  16 }
  17 div.header h1 a, div.journal h1 a {
  18     text-decoration: none;
  19     color:       #000;
  20 }
  21 h1, h2, item title {
  22     font-size:      larger;
  23     font-weight:    normal; /* inherit not supported by IE */
  24     letter-spacing: 0.1em;
  25     margin: 2em 0 1em 0;
  26 }
  27 h3 {
  28     font-size:     medium;
  29     font-weight:   normal;
  30     font-style:    italic;
  31     margin: 2em 0 1em 0;
  32 }
  33 a:link {
  34     color:#00F;
  35 }
  36 a:visited {
  37     color:#A0A;
  38 }
  39 a:active {
  40     color:#F00;
  41 }
  42 span.bar a {
  43     margin-right:1ex;
  44 }
  45 img {
  46     border-style:none;
  47 }
  48 img.upload {
  49     background: inherit;
  50     border: 1px solid #aaa;
  51     padding: 5px;
  52 }
  53 img.logo {
  54     float: right;
  55     clear: right;
  56 }
  57 div.diff {
  58     padding-left:5%;
  59     padding-right:5%;
  60 }
  61 div.diff p b {
  62     font-size: 150%;
  63     font-weight: normal;
  64 }
  65 div.old {
  66     background-color:#FFFFAF;
  67 }
  68 div.new {
  69     background-color:#CFFFCF;
  70 }
  71 div.refer {
  72     padding-left:  5%;
  73     padding-right: 5%;
  74     font-size:     80%;
  75 }
  76 div.message {
  77     background-color:#FEE;
  78 }
  79 div.sister {
  80     float:left;
  81     margin-right:1ex;
  82     background-color:#fff;
  83 }
  84 div.sister p {
  85     margin-top:0;
  86 }
  87 div.sister hr {
  88     display:none;
  89 }
  90 div.near, div.definition {
  91     background-color:#efe;
  92 }
  93 div.near p, div.definition p {
  94     margin-top: 0;
  95 }
  96 div.toc {
  97     padding: 0 0.4em 0.4em 0.4em;
  98     margin: 3em 20% 1em 2em;
  99     margin-right: 200px;
 100     background-color:#FAFAFF;
 101     border:#999 1px solid;
 102     font-size:   80%;
 103     line-height: 90%;
 104     font-family: sans-serif;
 105 }
 106 div.toc.dense li {
 107     display: inline;
 108 }
 109 div.toc h2 {
 110     margin:    0;
 111     padding-top: 1em;
 112     padding-left: 1em;
 113     font-size: inherit;
 114 }
 115
 116 /* get rid of useless "10 results found" when using indexed search. */
 117 div.search p.result { display:none; }
 118
 119 form.tiny, form.tiny p {
 120     display:inline;
 121     white-space:nowrap;
 122 }
 123 form.tiny input {
 124     margin:       0.1em;
 125     font-size:    80%;
 126     font-family:  inherit;
 127 }
 128 form.tiny input[type="text"] {
 129     width:        10em;
 130 }
 131
 132 /* portrait support */
 133
 134 div.color {
 135     clear:left;
 136 }
 137 div.one {
 138     background-color:#eee;
 139     padding: 0.1ex 0;
 140 }
 141 img.portrait {
 142     float:left;
 143     clear:left;
 144     background-color:#fff;
 145     border:#999 1px solid;
 146         padding:10px;
 147     margin:10px;
 148 }
 149 li {
 150     margin-left:1em;
 151 }
 152 div.portrait {
 153     float:     left;
 154     clear:     left;
 155     font-size: xx-small;
 156     padding-left: 10px;
 157 }
 158 div.portrait + p {
 159     min-height:70px;
 160 }
 161 div.portrait img.portrait {
 162     float:none;
 163     margin:10px 10px 0 0;
 164 }
 165 div.portrait a {
 166     text-decoration:none;
 167     color:#999;
 168 }
 169
 170 dl.irc dt {
 171     width:15ex;
 172     float:left;
 173     text-align:right;
 174     clear:left;
 175 }
 176 dl.irc dt span.time { display:none; }
 177 dl.irc dd {
 178     margin-left:17ex;
 179 }
 180
 181 table.history {
 182     border-style:none;
 183 }
 184 table.history td[colspan="3"] {
 185     padding: 1em 0;
 186 }
 187 td.history {
 188     border-style:none;
 189 }
 190 table.history input[type="submit"] {
 191     font-size: 70%;
 192     padding: 0;
 193     margin: 0 1ex;
 194 }
 195 table.user {
 196     border-style:solid;
 197     border-width:thin;
 198 }
 199 table.user tr td {
 200     border-style:solid;
 201     border-width:thin;
 202     padding:5px;
 203 }
 204 span.result {
 205     font-size:larger;
 206 }
 207 span.info {
 208     font-size:smaller;
 209     font-style:italic;
 210 }
 211 div.rss {
 212     background-color:#EEF;
 213 }
 214
 215 .left { float:left; margin-right:1em; }
 216 .right { float:right; margin-left:1em; }
 217
 218 /*
 219  * a.definition:before { content:"[::"; }
 220  * a.definition:after { content:"]"; }
 221  * a.link:before { content:"[##"; }
 222  * a.link:after { content:"]" }
 223  */
 224
 225 a.definition {
 226     color:#000;
 227     text-decoration:none;
 228     border-bottom:dashed 1px;
 229 }
 230 a.alias {
 231     text-decoration:none;
 232     border-bottom:dashed 1px;
 233 }
 234 a.near:link {
 235     color:#093;
 236 }
 237 a.near:visited {
 238     color:#550;
 239 }
 240 a.tag:before {
 241     content:"\2601\ ";
 242 }
 243 ol, ul, dl {
 244     padding-top:0.5em;
 245 }
 246 dd, li {
 247     margin-bottom:0.5em;
 248 }
 249
 250 /* elisp files and other scripts for download */
 251
 252 p.download a, a.download {
 253     padding: 0.5em;
 254     color: black;
 255     text-decoration: none;
 256     background-color: #cfa;
 257     border: 1px solid #7a7;
 258     -moz-border-radius: 5px;
 259     -webkit-border-radius: 5px;
 260 }
 261
 262 /* cal */
 263
 264 pre.cal {
 265     float:left;
 266     margin:3ex;
 267     height:20ex;
 268 }
 269 pre.cal a {
 270     text-decoration:none;
 271     font-weight:bold;
 272 }
 273 pre.cal a:hover {
 274     background-color:#eef;
 275 }
 276 h2, h3, h4, h5, h6, hr, div.footer {
 277     clear:both;
 278 }
 279 div.footer {
 280     margin-top: 2em;
 281 }
 282
 283 .legal {
 284     font-size: 80%;
 285 }
 286
 287 /* printable index */
 288
 289 div.letter br {
 290     display: none;
 291 }
 292 div.letter h2 {
 293     clear: both;
 294     padding-top: 2ex;
 295     border-bottom: solid 1px;
 296 }
 297 div.letter > a {
 298     display: block;
 299     width: 40ex;
 300     float: left;
 301     border:none;
 302 }
 303
 304 textarea[name="text"] {
 305     width:100%;
 306     height:80%;
 307 }
 308 textarea[name="summary"] {
 309     width:100%;
 310     height:3em;
 311 }
 312 div.comment textarea {
 313     height:10em;
 314 }
 315
 316 /* calendar */
 317
 318 div.month {
 319     padding:0;
 320     margin:0 2ex;
 321 }
 322
 323 div.year div.month {
 324     float:left;
 325 }
 326
 327 div.month a {
 328     text-decoration:none;;
 329 }
 330
 331 div.month a.edit {
 332     color:inherit;
 333 }
 334
 335 div.month a.local {
 336     font-weight:bold;
 337 }
 338
 339 /* highlighting */
 340
 341 /* Equivalent to Output::HTML */
 342
 343 span.linecomment  { color: green; }
 344 span.blockcomment { color: green; }
 345 span.prepro       { color: purple; }
 346 span.select       { font-weight: bold; }
 347 span.quote        { color: blue; }
 348 span.category_1   { color: teal; }
 349 span.category_2   { color: blue; }
 350 span.category_3   { color: blue; }
 351
 352 /* printing */
 353
 354 @media print {
 355     body {
 356         font-size: 10pt;
 357         line-height: 12pt;
 358     }
 359     a:link, a:visited {
 360         color:#000;
 361         text-decoration:none;
 362     }
 363
 364     img.logo, img.logo, div.header span, div.header br,
 365     div.header form, div.diff,
 366     a.edit, a.number span,
 367     div.footer, div.footer + hr, div.sister {
 368         display:none;
 369     }
 370     a[class="url number"]:after,
 371     a[class="inter number"]:after {
 372         content:"[" attr(href) "]";
 373     }
 374     a[class="local number"]:after {
 375         content:"[" attr(title) "]";
 376     }
 377 }
 378
 379 /* remove the logo from the normal flow */
 380 body.sidebar div.header img.logo {
 381     position:absolute;
 382     top:10pt;
 383     right:10pt;
 384 }
 385
 386 /* float the top goto bar to the left
 387    leave enough space at the top for the logo which is removed from the flow
 388    everything should be pixel based -- no scaling
 389    assume maximum of 5 rows, 2 colums = 10 items
 390 */
 391 body.sidebar div.header span.gotobar {
 392     display:block;
 393     width:200px;
 394     height:200px;
 395     background:#fff;
 396     float:right;
 397     padding:140px 0 0 30px;
 398     margin:0;
 399 }
 400
 401 body.sidebar div.header span.gotobar + br {
 402     display:none;
 403 }
 404
 405 body.sidebar div.header span.specialdays {
 406     color:#aaa;
 407 }
 408
 409 body.sidebar div.header span.gotobar a {
 410     display:block;
 411     float:left;
 412     width:99px;
 413     margin:0;
 414     padding:0;
 415     font-size:14px;
 416 }
 417
 418 body.sidebar div.footer span.edit br {
 419     display:none;
 420 }
 421
 422 body.sidebar div.footer span.edit {
 423     display:block;
 424     position:absolute;
 425     top:230px;
 426     right:0;
 427     padding:0;
 428     margin:0;
 429     width:208px;
 430 }
 431
 432 body.sidebar div.footer span.edit a {
 433     display:block;
 434     font-size:14px;
 435 }
 436
 437 body.sidebar div.footer span.gotobar {
 438     display:none;
 439 }
 440
 441 body.sidebar div.footer span.time br {
 442     display:none;
 443 }
 444
 445 body.sidebar hr, body.sidebar h2 {
 446     clear: left;
 447 }
 448
 449 body.sidebar div.toc {
 450     margin-right:240px;
 451 }
 452
 453 /* The textarea needs to be limited in width or else
 454    the floating sidebar will force it down */
 455 body.sidebar div.edit form {
 456     margin-right:240px;
 457 }
 458
 459 body.tiny {
 460     font-size:   8pt;
 461     line-height: 9pt;
 462 }
 463
 464 body.small {
 465     font-size: 10pt;
 466     line-height: 11pt;
 467 }
 468
 469 body.medium {
 470     font-size: 12pt;
 471     line-height: 14pt;
 472     font-family: "Lucida Bright", serif;
 473 }
 474 body.medium div.content h1, body.medium h2 {
 475     font-size: 14pt;
 476 }
 477 body.medium div.toc h2 {
 478     font-size: inherit;
 479 }
 480 body.big {
 481     font-size:   14pt;
 482     line-height: 16pt;
 483     font-family: "Lucida Bright", serif;
 484 }
 485 body.big div.toc {
 486     font-family: "Lucida Sans", sans-serif;
 487 }
 488 body.typo div.content h1, body.typo div.content > h2 {
 489     font-variant:   small-caps;
 490     margin-top:     5em;
 491     margin-bottom:  2em;
 492 }
 493 body.typo h3 {
 494     margin-top:    3em;
 495     margin-bottom: 1em;
 496 }
 497
 498 /* rss */
 499
 500 channel * { display: block; }
 501
 502 channel > link:before {
 503     font-size: x-large;
 504     display: block;
 505     margin: 1ex;;
 506     padding: 1ex;
 507     content: "This is an RSS feed, designed to be read in an RSS application.";
 508     color: red;
 509     border: 1px solid red;
 510 }
 511 link {
 512     font-size: small;
 513     margin-bottom: 2ex;
 514 }
 515 username:before { content: "Last edited by "; }
 516 username:after { content: "."; }
 517 generator:before { content: "Feed generated by "; }
 518 generator:after { content: "."; }
 519 description {
 520     font-weight: bold;
 521     font-style: normal;
 522 }
 523 item title {
 524     margin-bottom: 0;
 525 }
 526 item description {
 527     font-weight: normal;
 528     font-style: italic;
 529     margin-bottom: 1em;
 530 }
 531 link, license {
 532     font-size: 10pt;
 533 }
 534 copyright {
 535     font-size: 12pt;
 536     line-height: 14pt;
 537     margin:    2em;
 538 }
 539 image url {
 540     text-indent: -5000px; /* hide text off-screen */
 541     height: 112px;
 542     width: 196px;
 543     background:url("http://www.emacswiki.org/emacs_logo.png") no-repeat;
 544     position: absolute;
 545     top: 0;
 546     right: 10px;
 547     display: block;
 548 }
 549 docs, language,
 550 pubDate, lastBuildDate, ttl, guid, category, comments,
 551 docs, image title, image link,
 552 status, version, diff, history, importance, interwiki {
 553     display: none;
 554 }