ಟೆಂಪ್ಲೇಟು:Template journal inline/styles.css
ಗೋಚರ
/* {{pp-template}} */
span.tj-tape {
padding: 1px 4px;
font-family: "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace;
white-space: pre-wrap;
word-wrap: break-word;
background-color: var(--background-color-neutral-subtle, #f8f9fa);
color: var(--color-emphasized, #000);
border: 1px solid var(--border-color-muted, #eaecf0);
line-height: 1.3;
tab-size: 4;
vertical-align: baseline;
border-radius: 2px;
margin: 0;
}
span.tj-tape span.tj-tn,
span.tj-tape span.tj-tn a,
span.tj-tape span.tj-tn a:link,
span.tj-tape span.tj-tn a:visited,
span.tj-tape span.tj-tn a:hover {
font-weight: bold;
color: #4169e1;
}
span.tj-tape span.tj-an {
font-weight: bold;
color: #2e8b57;
}
span.tj-tape span.tj-ac {
font-style: italic;
color: #933;
}
span.tj-tape span.tj-nc {
margin: 0 .075em;
}
span.tj-tape span.tj-nc + span.tj-nc,
span.tj-tape span.tj-nc:first-child {
margin: 0 .075em 0 0;
}
span.tj-tape span.tj-nc:last-child {
margin: 0 0 0 .075em;
}
/* Dark mode support */
@media screen {
html.skin-theme-clientpref-night div.tj-tape span.tj-tn,
html.skin-theme-clientpref-night div.tj-tape span.tj-tn a,
html.skin-theme-clientpref-night div.tj-tape span.tj-tn a:link,
html.skin-theme-clientpref-night div.tj-tape span.tj-tn a:visited,
html.skin-theme-clientpref-night div.tj-tape span.tj-tn a:hover {
color: #6383E7;
}
html.skin-theme-clientpref-night div.tj-tape span.tj-an {
color: #339a60;
}
html.skin-theme-clientpref-night div.tj-tape span.tj-ac {
color: #D07373;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os div.tj-tape span.tj-tn,
html.skin-theme-clientpref-os div.tj-tape span.tj-tn a,
html.skin-theme-clientpref-os div.tj-tape span.tj-tn a:link,
html.skin-theme-clientpref-os div.tj-tape span.tj-tn a:visited,
html.skin-theme-clientpref-os div.tj-tape span.tj-tn a:hover {
color: #6383E7;
}
html.skin-theme-clientpref-os div.tj-tape span.tj-an {
color: #339a60;
}
html.skin-theme-clientpref-os div.tj-tape span.tj-ac {
color: #D07373;
}
}