User:Mikevoir/SourceTemplateData.css


 * root .theme-fandomdesktop-light, :root .theme-fandommobile-light {

--SourceTemplateData-textarea-color-scheme: light; --SourceTemplateData-puzzle-filter: invert(0); }
 * root .theme-fandomdesktop-dark, :root .theme-fandommobile-dark {

--SourceTemplateData-textarea-color-scheme: dark; --SourceTemplateData-puzzle-filter: invert(1); }

/* Template general info */ .td-popup-header { display: block; position: relative; width: 100%; top: 0; left: 0; right: 0; bottom: 0; color: var(--theme-page-text-color); color-scheme: var(--SourceTemplateData-textarea-color-scheme); font-size: 16px; }

.td-popup-format-text { color: #54595d; overflow-wrap: break-word; }

/* Hide the default checkbox */ input.td-popup-checkbox { opacity: 0; position: absolute; } /* Style the artificial checkbox */ label.td-popup-checkbox:before { display: inline-flex; content: '\2800'; position: relative; align-items: center; border-style: solid; border-width: 2px; color: var(--theme-link-color); height: 16px; width: 16px; top: 0; bottom: 0; left: 0; margin-right: 4px; }

/* Style its checked state with a tick */ input.td-popup-checkbox:checked + label.td-popup-checkbox:before { content: '\2714'; } label.td-popup-checkbox { display: inline; }

/* Template params */ .td-popup-params { background: none; margin: 0; height: calc(100% - 5em); top: 0; bottom: 36px; padding: 8px 19px; overflow: auto; z-index: 991; position: relative; display: flex; flex-direction: column; margin-top: 20px; gap: 20px; color-scheme: var(--SourceTemplateData-textarea-color-scheme); } .td-popup-param { display: block; position: relative; width: 100%; border: 1px solid var(--theme-link-color); padding: 8px; border-radius: 3px; top: 0; } .td-popup-param-example { color: #54595d; overflow-wrap: break-word; } .td-popup-param-label { box-sizing: border-box; display: inline-block; vertical-align: middle; font-weight: bold; overflow-wrap: break-word; font-size: 1.1em; line-height: 1.705em; } .td-popup-param-list { display: inline-flex; width: fit-content; margin-left: .5em; gap: .5em; } .td-popup-param-value { min-width: 100%; max-width: 100%; }

/* Param filter */ .td-popup-param-filterout { display: none; }