1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
|
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
|
-
-
+
+
+
+
+
+
+
+
+
-
+
-
|
}
/* The content area of a message (the body element of a FIELDSET) */
body.chat .message-content {
display: inline-block;
border-radius: 0.25em;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.29);
padding: 0.25em 1em;
margin-top: -0.75em;
padding: 0.25em 0.5em;
margin-top: -0.75em/*slide it up to the base of the LEGEND*/;
min-width: 9em /*avoid unsightly "underlap" with the user name label*/;
white-space: pre-wrap/*needed for multi-line edits*/;
}
body.chat.monospace-messages .message-content,
body.chat.monospace-messages textarea,
body.chat.monospace-messages input[type=text]{
font-family: monospace;
}
/* User name for the post (a LEGEND element) */
body.chat .message-row .message-user {
border-radius: 0.25em 0.25em 0 0;
padding: 0 0.5em;
/*text-align: left; Firefox requires the 'align' attribute */
margin: 0 0.15em;
margin: 0 0.25em 0.4em 0.15em;
padding: 0 0.5em 0em 0.5em;
margin-bottom: 0.4em;
|
1629
1630
1631
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
|
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
|
+
|
body.chat.chat-only-mode #chat-input-area {
/* would like to pin this to the top so that it stays in place when
scrolling, but doing so causes #chat-messages-wrapper to scroll
behind it visibly, which is really ugly. Only current workaround is
to force an opaque background color on this element, but that's not
skin-friendly. */
position: sticky;
position: -webkit-sticky /* supposedly some versions of Safari */;
top: 0;
padding: 0.5em 1em;
z-index: 100
/* see notes in #chat-messages-wrapper. The various popups require a
z-index higher than this one. */
}
body.chat.chat-only-mode #chat-messages-wrapper {
|
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
|
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
|
-
+
-
+
+
|
border-bottom: 1px solid black;
margin-bottom: 0.5em;
}
body.chat #chat-input-line {
display: flex;
flex-direction: row;
margin-bottom: 0.25em;
align-items: center;
align-items: flex-start;
}
body.chat #chat-input-line > input[type=submit] {
flex: 1 5 auto;
max-width: 6em;
margin: 0 1em;
}
body.chat #chat-input-line > input[type=text] {
body.chat #chat-input-line > input[type=text],
body.chat #chat-input-line > textarea {
flex: 5 1 auto;
}
body.chat #chat-input-file-area {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
|