UserCSS:プレゼンテーションモード
css.presentation {
}プレゼンテーションモードページ区切り用のclass
css.section-title{
}
.presentation .line.section-title {
}stylexx.css.presentation .line.section-title {
color: #39ac86; /* green */
}stylexx.csshtml[data-display-style*="presentation"] body {
background-color: var(--page-bg, #fefefe);
}
.app.presentation .navbar,
.app.presentation .quick-launch,
.app.presentation .related-page-list,
.app.presentation .telomere,
.app.presentation .status-bar {
display: none;
}
.app.presentation .page {
box-shadow: none;
opacity: 0.8;
transition: opacity 0.5s;
}
.app.presentation .line {
font-size: 3vw;
line-height: 1.2em;
word-break: auto-phrase;
}
.app.presentation .editor .line-title .text {
font-size: 6vw;
margin-bottom: 0.5em;
text-align: center;
}
.app.presentation .line .text:not(.section-title):not(.code-block) {
margin-bottom: 10px;
}
.app.presentation .line img {
zoom: 150%;
}
.app.presentation .line .code-block {
line-height: 1em;
background-color: var(--code-bg, rgba(0, 0, 0, 0.04));
}
.app.presentation .line .code-block code {
font-size: 0.6em;
}
.app.presentation .line .code-block code.code-body {
margin-left: -0.9em;
}
.app.presentation .line .dot {
width: 0.5vw;
height: 0.5vw;
top: calc(0.6em - 0.25vw);
right: 1vw;
}
.app.presentation .line.section-title {
font-size: 6vw;
margin-bottom: 0.5em;
text-align: center;
}
.app.presentation .line.section-title:not(:first-child) {
page-break-before: always;
}
@media print {
.app.presentation .line {
display: block !important;
}
}
.app.presentation .shared-cursors .cursor {
font-size: 5vw;
line-height: 1.5em;
background-color: var(--accent-color);
}
.app.presentation .col-page {
min-width: 80vw;
max-width: 130vh;
}
.app.presentation .col-page-side {
opacity: 0;
transition: opacity 0.5s;
}
.app.presentation .col-page-side:hover {
opacity: 1;
}
html[data-os*="android"] .app.presentation .line,
.app.presentation[data-os*="android"] .line {
display: block;
}
html[data-os*="android"] .app.presentation .section-title:not(:first-child),
.app.presentation[data-os*="android"] .section-title:not(:first-child) {
margin-top: 50vh;
}
html[data-os*="ios"] .app.presentation .line,
.app.presentation[data-os*="ios"] .line {
display: block;
}
html[data-os*="ios"] .app.presentation .section-title:not(:first-child),
.app.presentation[data-os*="ios"] .section-title:not(:first-child) {
margin-top: 50vh;
}
/* ... */
html[data-display-style*="presentation"] .text-input {
font-size: 3vw;
}
html[data-display-style*="presentation"] .text-input.line-title {
font-size: 6vw;
}stylexx.css html[data-display-style*="presentation"] body {
background-color: pink ;
} style.css.app.presentation .page {
box-shadow: none;
opacity: 0.7;
transition: opacity 0.1s;
}stylexx.csshtml[data-display-style*="presentation"] body {
background-color: var(--page-bg, #fefefe);
@media only screen and (min-width: 960px) {
content: "";
/* background-image: url('/api/pages/suto3scratchpad/クオリアさん/icon'); */
/* background-image: url('/api/pages/suto3scratchpad/Qualia-san/icon'); /* */
background-image: url('/api/pages/qualia-san/Qualia-san/icon');
background-size: 255px 255px; /* */
display: block;
width: 255px;
height: 255px;
position: fixed;
right: 0px;
bottom: 0px;
}
}