I added the PrintRiver div class to the code. Give the below update a shot:
.tc-tiddler-body input[type="checkbox"],
.tc-tiddler-preview-preview input[type="checkbox"],
.tc-sidebar-scrollable input[type="checkbox"],
.tc-print-river-view-template input[type="checkbox"] {
-webkit-appearance:none;
background-color: rgb(38,38,38);
border: none;
box-shadow: 0 0 0 1px rgba(210,210,210,0.5) inset;
display: inline-block;
height: 0.8em;
outline-color: transparent;
width: 0.8em;
}
.tc-tiddler-body input[type="checkbox"]:checked,
.tc-tiddler-preview-preview input[type="checkbox"]:checked,
.tc-sidebar-scrollable input[type="checkbox"]:checked,
.tc-print-river-view-template input[type="checkbox"]:checked {
background-color: rgba(38, 38, 38,0.5);
}
.tc-tiddler-body input[type="checkbox"]:checked::after,
.tc-tiddler-preview-preview input[type="checkbox"]:checked::after,
.tc-sidebar-scrollable input[type="checkbox"]:checked::after,
.tc-print-river-view-template input[type="checkbox"]:checked::after {
color: rgb(144,238,144);
content: "\2713";
font-size: 1.1em;
font-weight: bold;
left: 0;
position: relative;
text-shadow: 1px 1px 1px #000;
top: -0.3em;
}
.tc-tiddler-body input[type="checkbox"]:active,
.tc-tiddler-preview-preview input[type="checkbox"]:active,
.tc-sidebar-scrollable input[type="checkbox"]:active,
.tc-print-river-view-template input[type="checkbox"]:active {
border: none;
box-shadow: none;
outline-color: transparent;
}
On Friday, June 18, 2021 at 10:53:11 AM UTC-7 S² wrote:
> Hello,
>
> I got this CSS (
>
> https://groups.google.com/g/tiddlywiki/c/483sdAJq6AY/m/r8Q3H8YmBQAJ
> ) from Brain - thanks to Brain - to have custom checkbox colors.
>
> This is working fine for the Wiki but not for the PrintRiver Plugin.
> Print Preview:
> [image: PrintRiver_print_window.png]
>
> This is my adapted CSS:
>
> .tc-tiddler-body input[type="checkbox"],
> .tc-tiddler-preview-preview input[type="checkbox"],
> .tc-sidebar-scrollable input[type="checkbox"] {
> -webkit-appearance:none;
> background-color: rgb(38,38,38);
> border: none;
> box-shadow: 0 0 0 1px rgba(210,210,210,0.5) inset;
> display: inline-block;
> height: 0.8em;
> outline-color: transparent;
> width: 0.8em;
> }
>
> .tc-tiddler-body input[type="checkbox"]:checked,
> .tc-tiddler-preview-preview input[type="checkbox"]:checked,
> .tc-sidebar-scrollable input[type="checkbox"]:checked {
> background-color: rgba(38, 38, 38,0.5);
> }
>
> .tc-tiddler-body input[type="checkbox"]:checked::after,
> .tc-tiddler-preview-preview input[type="checkbox"]:checked::after,
> .tc-sidebar-scrollable input[type="checkbox"]:checked::after {
> color: rgb(144,238,144);
> content: "\2713";
> font-size: 1.1em;
> font-weight: bold;
> left: 0;
> position: relative;
> text-shadow: 1px 1px 1px #000;
> top: -0.3em;
> }
>
> .tc-tiddler-body input[type="checkbox"]:active,
> .tc-tiddler-preview-preview input[type="checkbox"]:active,
> .tc-sidebar-scrollable input[type="checkbox"]:active {
> border: none;
> box-shadow: none;
> outline-color: transparent;
> }
>
> What is needed to have it also for the PrintRiver Plugin?
>
> Thanks for feedback
> Stefan
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/fda83f97-b2a3-4b0b-8560-a066406f133bn%40googlegroups.com.
