forPresentation

code:style.css

/* 行間を広く */

.presentation .text { line-height: 1.8 }

/* スライドごとのタイトルになる文字のスタイルを、太く、小さく、左寄せに */

.presentation .section-0 .line.section-title, .presentation .line.section-title, .presentation .line.section-title strong {

font-weight: 700 !important;

font-size: 96px !important;

text-align: left !important;

}

/* スライドの本文の文字を大きく */

.presentation .line {

font-size: 48px !important;

line-height: 1.1 !important;

}

/* スライドの本文中の見出しの行高さ */

.presentation .line strong {

line-height: 1.2 !important;

}

/* スライド内の版面率を上げる＝余白を減らす */

.app.presentation { padding-top: 26px; }

.app.presentation .col-page { min-width: 95vw; }

/* 箇条書きのドットの位置を調整 */

.presentation .line .indent-mark .dot { top: calc(100% - 0.15em); width: 0.4em; height: 0.3em; margin-right: 0.1em; }

/* 白抜き */

.presentation .line .deco-\~ {

text-emphasis: none;

-webkit-text-emphasis: none;

display: inline-block;

position: relative;

width: 100%;

padding-left: 0.5em;

padding-top: 15px;

padding-bottom: 10px;

}

/* 囲みボーダー */

.presentation .line .deco-\. {

text-emphasis: none;

-webkit-text-emphasis: none;

display: inline-block;

/* position: relative; */

/* width: 100%; */

padding-top: 8px;

padding-left: 0.5em;

border-left: 32px solid;

border-bottom: 4px solid;

border-right: 32px solid;

border-top: 4px solid;

}

/* L字ボーダー */

.presentation .line .deco-\& {

text-emphasis: none;

-webkit-text-emphasis: none;

display: inline-block;

/* position: relative;

width: 100%; */

padding-left: 0.5em;

padding-right: 1em;

padding-top: 8px;

padding-bottom: 2px;

border-left: 32px solid;

border-bottom: 4px solid;

}

/* 長方形アクセント */

.presentation .line .deco-\+ {

text-emphasis: none;

-webkit-text-emphasis: none;

display: inline-block;

position: relative;

/* width: 100%; */

padding-top: 8px;

padding-left: 0.5em;

border-left: 32px solid;

}

/* スライドタイトルの目立つ見出しのmarginをゼロに */

.presentation .line.section-title .deco-\~, .presentation .line.section-title .deco-\., .presentation .line.section-title .deco-\&, .presentation .line.section-title .deco-\+ {

margin-top: 0;

margin-bottom: 0;

}

.app.presentation .line.section-title:not(.section-0) .text {

text-align: left !important;

}