/* Basic styles used before we boot up the parsing engine */ /* Error message and password prompt */ .tc-error-form { font-family: sans-serif; color: #fff; z-index: 20000; position: fixed; background-color: rgb(255, 75, 75); border: 8px solid rgb(255, 0, 0); border-radius: 8px; width: 50%; margin-left: 25%; margin-top: 4em; padding: 0 2em 1em 2em; } .tc-error-form h1 { text-align: center; } .tc-error-prompt { text-align: center; color: #000; } .tc-error-message { overflow: auto; max-height: 40em; padding-right: 1em; margin: 1em 0; white-space: pre-line; } .tc-password-wrapper { font-family: sans-serif; z-index: 20000; position: fixed; text-align: center; width: 200px; top: 4em; left: 50%; margin-left: -144px; /* - width/2 - paddingHorz/2 - border */ padding: 16px 16px 16px 16px; border-radius: 8px; } .tc-password-wrapper { color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: rgb(197, 235, 183); border: 8px solid rgb(164, 197, 152); } .tc-password-wrapper form { text-align: left; } .tc-password-wrapper h1 { font-size: 16px; line-height: 20px; padding-bottom: 16px; } .tc-password-wrapper input { width: 100%; } .tc-sidebar-header { text-shadow: 0 1px 0 rgba(255,255,255, 0.8); }.tc-tiddler-info { -webkit-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1); box-shadow: inset 1px 2px 3px rgba(0,0,0,0.1); }@media screen { .tc-tiddler-frame { -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } }@media (max-width: 960px) { .tc-tiddler-frame { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg { -webkit-transition: fill 150ms ease-in-out; -moz-transition: fill 150ms ease-in-out; transition: fill 150ms ease-in-out; }.tc-tiddler-controls button.tc-selected, .tc-page-controls button.tc-selected { -webkit-filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.25)); -moz-filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.25)); filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.25)); }.tc-tiddler-frame input.tc-edit-texteditor { -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); }.tc-edit-tags { -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15); }.tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; outline: none; }textarea.tc-edit-texteditor { font-family: ; }canvas.tc-edit-bitmapeditor { -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }.tc-drop-down { border-radius: 4px; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }.tc-block-dropdown { border-radius: 4px; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }.tc-modal { border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3); }.tc-modal-footer { border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; ; }.tc-alert { border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.6); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.6); box-shadow: 0 3px 7px rgba(0,0,0,0.6); }.tc-notification { border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3); text-shadow: 0 1px 0 rgba(255,255,255, 0.8); }.tc-sidebar-lists .tc-tab-set .tc-tab-divider { border-top: none; height: 1px; background-image: linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%); background-image: -ms-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.0) 100%); }.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button { background-image: linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%); background-image: -ms-linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.1) 100%); }.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected { background-image: linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%); background-image: -ms-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.05) 100%); }.tc-message-box img { -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }.tc-plugin-info { -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } /* ** Start with the normalize CSS reset, and then belay some of its effects *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, input[type="search"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }html button { line-height: 1.2; color: ; background: ; border-color: ; }/* ** Basic element styles */html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-rendering: optimizeLegibility; /* Enables kerning and ligatures etc. */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }html:-webkit-full-screen { background-color: #f4f4f4; }body.tc-body { font-size: 14px; line-height: 20px; word-wrap: break-word; color: #333333; background-color: #f4f4f4; fill: #333333; }h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 300; }pre { display: block; padding: 14px; margin-top: 1em; margin-bottom: 1em; word-break: normal; word-wrap: break-word; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #cccccc; padding: 0 3px 2px; border-radius: 3px; font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace; }code { color: #dd1144; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: pre-wrap; padding: 0 3px 2px; border-radius: 3px; font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace; }blockquote { border-left: 5px solid #bbb; margin-left: 25px; padding-left: 10px; quotes: "\201C""\201D""\2018""\2019"; }blockquote > div { margin-top: 1em; margin-bottom: 1em; }blockquote.tc-big-quote { font-family: Georgia, serif; position: relative; background: #f5f5f5; border-left: none; margin-left: 50px; margin-right: 50px; padding: 10px; border-radius: 8px; }blockquote.tc-big-quote cite:before { content: "\2014 \2009"; }blockquote.tc-big-quote:before { font-family: Georgia, serif; color: #bbb; content: open-quote; font-size: 8em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; position: absolute; left: -50px; top: 42px; }blockquote.tc-big-quote:after { font-family: Georgia, serif; color: #bbb; content: close-quote; font-size: 8em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; position: absolute; right: -80px; bottom: -20px; }dl dt { font-weight: bold; margin-top: 6px; }button, textarea, input, select { outline-color: #5778d8; }textarea, input[type=text], input[type=search], input[type=""], input:not([type]) { color: #333333; background: #ffffff; }input[type="checkbox"] { vertical-align: middle; }.tc-muted { color: #bbb; }svg.tc-image-button { padding: 0px 1px 1px 0px; }.tc-icon-wrapper > svg { width: 1em; height: 1em; }kbd { display: inline-block; padding: 3px 5px; font-size: 0.8em; line-height: 1.2; color: #333333; vertical-align: middle; background-color: #ffffff; border: solid 1px #bbb; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; }/* Markdown likes putting code elements inside pre elements */ pre > code { padding: 0; border: none; background-color: inherit; color: inherit; }table { border: 1px solid #dddddd; width: auto; max-width: 100%; caption-side: bottom; margin-top: 1em; margin-bottom: 1em; /* next 2 elements needed, since normalize 8.0.1 */ border-collapse: collapse; border-spacing: 0; }table th, table td { padding: 0 7px 0 7px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }table thead tr td, table th { background-color: #f0f0f0; font-weight: bold; }table tfoot tr td { background-color: #a8a8a8; }.tc-csv-table { white-space: nowrap; }.tc-tiddler-frame img, .tc-tiddler-frame svg, .tc-tiddler-frame canvas, .tc-tiddler-frame embed, .tc-tiddler-frame iframe { max-width: 100%; }.tc-tiddler-body > embed, .tc-tiddler-body > iframe { width: 100%; height: 600px; }/* ** Links */button.tc-tiddlylink, a.tc-tiddlylink { text-decoration: none; font-weight: 500; color: #5778d8; -webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */ }.tc-sidebar-lists a.tc-tiddlylink { color: #999999; }.tc-sidebar-lists a.tc-tiddlylink:hover { color: #444444; }button.tc-tiddlylink:hover, a.tc-tiddlylink:hover { text-decoration: underline; }a.tc-tiddlylink-resolves { }a.tc-tiddlylink-shadow { font-weight: bold; }a.tc-tiddlylink-shadow.tc-tiddlylink-resolves { font-weight: normal; }a.tc-tiddlylink-missing { font-style: italic; }a.tc-tiddlylink-external { text-decoration: underline; color: #0000ee; background-color: inherit; }a.tc-tiddlylink-external:visited { color: #0000aa; background-color: inherit; }a.tc-tiddlylink-external:hover { color: inherit; background-color: inherit; }/* ** Drag and drop styles */.tc-tiddler-dragger { position: relative; z-index: -10000; }.tc-tiddler-dragger-inner { position: absolute; top: -1000px; left: -1000px; display: inline-block; padding: 8px 20px; font-size: 16.9px; font-weight: bold; line-height: 20px; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); white-space: nowrap; vertical-align: baseline; background-color: #333333; border-radius: 20px; }.tc-tiddler-dragger-cover { position: absolute; background-color: #f4f4f4; }.tc-dropzone { position: relative; }.tc-dropzone.tc-dragover:before { z-index: 10000; display: block; position: fixed; top: 0; left: 0; right: 0; background: rgba(0,200,0,0.7); text-align: center; content: "Drop here (or use the 'Escape' key to cancel)"; }.tc-droppable > .tc-droppable-placeholder { display: none; }.tc-droppable.tc-dragover > .tc-droppable-placeholder { display: block; border: 2px dashed rgba(0,200,0,0.7); }.tc-draggable { cursor: move; }.tc-sidebar-tab-open .tc-droppable-placeholder, .tc-tagged-draggable-list .tc-droppable-placeholder, .tc-links-draggable-list .tc-droppable-placeholder { line-height: 2em; height: 2em; }.tc-sidebar-tab-open-item { position: relative; }.tc-sidebar-tab-open .tc-btn-invisible.tc-btn-mini svg { font-size: 0.7em; fill: #bbb; }/* ** Plugin reload warning */.tc-plugin-reload-warning { z-index: 1000; display: block; position: fixed; top: 0; left: 0; right: 0; background: #ffe476; text-align: center; }/* ** Buttons */button svg, button img, label svg, label img { vertical-align: middle; }.tc-btn-invisible { padding: 0; margin: 0; background: none; border: none; cursor: pointer; color: #333333; }.tc-btn-boxed { font-size: 0.6em; padding: 0.2em; margin: 1px; background: none; border: 1px solid #cccccc; border-radius: 0.25em; }html body.tc-body .tc-btn-boxed svg { font-size: 1.6666em; }.tc-btn-boxed:hover { background: #bbb; color: #ffffff; }html body.tc-body .tc-btn-boxed:hover svg { fill: #ffffff; }.tc-btn-rounded { font-size: 0.5em; line-height: 2; padding: 0em 0.3em 0.2em 0.4em; margin: 1px; border: 1px solid #bbb; background: #bbb; color: #ffffff; border-radius: 2em; }html body.tc-body .tc-btn-rounded svg { font-size: 1.6666em; fill: #ffffff; }.tc-btn-rounded:hover { border: 1px solid #bbb; background: #ffffff; color: #bbb; }html body.tc-body .tc-btn-rounded:hover svg { fill: #bbb; }.tc-btn-icon svg { height: 1em; width: 1em; fill: #bbb; }.tc-btn-text { padding: 0; margin: 0; }/* used for documentation "fake" buttons */ .tc-btn-standard { line-height: 1.8; color: #667; background-color: #e0e0e0; border: 1px solid #888; padding: 2px 1px 2px 1px; margin: 1px 4px 1px 4px; }.tc-btn-big-green { display: inline-block; padding: 8px; margin: 4px 8px 4px 8px; background: #34c734; color: #ffffff; fill: #ffffff; border: none; border-radius: 2px; font-size: 1.2em; line-height: 1.4em; text-decoration: none; }.tc-btn-big-green svg, .tc-btn-big-green img { height: 2em; width: 2em; vertical-align: middle; fill: #ffffff; }.tc-primary-btn { background: #5778d8; }.tc-sidebar-lists input { color: #333333; }.tc-sidebar-lists button { color: #333333; fill: #333333; }.tc-sidebar-lists button.tc-btn-mini { color: #c0c0c0; }.tc-sidebar-lists button.tc-btn-mini:hover { color: #444444; }button svg.tc-image-button, button .tc-image-button img { height: 1em; width: 1em; }.tc-unfold-banner { position: absolute; padding: 0; margin: 0; background: none; border: none; width: 100%; width: calc(100% + 2px); margin-left: -43px; text-align: center; border-top: 2px solid #f8f8f8; margin-top: 4px; }.tc-unfold-banner:hover { background: #f8f8f8; border-top: 2px solid #dddddd; }.tc-unfold-banner svg, .tc-fold-banner svg { height: 0.75em; fill: #cccccc; }.tc-unfold-banner:hover svg, .tc-fold-banner:hover svg { fill: #888888; }.tc-fold-banner { position: absolute; padding: 0; margin: 0; background: none; border: none; width: 23px; text-align: center; margin-left: -35px; top: 6px; bottom: 6px; }.tc-fold-banner:hover { background: #f8f8f8; }@media (max-width: 960px) {.tc-unfold-banner { position: static; width: calc(100% + 59px); }.tc-fold-banner { width: 16px; margin-left: -16px; font-size: 0.75em; }}/* ** Tags and missing tiddlers */.tc-tag-list-item { position: relative; display: inline-block; margin-right: 7px; }.tc-tags-wrapper { margin: 4px 0 14px 0; }.tc-missing-tiddler-label { font-style: italic; font-weight: normal; display: inline-block; font-size: 11.844px; line-height: 14px; white-space: nowrap; vertical-align: baseline; }button.tc-tag-label, span.tc-tag-label { display: inline-block; padding: 0.16em 0.7em; font-size: 0.9em; font-weight: 400; line-height: 1.2em; color: #ffffff; white-space: nowrap; vertical-align: baseline; background-color: #ec6; border-radius: 1em; }.tc-sidebar-scrollable .tc-tag-label { text-shadow: none; }.tc-untagged-separator { width: 10em; left: 0; margin-left: 0; border: 0; height: 1px; background: #d8d8d8; }button.tc-untagged-label { background-color: #999999; }.tc-tag-label svg, .tc-tag-label img { height: 1em; width: 1em; margin-right: 3px; margin-bottom: 1px; vertical-align: text-bottom; }.tc-edit-tags button.tc-remove-tag-button svg { font-size: 0.7em; vertical-align: middle; }.tc-tag-manager-table .tc-tag-label { white-space: normal; }.tc-tag-manager-tag { width: 100%; }button.tc-btn-invisible.tc-remove-tag-button { outline: none; }/* ** Page layout */.tc-topbar { position: fixed; z-index: 1200; }.tc-topbar-left { left: 29px; top: 5px; }.tc-topbar-right { top: 5px; right: 29px; }.tc-topbar button { padding: 8px; }.tc-topbar svg { fill: #bbb; }.tc-topbar button:hover svg { fill: #333333; }.tc-sidebar-header { color: #acacac; fill: #acacac; }.tc-sidebar-header .tc-title a.tc-tiddlylink-resolves { font-weight: 300; }.tc-sidebar-header .tc-sidebar-lists p { margin-top: 3px; margin-bottom: 3px; }.tc-sidebar-header .tc-missing-tiddler-label { color: #acacac; }.tc-advanced-search input { width: 60%; }.tc-search a svg { width: 1.2em; height: 1.2em; vertical-align: middle; }.tc-page-controls { margin-top: 14px; font-size: 1.5em; }.tc-page-controls .tc-drop-down { font-size: 1rem; }.tc-page-controls button { margin-right: 0.5em; }.tc-page-controls a.tc-tiddlylink:hover { text-decoration: none; }.tc-page-controls img { width: 1em; }.tc-page-controls svg { fill: #aaaaaa; }.tc-page-controls button:hover svg, .tc-page-controls a:hover svg { fill: #000000; }.tc-menu-list-item { white-space: nowrap; }.tc-menu-list-count { font-weight: bold; }.tc-menu-list-subitem { padding-left: 7px; }.tc-story-river { position: relative; }@media (max-width: 960px) {.tc-sidebar-header { padding: 14px; min-height: 32px; margin-top: 0px; }.tc-story-river { position: relative; padding: 0; } }@media (min-width: 960px) {.tc-message-box { margin: 21px -21px 21px -21px; }.tc-sidebar-scrollable { position: fixed; top: 0px; left: 770px; bottom: 0; right: 0; overflow-y: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 0 -42px; padding: 71px 0 28px 42px; }html[dir="rtl"] .tc-sidebar-scrollable { left: auto; right: 770px; }.tc-story-river { position: relative; left: 0px; top: 0px; width: 770px; padding: 42px 42px 42px 42px; }}@media print {body.tc-body { background-color: transparent; }.tc-sidebar-header, .tc-topbar { display: none; }.tc-story-river { margin: 0; padding: 0; }.tc-story-river .tc-tiddler-frame { margin: 0; border: none; padding: 0; } }/* ** Tiddler styles */.tc-tiddler-frame { position: relative; margin-bottom: 28px; background-color: #ffffff; border: 1px solid #ffffff; } .tc-tiddler-info { padding: 14px 42px 14px 42px; background-color: #f8f8f8; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }.tc-tiddler-info p { margin-top: 3px; margin-bottom: 3px; }.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected { background-color: #f8f8f8; border-bottom: 1px solid #f8f8f8; }.tc-view-field-table { width: 100%; }.tc-view-field-name { width: 1%; /* Makes this column be as narrow as possible */ text-align: right; font-style: italic; font-weight: 200; }.tc-view-field-value { }@media (max-width: 960px) { .tc-tiddler-frame { padding: 14px 14px 14px 14px; }.tc-tiddler-info { margin: 0 -14px 0 -14px; } }@media (min-width: 960px) { .tc-tiddler-frame { padding: 28px 42px 42px 42px; width: 686px; border-radius: 2px; }.tc-tiddler-info { margin: 0 -42px 0 -42px; } }.tc-site-title, .tc-titlebar { font-weight: 300; font-size: 2.35em; line-height: 1.2em; color: #182955; margin: 0; }.tc-site-title { color: #182955; }.tc-tiddler-title-icon { vertical-align: middle; margin-right: .1em; }.tc-system-title-prefix { color: #bbb; }.tc-titlebar h2 { font-size: 1em; display: inline; }.tc-titlebar img { height: 1em; }.tc-subtitle { font-size: 0.9em; color: #c0c0c0; font-weight: 300; }.tc-subtitle .tc-tiddlylink { margin-right: .3em; }.tc-tiddler-missing .tc-title { font-style: italic; font-weight: normal; }.tc-tiddler-frame .tc-tiddler-controls { float: right; }.tc-tiddler-controls .tc-drop-down { font-size: 0.6em; }.tc-tiddler-controls .tc-drop-down .tc-drop-down { font-size: 1em; }.tc-tiddler-controls > span > button, .tc-tiddler-controls > span > span > button, .tc-tiddler-controls > span > span > span > button { vertical-align: baseline; margin-left:5px; }.tc-tiddler-controls button svg, .tc-tiddler-controls button img, .tc-search button svg, .tc-search a svg { fill: #cccccc; }.tc-tiddler-controls button svg, .tc-tiddler-controls button img { height: 0.75em; }.tc-search button svg, .tc-search a svg { height: 1.2em; width: 1.2em; margin: 0 0.25em; }.tc-tiddler-controls button.tc-selected svg, .tc-page-controls button.tc-selected svg { fill: #444444; }.tc-tiddler-controls button.tc-btn-invisible:hover svg, .tc-search button:hover svg, .tc-search a:hover svg { fill: #888888; }@media print { .tc-tiddler-controls { display: none; } }.tc-tiddler-help { /* Help prompts within tiddler template */ color: #bbb; margin-top: 14px; }.tc-tiddler-help a.tc-tiddlylink { color: #888888; }.tc-tiddler-frame .tc-edit-texteditor { width: 100%; margin: 4px 0 4px 0; }.tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame textarea.tc-edit-texteditor, .tc-tiddler-frame iframe.tc-edit-texteditor { padding: 3px 3px 3px 3px; border: 1px solid #cccccc; background-color: #f8f8f8; line-height: 1.3em; -webkit-appearance: none; font-family: ; }.tc-tiddler-frame .tc-binary-warning { width: 100%; height: 5em; text-align: center; padding: 3em 3em 6em 3em; background: #ffe476; border: 1px solid #b99e2f; }canvas.tc-edit-bitmapeditor { border: 6px solid #ffffff; cursor: crosshair; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin-top: 6px; margin-bottom: 6px; }.tc-edit-bitmapeditor-width { display: block; }.tc-edit-bitmapeditor-height { display: block; }.tc-tiddler-body { clear: both; }.tc-tiddler-frame .tc-tiddler-body { font-size: 15px; line-height: 22px; }.tc-titlebar, .tc-tiddler-edit-title { overflow: hidden; /* https://github.com/Jermolene/TiddlyWiki5/issues/282 */ }html body.tc-body.tc-single-tiddler-window { margin: 1em; background: #ffffff; }.tc-single-tiddler-window img, .tc-single-tiddler-window svg, .tc-single-tiddler-window canvas, .tc-single-tiddler-window embed, .tc-single-tiddler-window iframe { max-width: 100%; }/* ** Editor */.tc-editor-toolbar { margin-top: 8px; }.tc-editor-toolbar button { vertical-align: middle; background-color: #cccccc; color: #444444; fill: #444444; border-radius: 4px; padding: 3px; margin: 2px 0 2px 4px; }.tc-editor-toolbar button.tc-text-editor-toolbar-item-adjunct { margin-left: 1px; width: 1em; border-radius: 8px; }.tc-editor-toolbar button.tc-text-editor-toolbar-item-start-group { margin-left: 11px; }.tc-editor-toolbar button.tc-selected { background-color: #5778d8; }.tc-editor-toolbar button svg { width: 1.6em; height: 1.2em; }.tc-editor-toolbar button:hover { background-color: #444444; fill: #ffffff; color: #ffffff; }.tc-editor-toolbar .tc-text-editor-toolbar-more { white-space: normal; }.tc-editor-toolbar .tc-text-editor-toolbar-more button { display: inline-block; padding: 3px; width: auto; }.tc-editor-toolbar .tc-search-results { padding: 0; }/* ** Adjustments for fluid-fixed mode */@media (min-width: 960px) {.tc-story-river { padding-right: 0; position: relative; width: auto; left: 0; margin-left: 0px; margin-right: 350px; }.tc-tiddler-frame { width: 100%; }.tc-sidebar-scrollable { left: auto; bottom: 0; right: 0; width: 350px; }body.tc-body .tc-storyview-zoomin-tiddler { width: 100%; width: calc(100% - 42px); }}/* ** Toolbar buttons */.tc-page-controls svg.tc-image-new-button { fill: ; }.tc-page-controls svg.tc-image-options-button { fill: ; }.tc-page-controls svg.tc-image-save-button { fill: ; }.tc-tiddler-controls button svg.tc-image-info-button { fill: ; }.tc-tiddler-controls button svg.tc-image-edit-button { fill: ; }.tc-tiddler-controls button svg.tc-image-close-button { fill: ; }.tc-tiddler-controls button svg.tc-image-delete-button { fill: ; }.tc-tiddler-controls button svg.tc-image-cancel-button { fill: ; }.tc-tiddler-controls button svg.tc-image-done-button { fill: ; }/* ** Tiddler edit mode */.tc-tiddler-edit-frame em.tc-edit { color: #bbb; font-style: normal; }.tc-edit-type-dropdown a.tc-tiddlylink-missing { font-style: normal; }.tc-type-selector .tc-edit-typeeditor { width: 20%; }.tc-edit-tags { border: 1px solid #cccccc; padding: 4px 8px 4px 8px; }.tc-edit-add-tag { display: inline-block; }.tc-edit-add-tag .tc-add-tag-name input { width: 50%; }.tc-edit-add-tag .tc-keyboard { display:inline; }.tc-edit-tags .tc-tag-label { display: inline-block; }.tc-edit-tags-list { margin: 14px 0 14px 0; }.tc-remove-tag-button { padding-left: 4px; }.tc-tiddler-preview { overflow: auto; }.tc-tiddler-preview-preview { float: right; width: 49%; border: 1px solid #cccccc; margin: 4px 0 3px 3px; padding: 3px 3px 3px 3px; }.tc-tiddler-frame .tc-tiddler-preview .tc-edit-texteditor { width: 49%; }.tc-tiddler-frame .tc-tiddler-preview canvas.tc-edit-bitmapeditor { max-width: 49%; }.tc-edit-fields { width: 100%; }.tc-edit-fields table, .tc-edit-fields tr, .tc-edit-fields td { border: none; padding: 4px; }.tc-edit-fields > tbody > .tc-edit-field:nth-child(odd) { background-color: #f0f4f0; }.tc-edit-fields > tbody > .tc-edit-field:nth-child(even) { background-color: #e0e8e0; }.tc-edit-field-name { text-align: right; }.tc-edit-field-value input { width: 100%; }.tc-edit-field-remove { }.tc-edit-field-remove svg { height: 1em; width: 1em; fill: #bbb; vertical-align: middle; }.tc-edit-field-add-name { display: inline-block; width: 15%; }.tc-edit-field-add-value { display: inline-block; width: 40%; }.tc-edit-field-add-button { display: inline-block; width: 10%; }/* ** Storyview Classes */.tc-viewswitcher .tc-image-button { margin-right: .3em; }.tc-storyview-zoomin-tiddler { position: absolute; display: block; width: 100%; }@media (min-width: 960px) {.tc-storyview-zoomin-tiddler { width: calc(100% - 84px); }}/* ** Dropdowns */.tc-btn-dropdown { text-align: left; }.tc-btn-dropdown svg, .tc-btn-dropdown img { height: 1em; width: 1em; fill: #bbb; }.tc-drop-down-wrapper { position: relative; }.tc-drop-down { min-width: 380px; border: 1px solid #bbb; background-color: #ffffff; padding: 7px 0 7px 0; margin: 4px 0 0 0; white-space: nowrap; text-shadow: none; line-height: 1.4; }.tc-drop-down .tc-drop-down { margin-left: 14px; }.tc-drop-down button svg, .tc-drop-down a svg { fill: #333333; }.tc-drop-down button.tc-btn-invisible:hover svg { fill: #333333; }.tc-drop-down .tc-drop-down-info { padding-left: 14px; }.tc-drop-down p { padding: 0 14px 0 14px; }.tc-drop-down svg { width: 1em; height: 1em; }.tc-drop-down img { width: 1em; }.tc-drop-down a, .tc-drop-down button { display: block; padding: 0 14px 0 14px; width: 100%; text-align: left; color: #333333; line-height: 1.4; }.tc-drop-down .tc-tab-set .tc-tab-buttons button { display: inline-block; width: auto; margin-bottom: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.tc-drop-down .tc-prompt { padding: 0 14px; }.tc-drop-down .tc-chooser { border: none; }.tc-drop-down .tc-chooser .tc-swatches-horiz { font-size: 0.4em; padding-left: 1.2em; }.tc-drop-down .tc-file-input-wrapper { width: 100%; }.tc-drop-down .tc-file-input-wrapper button { color: #333333; }.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button { color: #ffffff; background-color: #5778d8; text-decoration: none; }.tc-drop-down .tc-tab-buttons button { background-color: #ececec; }.tc-drop-down .tc-tab-buttons button.tc-tab-selected { background-color: #fff; border-bottom: 1px solid #fff; }.tc-drop-down-bullet { display: inline-block; width: 0.5em; }.tc-drop-down .tc-tab-contents a { padding: 0 0.5em 0 0.5em; }.tc-block-dropdown-wrapper { position: relative; }.tc-block-dropdown { position: absolute; min-width: 220px; border: 1px solid #bbb; background-color: #ffffff; padding: 7px 0; margin: 4px 0 0 0; white-space: nowrap; z-index: 1000; text-shadow: none; }.tc-block-dropdown.tc-search-drop-down { margin-left: -12px; }.tc-block-dropdown a { display: block; padding: 4px 14px 4px 14px; }.tc-block-dropdown.tc-search-drop-down a { display: block; padding: 0px 10px 0px 10px; }.tc-drop-down .tc-dropdown-item-plain, .tc-block-dropdown .tc-dropdown-item-plain { padding: 4px 14px 4px 7px; }.tc-drop-down .tc-dropdown-item, .tc-block-dropdown .tc-dropdown-item { padding: 4px 14px 4px 7px; color: #bbb; }.tc-block-dropdown a:hover { color: #ffffff; background-color: #5778d8; text-decoration: none; }.tc-search-results { padding: 0 7px 0 7px; }.tc-image-chooser, .tc-colour-chooser { white-space: normal; }.tc-image-chooser a, .tc-colour-chooser a { display: inline-block; vertical-align: top; text-align: center; position: relative; }.tc-image-chooser a { border: 1px solid #bbb; padding: 2px; margin: 2px; width: 4em; height: 4em; }.tc-colour-chooser a { padding: 3px; width: 2em; height: 2em; vertical-align: middle; }.tc-image-chooser a:hover, .tc-colour-chooser a:hover { background: #5778d8; padding: 0px; border: 3px solid #5778d8; }.tc-image-chooser a svg, .tc-image-chooser a img { display: inline-block; width: auto; height: auto; max-width: 3.5em; max-height: 3.5em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }/* ** Modals */.tc-modal-wrapper { position: fixed; overflow: auto; overflow-y: scroll; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; }.tc-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #333333; }.tc-modal { z-index: 1100; background-color: #ffffff; border: 1px solid #999999; }@media (max-width: 55em) { .tc-modal { position: fixed; top: 1em; left: 1em; right: 1em; }.tc-modal-body { overflow-y: auto; max-height: 400px; max-height: 60vh; } }@media (min-width: 55em) { .tc-modal { position: fixed; top: 2em; left: 25%; width: 50%; }.tc-modal-body { overflow-y: auto; max-height: 400px; max-height: 60vh; } }.tc-modal-header { padding: 9px 15px; border-bottom: 1px solid #eeeeee; }.tc-modal-header h3 { margin: 0; line-height: 30px; }.tc-modal-header img, .tc-modal-header svg { width: 1em; height: 1em; }.tc-modal-body { padding: 15px; }.tc-modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #dddddd; }/* ** Notifications */.tc-notification { position: fixed; top: 14px; right: 42px; z-index: 1300; max-width: 280px; padding: 0 14px 0 14px; background-color: #ffffdd; border: 1px solid #999999; }/* ** Tabs */.tc-tab-set.tc-vertical { display: -webkit-flex; display: flex; }.tc-tab-buttons { font-size: 0.85em; padding-top: 1em; margin-bottom: -2px; }.tc-tab-buttons.tc-vertical { z-index: 100; display: block; padding-top: 14px; vertical-align: top; text-align: right; margin-bottom: inherit; margin-right: -1px; max-width: 33%; -webkit-flex: 0 0 auto; flex: 0 0 auto; }.tc-tab-buttons button.tc-tab-selected { color: #666666; background-color: #ffffff; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }.tc-tab-buttons button { color: #666666; padding: 3px 5px 3px 5px; margin-right: 0.3em; font-weight: 300; border: none; background: inherit; background-color: #d8d8d8; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.tc-tab-buttons.tc-vertical button { display: block; width: 100%; margin-top: 3px; margin-right: 0; text-align: right; background-color: #d8d8d8; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; }.tc-tab-buttons.tc-vertical button.tc-tab-selected { background-color: #ffffff; border-right: 1px solid #ffffff; }.tc-tab-divider { border-top: 1px solid #d8d8d8; }.tc-tab-divider.tc-vertical { display: none; }.tc-tab-content { margin-top: 14px; }.tc-tab-content.tc-vertical { display: inline-block; vertical-align: top; padding-top: 0; padding-left: 14px; border-left: 1px solid #cccccc; -webkit-flex: 1 0 70%; flex: 1 0 70%; overflow: auto; }.tc-sidebar-lists .tc-tab-buttons { margin-bottom: -1px; }.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected { background-color: #f4f4f4; color: ; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }.tc-sidebar-lists .tc-tab-buttons button { background-color: #e0e0e0; color: #666666; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }.tc-sidebar-lists .tc-tab-divider { border-top: 1px solid #e4e4e4; }.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button { display: block; width: 100%; background-color: #e0e0e0; border-top: none; border-left: none; border-bottom: none; border-right: 1px solid #ccc; margin-bottom: inherit; }.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected { background-color: #f4f4f4; border: none; }/* ** Manager */.tc-manager-wrapper { }.tc-manager-controls { }.tc-manager-control { margin: 0.5em 0; }.tc-manager-list { width: 100%; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; }.tc-manager-list-item {}.tc-manager-list-item-heading { display: block; width: 100%; text-align: left; border-bottom: 1px solid #bbb; padding: 3px; }.tc-manager-list-item-heading-selected { font-weight: bold; color: #ffffff; fill: #ffffff; background-color: #333333; }.tc-manager-list-item-heading:hover { background: #5778d8; color: #ffffff; }.tc-manager-list-item-content { display: flex; }.tc-manager-list-item-content-sidebar { flex: 1 0; background: #f8f8f8; border-right: 0.5em solid #bbb; border-bottom: 0.5em solid #bbb; white-space: nowrap; }.tc-manager-list-item-content-item-heading { display: block; width: 100%; text-align: left; background: #bbb; text-transform: uppercase; font-size: 0.6em; font-weight: bold; padding: 0.5em 0 0.5em 0; }.tc-manager-list-item-content-item-body { padding: 0 0.5em 0 0.5em; }.tc-manager-list-item-content-item-body > pre { margin: 0.5em 0 0.5em 0; border: none; background: inherit; }.tc-manager-list-item-content-tiddler { flex: 3 1; border-left: 0.5em solid #bbb; border-right: 0.5em solid #bbb; border-bottom: 0.5em solid #bbb; }.tc-manager-list-item-content-item-body > table { border: none; padding: 0; margin: 0; }.tc-manager-list-item-content-item-body > table td { border: none; }.tc-manager-icon-editor > button { width: 100%; }.tc-manager-icon-editor > button > svg, .tc-manager-icon-editor > button > button { width: 100%; height: auto; }/* ** Alerts */.tc-alerts { position: fixed; top: 28px; left: 0; right: 0; max-width: 50%; z-index: 20000; }.tc-alert { position: relative; margin: 14px; padding: 7px; border: 1px solid #b99e2f; background-color: #ffe476; }.tc-alert-toolbar { position: absolute; top: 7px; right: 7px; line-height: 0; }.tc-alert-toolbar svg { fill: #b99e2f; }.tc-alert-subtitle { color: #b99e2f; font-weight: bold; font-size: 0.8em; margin-bottom: 0.5em; }.tc-alert-body > p { margin: 0; }.tc-alert-highlight { color: #881122; }@media (min-width: 960px) {.tc-static-alert { position: relative; }.tc-static-alert-inner { position: absolute; z-index: 100; }}.tc-static-alert-inner { padding: 0 2px 2px 42px; color: #aaaaaa; }/* ** Floating drafts list */.tc-drafts-list { z-index: 2000; position: fixed; font-size: 0.8em; left: 0; bottom: 0; }.tc-drafts-list a { margin: 0 0.5em; padding: 4px 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ffffff; border-bottom-none; background: #ff0000; color: #ffffff; fill: #ffffff; }.tc-drafts-list a:hover { text-decoration: none; background: #333333; color: #ffffff; fill: #ffffff; }.tc-drafts-list a svg { width: 1em; height: 1em; vertical-align: text-bottom; }/* ** Control panel */.tc-control-panel td { padding: 4px; }.tc-control-panel table, .tc-control-panel table input, .tc-control-panel table textarea { width: 100%; }.tc-plugin-info { display: flex; border: 1px solid #bbb; fill: #bbb; background-color: #ffffff; margin: 0.5em 0 0.5em 0; padding: 4px; align-items: center; }.tc-plugin-info-sub-plugins .tc-plugin-info { margin: 0.5em; background: #ffffff; }.tc-plugin-info-sub-plugin-indicator { margin: -16px 1em 0 2em; }.tc-plugin-info-sub-plugin-indicator button { color: #ffffff; background: #333333; border-radius: 8px; padding: 2px 7px; font-size: 0.75em; }.tc-plugin-info-sub-plugins .tc-plugin-info-dropdown { margin-left: 1em; margin-right: 1em; }.tc-plugin-info-disabled { background: -webkit-repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px); background: repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px); }.tc-plugin-info-disabled:hover { background: -webkit-repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px); background: repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px); }a.tc-tiddlylink.tc-plugin-info:hover { text-decoration: none; background-color: #5778d8; color: #ffffff; fill: #333333; }a.tc-tiddlylink.tc-plugin-info:hover .tc-plugin-info > .tc-plugin-info-chunk > svg { fill: #333333; }.tc-plugin-info-chunk { margin: 2px; }.tc-plugin-info-chunk.tc-plugin-info-toggle { flex-grow: 0; flex-shrink: 0; line-height: 1; }.tc-plugin-info-chunk.tc-plugin-info-icon { flex-grow: 0; flex-shrink: 0; line-height: 1; }.tc-plugin-info-chunk.tc-plugin-info-description { flex-grow: 1; }.tc-plugin-info-chunk.tc-plugin-info-buttons { font-size: 0.8em; line-height: 1.2; flex-grow: 0; flex-shrink: 0; text-align: right; }.tc-plugin-info-chunk.tc-plugin-info-description h1 { font-size: 1em; line-height: 1.2; margin: 2px 0 2px 0; }.tc-plugin-info-chunk.tc-plugin-info-description h2 { font-size: 0.8em; line-height: 1.2; margin: 2px 0 2px 0; }.tc-plugin-info-chunk.tc-plugin-info-description div { font-size: 0.7em; line-height: 1.2; margin: 2px 0 2px 0; }.tc-plugin-info-chunk.tc-plugin-info-toggle img, .tc-plugin-info-chunk.tc-plugin-info-toggle svg { width: 1em; height: 1em; }.tc-plugin-info-chunk.tc-plugin-info-icon img, .tc-plugin-info-chunk.tc-plugin-info-icon svg { width: 2em; height: 2em; }.tc-plugin-info-dropdown { border: 1px solid #bbb; background: #ffffff; margin-top: -8px; }.tc-plugin-info-dropdown-message { background: #ecf2ff; padding: 0.5em 1em 0.5em 1em; font-weight: bold; font-size: 0.8em; }.tc-plugin-info-dropdown-body { padding: 1em 1em 0 1em; background: #ffffff; }.tc-plugin-info-sub-plugins { padding: 0.5em; margin: 0 1em 1em 1em; background: #ffffdd; }.tc-install-plugin { font-weight: bold; background: green; color: white; fill: white; border-radius: 4px; padding: 3px; }.tc-install-plugin.tc-reinstall-downgrade { background: red; }.tc-install-plugin.tc-reinstall { background: blue; }.tc-install-plugin.tc-reinstall-upgrade { background: orange; }.tc-check-list { line-height: 2em; }.tc-check-list .tc-image-button { height: 1.5em; }/* ** Message boxes */.tc-message-box { border: 1px solid #cfd6e6; background: #ecf2ff; padding: 0px 21px 0px 21px; font-size: 12px; line-height: 18px; color: #547599; }.tc-message-box svg { width: 1em; height: 1em; vertical-align: text-bottom; }/* ** Pictures */.tc-bordered-image { border: 1px solid #bbb; padding: 5px; margin: 5px; }/* ** Floats */.tc-float-right { float: right; }/* ** Chooser */.tc-chooser { border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }.tc-chooser-item { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; padding: 2px 4px 2px 14px; }.tc-drop-down .tc-chooser-item { padding: 2px; }.tc-chosen, .tc-chooser-item:hover { background-color: #f0f0f0; border-color: #a8a8a8; }.tc-chosen .tc-tiddlylink { cursor:default; }.tc-chooser-item .tc-tiddlylink { display: block; text-decoration: none; background-color: transparent; }.tc-chooser-item:hover .tc-tiddlylink:hover { text-decoration: none; }.tc-drop-down .tc-chosen .tc-tiddlylink, .tc-drop-down .tc-chooser-item .tc-tiddlylink:hover { color: #333333; }.tc-chosen > .tc-tiddlylink:before { margin-left: -10px; position: relative; content: "ยป "; }.tc-chooser-item svg, .tc-chooser-item img{ width: 1em; height: 1em; vertical-align: middle; }.tc-language-chooser .tc-image-button img { width: 2em; vertical-align: -0.15em; }/* ** Palette swatches */.tc-swatches-horiz { }.tc-swatches-horiz .tc-swatch { display: inline-block; }.tc-swatch { width: 2em; height: 2em; margin: 0.4em; border: 1px solid #888; }input.tc-palette-manager-colour-input { width: 100%; padding: 0; }/* ** Table of contents */.tc-sidebar-lists .tc-table-of-contents { white-space: nowrap; }.tc-table-of-contents button { color: #acacac; }.tc-table-of-contents svg { width: 0.7em; height: 0.7em; vertical-align: middle; fill: #acacac; }.tc-table-of-contents ol { list-style-type: none; padding-left: 0; }.tc-table-of-contents ol ol { padding-left: 1em; }.tc-table-of-contents li { font-size: 1.0em; font-weight: bold; }.tc-table-of-contents li a { font-weight: bold; }.tc-table-of-contents li li { font-size: 0.95em; font-weight: normal; line-height: 1.4; }.tc-table-of-contents li li a { font-weight: normal; }.tc-table-of-contents li li li { font-size: 0.95em; font-weight: 200; line-height: 1.5; }.tc-table-of-contents li li li li { font-size: 0.95em; font-weight: 200; }.tc-tabbed-table-of-contents { display: -webkit-flex; display: flex; }.tc-tabbed-table-of-contents .tc-table-of-contents { z-index: 100; display: inline-block; padding-left: 1em; max-width: 50%; -webkit-flex: 0 0 auto; flex: 0 0 auto; background: #d8d8d8; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a, .tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a { display: block; padding: 0.12em 1em 0.12em 0.25em; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a { border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a:hover { text-decoration: none; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #cccccc; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #ffffff; margin-right: -1px; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a:hover { text-decoration: none; }.tc-tabbed-table-of-contents .tc-tabbed-table-of-contents-content { display: inline-block; vertical-align: top; padding-left: 1.5em; padding-right: 1.5em; border: 1px solid #cccccc; -webkit-flex: 1 0 50%; flex: 1 0 50%; }/* ** Dirty indicator */body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg { fill: #ff0000; color: #ff0000; }/* ** File inputs */.tc-file-input-wrapper { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }.tc-file-input-wrapper input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 999px; max-width: 100%; max-height: 100%; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: pointer; display: inline-block; }/* ** Thumbnail macros */.tc-thumbnail-wrapper { position: relative; display: inline-block; margin: 6px; vertical-align: top; }.tc-thumbnail-right-wrapper { float:right; margin: 0.5em 0 0.5em 0.5em; }.tc-thumbnail-image { text-align: center; overflow: hidden; border-radius: 3px; }.tc-thumbnail-image svg, .tc-thumbnail-image img { filter: alpha(opacity=1); opacity: 1; min-width: 100%; min-height: 100%; max-width: 100%; }.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg, .tc-thumbnail-wrapper:hover .tc-thumbnail-image img { filter: alpha(opacity=0.8); opacity: 0.8; }.tc-thumbnail-background { position: absolute; border-radius: 3px; }.tc-thumbnail-icon svg, .tc-thumbnail-icon img { width: 3em; height: 3em; -webkit-filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); -moz-filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); }.tc-thumbnail-wrapper:hover .tc-thumbnail-icon svg, .tc-thumbnail-wrapper:hover .tc-thumbnail-icon img { fill: #fff; -webkit-filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.6)); -moz-filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.6)); filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.6)); }.tc-thumbnail-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; display: flex; align-items: center; justify-content: center; }.tc-thumbnail-caption { position: absolute; background-color: #777; color: #fff; text-align: center; bottom: 0; width: 100%; filter: alpha(opacity=0.9); opacity: 0.9; line-height: 1.4; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }.tc-thumbnail-wrapper:hover .tc-thumbnail-caption { filter: alpha(opacity=1); opacity: 1; }/* ** Diffs */.tc-diff-equal { background-color: ; color: #333333; }.tc-diff-insert { background-color: #aaefad; color: #333333; }.tc-diff-delete { background-color: #ffc9c9; color: #333333; }.tc-diff-invisible { background-color: ; color: #bbb; }.tc-diff-tiddlers th { text-align: right; background: #ffffff; font-weight: normal; font-style: italic; }.tc-diff-tiddlers pre { margin: 0; padding: 0; border: none; background: none; }/* ** Errors */.tc-error { background: #f00; color: #fff; }/* ** Tree macro */.tc-tree div { padding-left: 14px; }.tc-tree ol { list-style-type: none; padding-left: 0; margin-top: 0; }.tc-tree ol ol { padding-left: 1em; }.tc-tree button { color: #acacac; }.tc-tree svg { fill: #acacac; }.tc-tree span svg { width: 1em; height: 1em; vertical-align: baseline; }.tc-tree li span { color: lightgray; }select { color: ; background: ; }/* ** Utility classes for SVG icons */.tc-fill-background { fill: #ffffff; } .matched{background-color:yellow} .tw-context {/*border:1px solid; /*word-break: break-all; word-wrap: break-word*/} .tc-relink-references { } .tc-relink-references-table { width: 100%; border: none; } .tc-relink-references-table td { border-left: none; } .tc-relink-references-table tr:first-child td { border-top: none; } .tc-relink-references-title { text-align: left; vertical-align: top; } .tc-relink-references-occurrence { font-style: italic; text-align: left; font-weight: 200; padding-left: 25px; vertical-align: top; } .tc-relink-header-plugin { text-align: left; } .tc-relink-header-plugin button { width: 100% } .tc-relink-column-type { width: 8em; } .tc-relink-column-type select { width: 100%; } .tc-relink-column-delete { border-left: none; text-align: left; } .tc-relink-column-delete button { padding-left: 1em; } .tc-relink-impossible a.tc-tiddlylink { color: red; } /* The \rules pragma at the top of the tiddler restricts the WikiText * to just allow macros and transclusion. This avoids mistakenly * triggering unwanted WikiText processing. * * MUST not save as text/css for macro to be processed */.ect-block-dropdown li { display: block; padding: 4px 14px 4px 14px; text-decoration: none; color: #5778d8; /*#5778d8;*/ background: transparent; } .ect-block-dropdown li[patt-selected="true"] { color: #ffffff; /*#ffffff; */ background-color: #5778d8; /*#5778d8; */ } .ect-block-dropdown li[patt-selected="true"] mark { background: hsl(86, 100%, 21%); color: inherit; } .tc-page-container.tc-page-view-zoomin .tc-storyview-zoomin-tiddler { width: 100%; position: relative; }.tc-btn-storytwotoggle { padding:0px; }.tc-btn-storytwotoggle img { width: 30px; height: 30px; }.tc-sidebar-lists .tc-btn-storytwotoggle-bars { font-size: 1.5em; }.tc-sidebar-lists .tc-btn-storytwotoggle-bars svg { fill: #aaa; }.tc-story-river .sq-button-divert-left{ display: none; }.sq-story-rivertwo-scrollable::-webkit-scrollbar{width:10px}.sq-story-rivertwo-scrollable::-webkit-scrollbar-thumb{background:#a5a5a5;border-radius:10px}.sq-story-rivertwo-scrollable::-webkit-scrollbar-thumb:hover{background:#6f6f6f}.sq-story-rivertwo-scrollable::-webkit-scrollbar-thumb:active{background:#333}.tc-sidebar-tab-open.sq-sidebar-open .tc-btn-invisible.tc-btn-mini { padding: 0 0.2em; }.tc-sidebar-tab-open.sq-sidebar-open .tc-sidebar-tab-open-item { padding: 0.1em; } html body.tc-body .tc-sidebar-tab-open.sq-sidebar-open a.tc-tiddlylink { font-weight: 400; }.tc-sidebar-tab-open.sq-sidebar-open a.tc-tiddlylink { color:#888888; }.tc-sidebar-tab-open.sq-sidebar-open a.tc-tiddlylink:hover { color: #444444; }.sq-twostoriesonly { display: none; }.tc-story-river { padding-top: 15px; }@media (max-width: 1100px) { .sq-twostoriesonly { display: none; }.tc-btn-storytwotoggle { display: none; }.sq-stories-disabled { display: none; }}@media (max-width: 960px) { .tc-story-river { margin-right: 0; } } /* Original highlight.js style (c) Ivan Sagalaev */ .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #F0F0F0; } /* Base color: saturation 0; */ .hljs, .hljs-subst { color: #444; } .hljs-comment { color: #888888; } .hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name { font-weight: bold; } /* User color: hue: 0 */ .hljs-type, .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion { color: #880000; } .hljs-title, .hljs-section { color: #880000; font-weight: bold; } .hljs-regexp, .hljs-symbol, .hljs-variable, .hljs-template-variable, .hljs-link, .hljs-selector-attr, .hljs-selector-pseudo { color: #BC6060; } /* Language color: hue: 90; */ .hljs-literal { color: #78A960; } .hljs-built_in, .hljs-bullet, .hljs-code, .hljs-addition { color: #397300; } /* Meta color: hue: 200 */ .hljs-meta { color: #1f7199; } .hljs-meta-string { color: #4d99bf; } /* Misc effects */ .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f8f8f8;-webkit-text-size-adjust:none}.hljs-comment,.diff .hljs-header,.hljs-javadoc{color:#998;font-style:italic}.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status{color:#333;font-weight:bold}.hljs-number,.hljs-hexcolor,.ruby .hljs-constant{color:teal}.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula{color:#d14}.hljs-title,.hljs-id,.scss .hljs-preprocessor{color:#900;font-weight:bold}.hljs-list .hljs-keyword,.hljs-subst{font-weight:normal}.hljs-class .hljs-title,.hljs-type,.vhdl .hljs-literal,.tex .hljs-command{color:#458;font-weight:bold}.hljs-tag,.hljs-tag .hljs-title,.hljs-rule .hljs-property,.django .hljs-tag .hljs-keyword{color:navy;font-weight:normal}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.hljs-name{color:teal}.hljs-regexp{color:#009926}.hljs-symbol,.ruby .hljs-symbol .hljs-string,.lisp .hljs-keyword,.clojure .hljs-keyword,.scheme .hljs-keyword,.tex .hljs-special,.hljs-prompt{color:#990073}.hljs-built_in{color:#0086b3}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa} /*BOXES*/ html body.tc-body .bluebox {display:block;background-color:#eef;padding:5px;padding-left:20px;padding-top:10px;margin-top:5px;margin-bottom:5px;width:95%;color:#000;} html body.tc-body .graybox {display:block;background-color:#eee;padding:5px;padding-left:20px;padding-top:10px;margin-top:5px;margin-bottom:5px;width:95%;color:#000;} body p {<>;} code {color: #b0a;background-color:#eee;} /*TIGHT NOTES*/ html body.tc-body h1, html body.tc-body h2, html body.tc-body h3, html body.tc-body h4 { margin-top: 0.3em; margin-bottom: 0.3em; } /*FONT SUBTITLES*/ .serif {font-family: 'Arial', sans-serif; color: <>font-size:10pt;} html body.tc-body .serif a.tc-tiddlylink-external {font-family: 'Arial', sans-serif;font-size:12pt; line-height:normal;font-weight:normal;color:#666;} /*FONT STUFF (colors)*/ html body.tc-body .lightgraybk {background:#eee;padding:1px 4px px 4px;margin-bottom:2px;font-family:'Arial', sans-serif;} .red {color:red;} html body.tc-body .blue a {color:blue;} /*FONT STUFF SOURCES*/ html body.tc-body .source {color:#777;font-size:10pt;} /*ICON COLORS*/ html body.tc-body .tc-image-edit-button {stroke: white;fill:#555;} html body.tc-body .tc-image-chevron-up {stroke: white;fill:#ccc;} html body.tc-body .tc-image-chevron-down {stroke: white;fill:#ccc;} html body.tc-body .tc-image-fold-button {stroke: white;fill:#ccc;} html body.tc-body .tc-image-close-button {stroke: white;fill:#555;} html body.tc-body .tc-image-unfold-button {stroke: white;fill:#ccc;} html body.tc-body .tc-image-preview-open {stroke: white;fill:#f29;font-size:150%;} html body.tc-body .tc-image-delete-button {stroke: white;fill:#ff2222;} html body.tc-body .tc-image-cancel-button {stroke: white;fill:#ffdd55;} html body.tc-body .tc-image-done-button {stroke: white;fill:#094;} /*INDENTING*/ html body.tc-body .indent1 {margin-left:1.5em;display:block;} /*LINKS*/ html body.tc-body a.tc-tiddlylink {text-decoration: none;font-style: normal;font-weight: normal;} html body.tc-body a.tc-tiddlylink-external {text-decoration: none;font-weight: normal;} html body.tc-body a.tc-tiddlylink-visited {text-decoration: none;font-weight: normal;} html body.tc-body .source a.tc-tiddlylink-external {font-weight: normal;font-size:10pt;} /*LISTS BASIC*/ html body.tc-body ul li {color: <>;} html body.tc-body ol li {color:<>;} /*TIDDLER TITLES*/ .tc-tiddler-missing .tc-title { font-style: normal; font-weight: bold; } /*VIEWTEMPLATE FONT SIZE*/ html body.tc-body .viewtemplatebigtext {font-size:110%;} /*HIDE SECTIONS FOR PRINTING*/ @media print {#tc-page-background {display: none ! important;}} @media print {.tc-tags-wrapper {display: none ! important;}} @media print { body.tc-body {background-color: transparent;}} @media print {.tc-image-chevron-up {display: none ! important;}} @media print {.tc-image-chevron-down {display: none ! important;}} @media print {button.sidebar-toggle {display: none ! important;}} @media print {.hideprint {display: none ! important;}} @media print {.tc-btn-invisible {display: none ! important;}} @media print { .story-river { margin: 0; padding: 0; } html body.tc-body .tc-tiddler-frame { margin: 0; border-bottom: 1px solid #fff; padding: 5px;} html body.tc-body a.tc-tiddlylink-external:hover { border: 1px solid <>; } html body.tc-body .tc-tiddler-info { padding: 14px 42px 14px 42px; background-color: <>;} } .bm-table {margin:0 auto;} .bm-table, .bm-table th, .bm-table td { border:0; background:white; } .bm-input-table {width:100%;} .bm-input-table > tr > td:nth-child(2) {max-width:300px;} .bm-input-table select {max-width:calc(100% - 50px - 1.2em);} .bm-fieldeditor {max-width:calc(100% - 1.2em);} .bm-relations-table {margin-top:4em;} .bm-table th.rotate { white-space: nowrap; vertical-align:bottom; } .bm-table th.rotate > div { transform: translate(27px, -.5em) rotate(315deg); width: 1em; margin-left:-1em; } .bm-table th.rotate > div > span { border-bottom: 1px solid #ccc; padding: 0px 10px 2px 0; margin-left:-.6em; background:white; } .bm-table ::-webkit-input-placeholder { color: #a6a6a6; } .bm-table :-ms-input-placeholder { color: #a6a6a6; } .bm-table ::-ms-input-placeholder { color: #a6a6a6; } .bm-table ::-moz-placeholder { color: #a6a6a6; } .bm-singledata-table-head {border-bottom:2px solid silver} .bm-btn {width:1em;} .bm-btn-addtofilter {color:blue; } .bm-btn-add, .tm-add-tag, .tm-add-field { background:lightgray;} .bm-btn-remove, .tm-remove-tag, .tm-remove-field {background:lightgreen;} .peek {display:none;z-index:2;background-color:lightgray;position:absolute;} .peek-hover:hover .peek {display:block; background:lightgray;} .bm-tooltip {position:absolute; display:none; z-index:2;background:white; margin:-2.6em -1em; border:1px solid silver; padding:0 5px; color:black;white-space:nowrap;} .bm-btn-tooltip:hover .bm-tooltip {display:block;} .bm-fontsmall {font-size:.8em; fill:gray;} .bm-center {text-align:center; vertical-align:text-bottom;} .bm-fontsmall svg, .bm-fontsmall input[type="checkbox"] {vertical-align:text-top} .bm-alert {border-color:red;} .bm-drag {background:#ec6; border-radius:1em; padding:0; line-height:1.1em; width:3em; display:inline-block;} button.green-link {color:#00cc00;} .matched {background-color:#ffc;} .tw-context { border:0px solid #eee;background-color:#eee; word-break: break-all; word-wrap: break-word;} .tc-tiddler-controls { display: none; }.tc-tab-buttons { display: none; }