css/alex-2012.css

   1 @font-face {
   2           font-family: 'Garamond';
   3           font-style: normal;
   4           font-weight: 400;
   5           src: local('Garamond'), local('GaramondNo8'), local('EB Garamond'), local('EBGaramond'), url(https://themes.googleusercontent.com/static/fonts/ebgaramond/v4/kYZt1bJ8UsGAPRGnkXPeFdIh4imgI8P11RFo6YPCPC0.woff) format('woff');
   6 }
   7
   8 body, rss {
   9     font-family: Garamond, serif;
  10     font-size: 16pt;
  11     line-height: 20pt;
  12     margin:1em 3em;
  13     padding:0;
  14 }
  15
  16 /* headings: we can use larger sizes if we use a lighter color.
  17    we cannot inherit the font-family because header and footer use a narrow font. */
  18
  19 h1, h2, h3, title {
  20     font-family: Garamond, GaramondNo8, "Bookman Old Style", Cochin, Baskerville, serif;
  21     font-weight:normal;
  22     line-height: 100%;
  23 }
  24 h1, channel title {
  25     font-size: 32pt;
  26     margin:  1em 0 0.5em 0;
  27     padding: 0.4em 0;
  28 }
  29 h2 {
  30     font-size: 18pt;
  31     margin:  2em 0 0 0;
  32     padding: 0;
  33 }
  34 h3 {
  35     font-size:  inherit;
  36     font-weight: bold;
  37     padding:    0;
  38     margin:     1em 0 0 0;
  39     clear:      both;
  40 }
  41
  42 /* headers in the journal are smaller */
  43
  44 div.journal h1, item title {
  45     font-size:     inherit;
  46     padding:       0;
  47     clear:         both;
  48     border-bottom: 1px solid #000;
  49 }
  50 div.journal h2 {
  51     font-family: inherit;
  52     font-size:   inherit;
  53 }
  54 div.journal h3 {
  55     font-family: inherit;
  56     font-size:   inherit;
  57     font-weight: inherit;
  58     font-style:  italic;
  59 }
  60 div.journal hr {
  61     display:none;
  62 }
  63 p.more {
  64     margin-top: 3em;
  65 }
  66 /* Links in headings appear on journal pages. */
  67
  68 h1 a, h2 a, h3 a {
  69     color:inherit;
  70     text-decoration:none;
  71     font-weight: normal;
  72 }
  73 h1 a:visited, h2 a:visited, h3 a:visited {
  74     color: inherit;
  75 }
  76
  77 /* stop floating content from flowing over the footer */
  78
  79 hr {
  80     clear: both;
  81 }
  82
  83 /* the distance between links in the navigation bars */
  84
  85 span.bar a {
  86     margin-right: 1ex;
  87 }
  88
  89 a img {
  90     border: none;
  91 }
  92
  93 /* search box in the top bar */
  94
  95 form.tiny, form.tiny p {
  96     display: inline;
  97     white-space: nowrap;
  98 }
  99 form.tiny input {
 100     padding: 0;
 101     width: 10ex;
 102     font-size: 80%;
 103 }
 104
 105 /* code */
 106
 107 pre, code, tt {
 108     font-family: "Andale Mono", Monaco, "Courier New", Courier, monospace;
 109     font-size: 80%;
 110     line-height: 110%;
 111 }
 112
 113 /* styling for divs that will be invisible when printing
 114    when printing. */
 115
 116 div.header, div.footer, div.near, div.definition, p.comment, a.tag {
 117     font-family: "Abadi MT Condensed Light", "Arial Narrow", Arial, sans-serif;
 118     font-size: 75%;
 119     line-height: 110%;
 120 }
 121 div.footer form.search {
 122     display: none;
 123 }
 124 div.rc li {
 125     line-height: 110%;
 126 }
 127 div.rc li + li {
 128     margin-top: 1em;
 129 }
 130 div.rc li strong, table.history strong, strong.description {
 131     font-weight: inherit;
 132 }
 133 div.diff {
 134     padding-left:  5%;
 135     padding-right: 5%;
 136     font-size:     12pt;
 137     line-height:   14pt;
 138     color:         #000;
 139
 140 }
 141 div.old {
 142     background-color: #ffffaf;
 143 }
 144 div.new {
 145     background-color: #cfffcf;
 146 }
 147
 148 div.refer {
 149     padding-left:  5%;
 150     padding-right: 5%;
 151     font-size:     12pt;
 152     line-height:   13pt;
 153 }
 154
 155 div.message {
 156     background-color:#fee;
 157     color:#000;
 158 }
 159
 160 img.xml {
 161     border:none;
 162     padding:1px;
 163 }
 164 a.small img {
 165     max-width:300px;
 166 }
 167 a.large img {
 168     max-width:600px;
 169 }
 170 div.sister {
 171     margin-right:1ex;
 172     background-color:inherit;
 173 }
 174 div.sister p {
 175     margin-top:0;
 176 }
 177 div.sister hr {
 178     display:none;
 179 }
 180 div.sister img {
 181     border:none;
 182 }
 183
 184 div.near, div.definition {
 185     background-color:#efe;
 186 }
 187
 188 div.sidebar {
 189     float:right;
 190     border:1px dotted #000;
 191     padding:0 1em;
 192 }
 193 div.sidebar ul {
 194     padding-left:1em;
 195 }
 196
 197 /* replacements, features */
 198
 199 ins {
 200     color: #b33;
 201     text-decoration: none;
 202 }
 203 acronym, abbr {
 204     letter-spacing:0.1em;
 205     font-variant:small-caps;
 206 }
 207
 208 /* Interlink prefix not shown */
 209 a .site, a .separator {
 210         display: none;
 211 }
 212 a cite { font:inherit; }
 213 /* browser borkage */
 214 textarea[name="text"] { width:97%; height:80%; }
 215 textarea[name="summary"] { width:97%; height:3em; }
 216 /* comments */
 217 textarea[name="aftertext"] { width:97%; height:10em; }
 218 div.commentshown {
 219     background-color:#ffc;
 220     padding-bottom:1ex;
 221 }
 222 div.commenthidden {
 223     display:none;
 224 }
 225 div.commentshown {
 226     display:block;
 227 }
 228 p.comment {
 229     margin-bottom: 0;
 230 }
 231 div.comment {
 232     font-size: 14pt;
 233 }
 234 div.comment h2 {
 235     margin-top: 5em;
 236 }
 237 /* comment pages with username, homepage, and email subscription */
 238 .comment span { display: block; }
 239 .comment span label { display: inline-block; width: 10em; }
 240 /* IE sucks */
 241 .comment input#username,
 242 .comment input#homepage,
 243 .comment input#mail { width: 20em; }
 244
 245 /* cal */
 246 div.month { padding:0; margin:0 2ex; }
 247 body > div.month {
 248     float:right;
 249     background-color: inherit;
 250     border:solid thin;
 251     padding:0 1ex;
 252 }
 253 div.year > div.month {
 254     float:left;
 255 }
 256 div.footer {
 257     clear:both;
 258 }
 259 div.content div.month a.edit {
 260     color:inherit;
 261     font-weight:inherit;
 262     text-decoration: none;
 263 }
 264
 265 /* history tables and other tables */
 266 table.history {
 267     border:   none;
 268 }
 269 td.history {
 270     border:   none;
 271 }
 272
 273 table.user {
 274     border:      none;
 275     border-top: 1px solid #ccc;
 276     border-bottom: 1px solid #ccc;
 277     padding: 1em;
 278     margin: 1em 2em;
 279 }
 280 table.user tr td, table.user tr th {
 281     border:   none;
 282     padding:  0.2em 0.5em;
 283     vertical-align: top;
 284 }
 285 table.arab tr th {
 286     font-weight:normal;
 287     text-align:left;
 288     vertical-align:top;
 289 }
 290 table.arab, table.arab tr th, table.arab tr td {
 291     border:none;
 292 }
 293 th.nobreak {
 294     white-space:nowrap;
 295 }
 296 table.full { width:99%; margin-left:1px; }
 297 table.j td, table.j th, table tr td.j, table tr th.j, .j { text-align:justify; }
 298 table.l td, table.l th, table tr td.l, table tr th.l, .l { text-align:left; }
 299 table.r td, table.r th, table tr td.r, table tr th.r, .r { text-align:right; }
 300 table.c td, table.c th, table tr td.c, table tr th.c, .c { text-align:center; }
 301 table.t td { vertical-align: top; }
 302 td.half { width:50%; }
 303 td.third { width:33%; }
 304
 305 form table td { padding:5px; }
 306
 307 /* lists */
 308 dd { padding-bottom:0.5ex; }
 309 dl.inside dt { float:left; }
 310 /* search */
 311 div.search span.result { font-size:larger; }
 312 div.search span.info { font-size:smaller; font-style:italic; }
 313 div.search p.result { display:none; }
 314
 315 img.logo {
 316     float:   right;
 317     margin:  0;
 318     padding: 0;
 319     border:  1px solid #000;
 320     opacity: 0.3;
 321     background-color:#ffe;
 322 }
 323
 324 /* images */
 325
 326 div.content a.feed img, div.journal a.feed img,
 327 div.content a img.smiley, div.journal a img.smiley, img.smiley,
 328 div.content a.inline img, div.journal a.inline img,
 329 div.content li a.image img, div.journal li a.image img {
 330     margin: 0; padding: 0; border: none;
 331 }
 332 div.image a img {
 333     margin-bottom: 0;
 334 }
 335 div.image span.caption {
 336     margin: 0 1em;
 337 }
 338
 339 .left { float:left; margin-right: 1em; }
 340 .right { float:right; margin-left: 1em; }
 341 .half a img { height: 50%; width: 50%; }
 342 div.left .left, div.right .right {
 343     float:none;
 344 }
 345 .center { text-align:center; }
 346 table.aside {
 347     float:right;
 348     width:40%;
 349     margin-left: 1em;
 350     padding: 1ex;
 351     border: 1px dotted #666;
 352 }
 353 table.aside td {
 354     text-align:left;
 355 }
 356 div.sidebar {
 357     float:right; width: 250px;
 358     text-align: right;
 359     border: none;
 360     margin: 1ex;
 361 }
 362
 363 .bigsidebar {
 364     float:right;
 365     width: 500px;
 366     border: none;
 367     margin-left: 1ex;
 368     font-size: 80%;
 369 }
 370
 371 dl.irc dt { width:20ex; float:left; text-align:right; clear:left; }
 372 dl.irc dt span.time { float:left; }
 373 dl.irc dd { margin-left:22ex; }
 374
 375 /* portrait */
 376
 377 div.footer, div.comment, hr { clear: both; }
 378 .portrait { float: left; font-size: small; margin-right: 1em; }
 379 .portrait { line-height: 1em; }
 380 .portrait a { color: #999; }
 381
 382 div.left { float:left; margin:1em; padding: 0.5em; }
 383 div.left p { display:table-cell; }
 384 div.left p + p { display:table-caption; caption-side:bottom; }
 385
 386 p.table a { float:left; width:20ex; }
 387 p.table + p { clear:both; }
 388
 389 /* no bleeding
 390 @media screen {
 391     div.content, div.rc {
 392         overflow:hidden;
 393     }
 394 } */
 395
 396 @media print {
 397     body {
 398                 font-size:   12pt;
 399                 line-height: 13pt;
 400                 color:       #000;
 401                 background-color: #fff;
 402         }
 403
 404     /* hide all the crap */
 405     div.diff, div.diff+hr, div.refer, div.near, div.definition, div.sister,
 406     div.cal, div.footer, span.specialdays, span.gotobar, a.edit, a.number span,
 407     div.rc form, form.tiny, p.comment, p#plus1, div.g-plusone {
 408                 display:none;
 409     }
 410     a,
 411     a:visited,
 412     div.content a.near:link,
 413     div.content a.near:visited,
 414     div.content a.near:active {
 415                 color:inherit;
 416                 font-weight: bold;
 417     }
 418     div.content a.feed {
 419                 display: none;
 420     }
 421     div.content a.book,
 422     div.content a.movie {
 423                 text-decoration: none;
 424     }
 425     a cite {
 426                 font-style: italic;
 427     }
 428     /* no difference */
 429     pre, code, tt {
 430                 font-size: inherit;
 431                 line-height: inherit;
 432     }
 433     /* no dotted underlines */
 434     acronym, abbr {
 435                 border: none;
 436                 text-decoration: none;
 437     }
 438     /* headings */
 439     h1 {
 440                 color:       inherit;
 441                 margin-top:  2em;
 442         }
 443         h2 {
 444                 color:inherit;
 445                 margin: 1em 0;
 446                 font-variant: small-caps;
 447         }
 448         h3 {
 449                 font-weight:inherit;
 450                 font-style:italic;
 451                 color:inherit;
 452                 margin: 1em 0;
 453         }
 454         h1 a, h2 a, h3 a {
 455                 color: inherit;
 456         }
 457         div.journal h1 a:visited,
 458         div.journal h2 a:visited,
 459         div.journal h3 a:visited {
 460                 color: inherit;
 461     }
 462 }
 463
 464 /* rss */
 465 channel * { display: block; }
 466
 467 channel title {
 468     margin-top: 30pt;
 469 }
 470 copyright {
 471     font-size: 14pt;
 472     line-height: 16pt;
 473     margin-top: 1em;
 474 }
 475 channel > link:before {
 476     font-size: 18pt;
 477     display: block;
 478     margin: 1em;
 479     padding: 0.5em;
 480     content: "This is an RSS feed, designed to be read in a feed reader.";
 481     color: red;
 482     border: 1px solid red;
 483 }
 484 link, license {
 485     font-size: 11pt;
 486     margin-bottom: 9pt;
 487 }
 488 username:before { content: "Last edited by "; }
 489 username:after { content: "."; }
 490 generator:before { content: "Feed generated by "; }
 491 generator:after { content: "."; }
 492 channel description {
 493     font-weight: bold;
 494 }
 495 item description {
 496     font-style: italic;
 497     font-weight: normal;
 498     margin-bottom: 1em;
 499 }
 500 docs, language,
 501 pubDate, lastBuildDate, ttl, guid, category, comments,
 502 docs, image title, image link,
 503 status, version, diff, history, importance {
 504     display: none;
 505 }