diff --git a/jungle/drumming.html b/jungle/drumming.html index 730125e..086ccbe 100644 --- a/jungle/drumming.html +++ b/jungle/drumming.html @@ -14,6 +14,11 @@ drumming: Entropic Jungle — dreat's take on digital garden +
+

Entropic Jungle

+ +
dreat's take on digital garden
+

diff --git a/jungle/index.html b/jungle/index.html index fa051bf..96a80e9 100644 --- a/jungle/index.html +++ b/jungle/index.html @@ -14,6 +14,11 @@ index: Entropic Jungle — dreat's take on digital garden +
+

Entropic Jungle

+ +
dreat's take on digital garden
+

diff --git a/jungle/static.css b/jungle/static.css new file mode 100644 index 0000000..c477e56 --- /dev/null +++ b/jungle/static.css @@ -0,0 +1,2673 @@ +/* +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; +} \ No newline at end of file