Differences From
Artifact [e23a7affc6]:
379 379 margin:auto;
380 380 padding: 0.5in;
381 381 text-align: center;
382 382 menu:first-of-type { margin-top: 0.3in; }
383 383 img.icon { width: 1.875in; height: 1.875in; }
384 384 }
385 385
386 -div.login {
387 - @extend %box;
388 - width: 4in;
389 - padding: 0.4in;
390 - > .msg {
391 - text-align: center;
392 - padding: 0.3in;
393 - }
394 - > .msg:first-child { padding-top: 0; }
395 - > .user {
396 - width: max-content; margin: auto;
397 - background: tone(-20%,-0.3);
398 - border: 1px solid black;
399 - color: tone(-50%);
400 - padding: 0.1in;
401 - > img { display: block; width: 1in; height: 1in; margin: auto; border: 1px solid black; }
402 - > .name { @extend %serif; text-align: center; font-size: 130%; font-weight: bold; margin-top: 0.08in; }
403 - }
404 - >form {
405 - display: grid;
406 - grid-template-columns: 1fr 1fr;
407 - grid-template-rows: 1.2em 1fr 1fr;
408 - grid-gap: 5px;
409 - > label, input, button { display: block; }
410 - > label { grid-column: 1 / 3; grid-row: 1/2; font-weight: bold }
411 - > input { grid-column: 1 / 3; grid-row: 2/3; }
412 - > button { grid-column: 2 / 3; grid-row: 3/4; }
413 - > a { @extend %button; grid-column: 1 / 2; grid-row: 3/4; }
386 +body.login {
387 + form.auth-select {
388 + @extend %box;
389 + width: 3in;
390 + padding: 0.4in;
391 + p { text-align: center; }
392 + menu {
393 + %button {
394 + display: block;
395 + width: 100%;
396 + & + %button { border-top: none; }
397 + }
398 + }
399 + }
400 + div.login {
401 + @extend %box;
402 + width: 4in;
403 + padding: 0.4in;
404 + > .msg {
405 + text-align: center;
406 + padding: 0.3in;
407 + }
408 + > .msg:first-child { padding-top: 0; }
409 + > .user {
410 + width: max-content; margin: auto;
411 + background: tone(-20%,-0.3);
412 + border: 1px solid black;
413 + color: tone(-50%);
414 + padding: 0.1in;
415 + > img { display: block; width: 1in; height: 1in; margin: auto; border: 1px solid black; }
416 + > .name { @extend %serif; text-align: center; font-size: 130%; font-weight: bold; margin-top: 0.08in; }
417 + }
418 + >form {
419 + display: grid;
420 + grid-template-columns: 1fr 1fr;
421 + grid-template-rows: 1.2em max-content max-content;
422 + grid-gap: 5px;
423 + > label, input, button { display: block; }
424 + > label { grid-column: 1 / 3; grid-row: 1/2; font-weight: bold }
425 + > input, textarea { grid-column: 1 / 3; grid-row: 2/3; }
426 + > button { grid-column: 2 / 3; grid-row: 3/4; }
427 + > a { @extend %button; grid-column: 1 / 2; grid-row: 3/4; }
428 + }
414 429 }
415 430 }
416 431
417 432 form.compose {
418 433 @extend %box;
419 434 display: grid;
420 435 grid-template-columns: 1.1in 2fr min-content 1fr 1.5fr;
................................................................................
480 495 position: absolute;
481 496 top: -0.3in;
482 497 right: 0.1in;
483 498 margin: 0.1in;
484 499 padding: 0.1in;
485 500 &:hover { font-weight: bold; }
486 501 }
502 + p { text-align: justify; }
487 503 }
488 504
489 505 code {
490 506 @extend %teletype;
491 507 background: tone(-55%);
492 - border: 1px inset tone(-20%);
508 + // border: 1px inset tone(-20%);
493 509 padding: 2px 6px;
494 510 font-size: 1.5ex !important;
495 511 letter-spacing: 1.3px;
496 512 padding-bottom: 3px;
497 - border-radius: 2px;
513 + border-radius: 4px;
498 514 vertical-align: baseline;
499 515 box-shadow: 1px 1px 1px black;
500 516 }
501 517
502 -pre { @extend %teletype; white-space: pre-wrap; }
518 +pre {
519 + @extend %teletype;
520 + white-space: pre-wrap;
521 + > code:only-child {
522 + display: block;
523 + padding: 0.1in;
524 + }
525 +}
503 526
504 527 div.thread {
505 528 margin-left: 0.3in;
506 529 & + article.post { margin-top: 0.3in; }
507 530 }
508 531
509 532 a[href].username {
................................................................................
697 720 > label,summary { display:block; font-weight: bold; padding: 0.03in 0; }
698 721 > .txtbox {
699 722 @extend %serif;
700 723 box-sizing: border-box;
701 724 padding: 0.08in 0.1in;
702 725 border: 1px solid black;
703 726 background: tone(-55%);
727 + user-select: all;
704 728 }
705 729 > input, textarea, .txtbox {
706 730 display: block;
707 731 width: 100%;
708 732 }
709 733 > textarea { resize: vertical; min-height: 2in; }
710 734 }