spacing */ } img, video { max-width: 100%; max-height: 100vh; } img { image-orientation: none; } /* we do manual EXIF rotation */ .center img { width: fit-content; } /* for {center} environment */ .pdfBox { width: 100%; } .pdf > svg { width: 100%; height: auto; } .pdf > canvas { position: absolute; } .pdf > .annotations { position: absolute; } .pdf > .annotations > a { position: absolute; border: hsla(250,75%,50%,33%) solid; } .pdf > .annotations > a:hover { border: hsla(250,75%,50%,66%) solid; } @media print { .pdf > .annotations > a { display: none; } } .panel-secondbody { margin-top: -10px; padding-top: 0px; padding-bottom: 10px; } code.raw, pre { white-space: pre-wrap; } /* line-height normal to make box drawing look right */ code.raw, pre, .CodeMirror { line-height: normal; } /* match
, overriding Bootstrap code defaults */
code, pre { font-size: 100%; }
code { color: inherit; background-color: rgba(200,200,200,0.3); }
.dark code { background-color: rgba(62,62,62,0.5); }
pre code { background-color: inherit !important; }
s .katex .base, del .katex .base { position: relative; } /* already in KaTeX */
s .katex .base:after, del .katex .base:after { content: "";
position: absolute; left: 0; width: 100%; top: 50%; display: block;
height: 1.3px; background: #c7254e; }
s, del { text-decoration-color: #c7254e; }
s a, del a { text-decoration-color: #c7254e; }
.root { margin-bottom: 0px; } /* glom onto message below */
.beforeMessageDrop { position: absolute; left: 0px; top: -5px; width: 100%; height: 10px; }
.beforeMessageDrop.dragover { z-index: 1;
background-image: linear-gradient(rgba(0,0,0,0), red, rgba(0,0,0,0)); }
.onMessageDrop.dragover { background-image: linear-gradient(rgba(0,0,0,0), red, rgba(0,0,0,0)); }
.messageParentDialog .modal-body > .row:first-child { margin-bottom: 1.5ex; }
.messageParentDialog .modal-body > .row:first-child > .col-xs-6:first-child { padding-top: 0.75ex; }
.messageParentDialog .modal-body > .row:first-child > .col-xs-6:last-child { padding-right: 30px; }
.messageParentDialog .modal-content { max-height: 90vh; }
/* Workaround for https://bugs.chromium.org/p/chromium/issues/detail?id=958802
* (in addition to removing .flexColumn from .modal-content) */
.messageParentDialog .modal-body { max-height: calc(90vh - 159px); } /* 159px is the measured height of header and footer */
.messageParentDialog .tt-menu .id { font-size: x-small; }
.messageParentDialog .tt-menu .author { font-size: medium; }
.messageParentDialog .panel { border-bottom: 0; }
.messageParentDialog .modal-footer { text-align: left; }
.messageParentDialog .fa-lightbulb { font-size: x-large; margin-right: 0.5em; }
.flexColumn { display: flex; flex-direction: column; }
.flexRow { display: flex; flex-direction: row; }
.flexGrow { flex-grow: 1; }
.flexShrink { min-height: 50px; } /* allow equal-size shrinking height down to 50px */
.flexNoShrink { flex-shrink: 0; }
.flexCenter { align-items: center; }
.scrollbars { overflow: auto; float: none; max-height: 100%; }
.parentArrow { text-align: center; }
.parentArrow div { vertical-align: top; display: inline-block; }
.parentArrow1 { border-left: red dotted 2px; border-bottom: red dotted 2px; height: 14px; width: 15%; }
.parentArrow2 { margin-top: 12px; border-top: red dotted 2px; height: 14px; width: 15%; }
.parentArrow3 { margin-top: 12px; border-top: solid 2px; border-left: solid 2px; height: 14px; width: 15%; }
.parentArrow4 { border-right: solid 2px; border-bottom: solid 2px; height: 14px; width: 15%; }
.parentArrow .fas { margin-top: 5px; }
.parentArrow .fa-times { color: red; }
@media print { /* override Bootstrap defaults for link printing */
a[href].btn:after { content: ""; }
a[href].author:after { content: ""; }
a[href].tagLink:after { content: ""; }
}
/* Based on Github's .markdown-body styling e.g.
* https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#tables
* Plus some special formatting for thead.
* Also return text-align to left to counteract .message-body's
* text-align: justify
*/
.message-body table { margin-bottom: 16px; text-align: left; }
.message-body table td, .message-body table th { padding: 6px 13px; border: 1px solid #ddd }
.message-body table tr { background-color: #fff; }
.message-body table tr:nth-child(2n) { background-color: #f8f8f8; }
.message-body table thead tr { background-color: #ccc; }
.dark .message-body table td, .dark .message-body table th { border: 1px solid #444 }
.dark .message-body table tr { background-color: #000; }
.dark .message-body table tr:nth-child(2n) { background-color: #222; }
.dark .message-body table thead tr { background-color: #555; }
blockquote { padding: 5px 10px; }
blockquote.thm { font-size: 17.5px; padding: 10px 20px; }
em em { font-style: normal }
em em em { font-style: italic }
em em em em { font-style: normal }
em em em em em { font-style: italic }
em em em em em em { font-style: normal }
/* Treat ...
... roughly like
* ......
*/
details {
padding: 0 10px 10px 10px;
/* From .panel */
margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
/* From .panel-default */
border-color: #ddd;
}
.dark details { border-color: #222; }
summary {
/* From .panel-heading */
border-bottom: 1px solid transparent;
border-top-left-radius: 3px; border-top-right-radius: 3px;
/* From .panel-heading.compact */
padding: 5px;
/* From .panel-default > .panel-heading */
border-color: #ddd; background-color: #f5f5f5; color: #333;
}
.dark summary { border-color: #222; background-color: #222; color: #eee; }
details > summary {
list-style: none;
touch-action: manipulation; cursor: pointer;
margin: 0 -10px;
}
details:not([open]) > summary { margin-bottom: -10px }
details[open] > summary { margin-bottom: 10px }
details > summary::before {
margin-right: 0.5em; /* like .space */
/* From .fas */
font-weight: 900; font-family: "Font Awesome 5 Free";
/* Tweaked from .btn-group-xs > .btn */
padding: 0px 3px; font-size: 12px; border-radius: 3px;
/* From .btn-default */
color: #333; background-color: #fff; border: 1px solid #ccc;
/* From .btn */
display: inline-block; margin-bottom: 0; text-align: center;
white-space: nowrap; vertical-align: middle; background-image: none;
}
.dark details > summary::before { color: #eee; background-color: #4d4d4d; border-color: #404040; }
details > summary:hover::before, details > summary:active::before, details > summary:focus::before { background-color: #e6e6e6; border-color: #adadad; }
.dark details > summary:hover::before, .dark details > summary:active::before, .dark details > summary:focus::before { background-color: #333; border-color: #212121; }
details > summary:active:hover::before, details > summary:active:focus::before { background-color: #d4d4d4; border-color: #8c8c8c; }
.dark details > summary:active:hover::before, .dark details > summary:active:focus::before { background-color: #212121; border-color: #000; }
details > summary:focus::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
details:focus, summary:focus { outline: none; }
details > summary::before { content: "\f067"; } /* From .fa-plus */
details[open] > summary::before { content: "\f068"; } /* From .fa-minus */
/* Search results: 5px to match title + 2px to center vertically */
.panel-heading .pull-right.badge { padding-top: 2px; }.text-help {
text-decoration: dotted underline #aaa;
cursor: help;
}
.danger-close {
color: #d9534f;
}
.attachInput[type="file"],
.replaceInput[type="file"] {
display: none;
}
.historySlider input[type="text"] {
display: none;
}
.onMessageDrop span:not(.fa-edit) {
pointer-events: none;
}
.highlight {
background: #ffdc00;
color: #222;
}
.dark .highlight {
background: #47470a;
color: #fff;
}
.dropdown-menu.actionMenu {
min-width: 140px;
background: #d9edf7;
}
.dark .dropdown-menu.actionMenu {
background: #175b70;
}
.dropdown-menu.replyMenu {
min-width: 215px;
}
.dropdown-menu.buttonMenu > li > a {
padding: 2px 10px;
}
.dropdown-menu.buttonMenu > li > a:hover {
background: #fff;
}
.outer-label {
padding: 0px;
font-size: inherit;
}
.label-left {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.label-left.label-default {
border-right: #404040 1px solid;
}
.label-left.label-info {
border-right: #2a687a 1px solid;
}
.label-right {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.label-right.label-default {
background-color: #555;
}
.label-right.label-info {
background-color: #72dfff;
}
tr.messageShort:hover .label.label-default:hover {
color: inherit;
}
.tagWithRemove {
pointer-events: none;
}
.tagRemove {
opacity: 0.7;
}
.tagRemove,
.tagWithValue .label {
pointer-events: auto;
}
.tagWithRemove:hover,
.tagLink span.label:hover,
.dropdown-toggle.outer-label:hover span.label,
.dropdown-toggle.label:not(.outer-label):hover {
cursor: pointer;
color: #333;
background: #e6e6e6;
}
.dropdown-menu.tagMenu {
width: 250px;
}
.dropdown-menu.tagMenu > li.disabled > a {
cursor: auto;
padding: 0px 5px;
}
.dropdown-menu.tagMenu > li > a {
font-size: 75%;
}
.tagNew form {
display: -ms-flexbox;
display: box;
display: flex;
}
.tagNew form .tagKey {
-o-box-flex: 1;
box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tagNew form .tagVal {
-o-box-flex: 1;
box-flex: 1;
-ms-flex: 0.5;
flex: 0.5;
max-width: 25%;
}
.tagNew form .tagVal:focus {
max-width: inherit;
-o-box-flex: 2;
box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.tagNew form .input-group-btn {
font-size: inherit;
width: auto;
}
.emojiMenu {
padding: 5px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: auto;
max-width: 300px;
}
.emojiMenu > li {
display: inline-block;
}
.emojiMenu > li > a {
display: inline-block;
font-size: large;
padding: 8px 8px;
}
.open > .emojiMenu.dropdown-menu {
display: table;
}
.emoji-plus {
font-size: 0.7em;
margin-top: -2px;
vertical-align: middle;
}
.emoji-face {
margin-top: -2px;
vertical-align: middle;
}
.positive {
color: #3d98e5;
}
.neutral {
color: #8465b3;
}
.negative {
color: #d9534f;
}
.dark .positive {
color: #6bade5;
}
.dark .neutral {
color: #ad76fe;
}
.dark .negative {
color: #ff7a75;
}
.my-emoji {
background-color: #f0f075;
}
.my-emoji:focus,
.my-emoji.focus,
.my-emoji:hover {
background-color: #ecec55;
}
.my-emoji:active,
.my-emoji.active {
background-color: #ecec55;
}
.my-emoji:active:focus,
.my-emoji.active:focus,
.my-emoji:active.focus,
.my-emoji.active.focus,
.my-emoji:active:hover,
.my-emoji.active:hover {
background-color: #eaea3f;
}
.dark .my-emoji {
background-color: #660;
}
.dark .my-emoji:focus,
.dark .my-emoji.focus,
.dark .my-emoji:hover {
background-color: #5c5c00;
}
.dark .my-emoji:active,
.dark .my-emoji.active {
background-color: #5c5c00;
}
.dark .my-emoji:active:focus,
.dark .my-emoji.active:focus,
.dark .my-emoji:active.focus,
.dark .my-emoji.active.focus,
.dark .my-emoji:active:hover,
.dark .my-emoji.active:hover {
background-color: #550;
}
.historySlider {
margin-left: 25px;
margin-right: 25px;
margin-top: 5px;
margin-bottom: 15px;
}
.historySlider .slider.slider-horizontal {
width: 100%;
}
.below-editor-alert {
padding: 6px 15px;
margin-bottom: 0px;
}
.below-editor-alert.coauthors-alert {
padding-top: 0px;
padding-bottom: 0px;
}
.below-editor-alert.coauthors-alert .upper-strut {
display: inline-block;
padding-top: 6px;
}
.below-editor-alert.coauthors-alert input {
display: inline-block;
width: auto;
}
.below-editor-alert.coauthors-alert .rbt {
display: inline-block;
}
.toc-toggle {
margin-top: -19.39px;
}
nav.contents {
padding-bottom: 5px;
height: 100%;
overflow-y: auto;
font-size: small;
}
nav.contents li > a {
padding: 2px 5px 2px 2px;
margin: 2px 0px 2px -2px;
overflow-wrap: break-word;
/*
&.deleted, &.unpublished, &.minimized
font-size: x-small
padding-block: 2px
*/
}
nav.contents li > a .creator {
font-size: smaller;
font-style: italic;
}
nav.contents li > a + .subcontents {
margin-top: -2px;
}
.dark nav.contents li > a {
color: #eee;
}
nav.contents li > a.deleted {
color: #a94442;
}
.dark nav.contents li > a.deleted {
color: #d9534f;
}
nav.contents li > a.unpublished {
color: #8a6d3b;
}
.dark nav.contents li > a.unpublished {
color: #f0ad4e;
}
nav.contents li > a.private {
color: #5bc0de;
}
nav.contents li > a.minimized {
color: #449d44;
}
.dark nav.contents li > a.minimized {
color: #5cb85c;
}
nav.contents li > a.pinned {
color: #4a4a02;
}
.dark nav.contents li > a.pinned {
color: #feff09;
}
nav.contents li.folded a {
font-size: x-small;
/*
+ .subcontents
margin-top: -1px
*/
}
nav.contents li.folded li > a {
opacity: 0.7;
}
nav.contents a.active {
background: #d1c5e2;
}
.dark nav.contents a.active {
background: #3c245e;
}
nav.contents a.active.partial {
background: #ebe2f8;
}
.dark nav.contents a.active.partial {
background: #241835;
}
.subcontents {
border-left: solid 2px #8465b3;
border-bottom-left-radius: 5px;
padding-left: 5px;
/*
> li:last-child > a
padding-bottom: 0px
*/
}
.subcontents.hover {
cursor: pointer;
border-left: solid 3px #6a3dad;
padding-left: 4px;
}
.dark .subcontents.hover {
border-left-color: #a37dde;
}
.foldedContents {
padding-bottom: 2px;
margin-top: -2px;
margin-bottom: 2px;
}
.foldedContents:hover {
cursor: pointer;
}
.foldedContents:hover .line {
border-left: solid 3px #6a3dad;
border-bottom: solid 3px #6a3dad;
}
.dark .foldedContents:hover .line {
border-left-color: #a37dde;
border-bottom-color: #a37dde;
}
.foldedContents .line {
border-bottom: solid 2px #8465b3;
border-left: solid 2px #8465b3;
border-bottom-left-radius: 5px;
height: 4px;
}
.message > .panel-heading:hover {
border-color: #d13f19;
}
.message-body label {
margin: 0;
}
.message-body ol {
counter-reset: enum;
}
.message-body ol > li {
list-style: none;
counter-increment: enum;
}
.message-body ol > li::before {
content: counter(enum) ".";
}
.message-body ol ol > li::before {
content: "(" counter(enum, lower-alpha) ")";
}
.message-body ol ol ol > li::before {
content: counter(enum, lower-roman) ".";
}
.message-body ol ol ol ol > li::before {
content: "(" counter(enum, upper-alpha) ")";
}
.message-body ol ol ol ol ol > li::before {
content: counter(enum, upper-roman) ".";
}
.message-body ol ol ol ol ol ol > li::before {
content: counter(enum, lower-greek) ".";
}
.message-body ol ol ol ol ol ol ol > li::before {
content: counter(enum) ".";
}
.message-body :not(ol.task-list) > li.noitemlab::before {
content: none;
}
.message-body ul > li.noitemlab {
list-style: none;
}
.message-body ol > li::before,
.message-body .itemlab {
position: relative;
display: inline-block;
vertical-align: baseline;
width: 40px;
margin-left: -40px;
text-align: right;
padding-right: 0.25em;
}
.message-body li > p:first-child,
.message-body li.noitemlab > p:nth-child(2) {
display: inline-block;
width: 100%;
vertical-align: top;
}
.message-body input[type="checkbox"] {
margin-top: 0;
margin-right: 2px;
vertical-align: -2px;
}
.message-body ol.task-list > li.task-list-item > .itemlab {
margin-left: 0;
width: auto;
}
.katex-display {
overflow-x: auto;
overflow-y: hidden;
padding-right: 15px;
margin-right: -15px;
}
.message-body,
.message-title {
counter-reset: katexEqnNo mmlEqnNo;
}
.pdf.dark {
filter: invert(1) hue-rotate(180deg);
}
ul.pinned {
list-style-type: none;
padding-left: 15px;
}:root {
--scrollbar-size: 15px;
--scrollbar-bar: #aaa;
--scrollbar-bar-hover: #888;
--scrollbar-bar-active: #666;
--scrollbar-track: #ddd;
--scrollbar-button: #aaa;
--scrollbar-button-hover: #888;
--scrollbar-button-active: #666;
--scrollbar-button-triangle: #222;
}
.dark {
--scrollbar-bar: #777;
--scrollbar-bar-hover: #999;
--scrollbar-bar-active: #bbb;
--scrollbar-track: #333;
--scrollbar-button: #999;
--scrollbar-button-hover: #bbb;
--scrollbar-button-active: #ddd;
}
* {
scrollbar-width: auto;
scrollbar-color: #aaa var(--scrollbar-track);
}
*::-webkit-scrollbar,
*::-webkit-scrollbar-button:single-button {
width: var(--scrollbar-size);
height: var(--scrollbar-size);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-piece,
*::-webkit-scrollbar-corner {
background: var(--scrollbar-track);
}
*::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: var(--scrollbar-bar);
border: 3px solid var(--scrollbar-track);
}
*::-webkit-scrollbar-thumb:horizontal {
min-width: 50px;
}
*::-webkit-scrollbar-thumb:vertical {
min-height: 50px;
}
*::-webkit-scrollbar-thumb:hover {
--scrollbar-bar: var(--scrollbar-bar-hover);
}
*::-webkit-scrollbar-thumb:active {
--scrollbar-bar: var(--scrollbar-bar-active);
}
*::-webkit-scrollbar-button:single-button {
background-color: var(--scrollbar-button);
}
*::-webkit-scrollbar-button:single-button:hover {
--scrollbar-button: var(--scrollbar-button-hover);
}
*::-webkit-scrollbar-button:single-button:active {
--scrollbar-button: var(--scrollbar-button-active);
}
*::-webkit-scrollbar-button:single-button:vertical:start:decrement {
background: linear-gradient(130deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(230deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(0deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 31%), var(--scrollbar-button-triangle);
}
*::-webkit-scrollbar-button:single-button:vertical:end:increment {
background: linear-gradient(310deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(50deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(180deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 31%), var(--scrollbar-button-triangle);
}
*::-webkit-scrollbar-button:single-button:horizontal:end:increment {
background: linear-gradient(210deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(330deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(90deg, var(--scrollbar-button) 30%, rgba(0,0,0,0) 31%), var(--scrollbar-button-triangle);
}
*::-webkit-scrollbar-button:single-button:horizontal:start:decrement {
background: linear-gradient(30deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(150deg, var(--scrollbar-button) 40%, rgba(0,0,0,0) 41%), linear-gradient(270deg, var(--scrollbar-button) 30%, rgba(0,0,0,0) 31%), var(--scrollbar-button-triangle);
}
.settings td { min-width: 400px; }
.settings .description { font-size: smaller; font-weight: normal; }
/* typeahead.js makes a containing span; simulate behavior of .form-control */
.twitter-typeahead { width: 100%; float: left; }
.typeahead, .tt-query, .tt-hint {
/*width: 396px;*/
padding: 8px 12px;
line-height: 30px;
border: 2px solid #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
outline: none;
}
.dark .typeahead, .dark .tt-query, .dark .tt-hint { border: 2px solid #333; }
.typeahead { background-color: #fff; }
.dark .typeahead { background-color: #222; }
.typeahead:focus {
border: 2px solid #0097cf;
}
.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint { color: #999 }
.tt-menu {
width: 100%;
/*width: 422px;*/
margin: 4px 0;
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.dark .tt-menu { background-color: #222; border: 1px solid #333; }
.tt-suggestion {
padding: 3px 20px;
font-size: 18px;
line-height: 24px;
}
.tt-suggestion:hover {
cursor: pointer;
color: #fff;
background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
color: #fff;
background-color: #0097cf;
}
.tt-suggestion p {
margin: 0;
}.createdAt {
font-weight: normal;
font-size: smaller;
font-style: italic;
}
tr.partialMemberSep + tr.partialMember > td {
padding-left: 2.5em;
padding-top: 0px;
border-top: none;
}