プレゼンテーションモードを良い感じにするCSS

Last updated Unknown Edit Source

cssで凸版ゴシックを使うようにした
- フォントない環境(mac
  
  mac
  
  とかで興味深いーって思ったことをメモっていくタップでクリックトラックパッドの滑らかさ #Apple #mac ...
  
  1/3/2023
  
  以外)だとダメだと思うけど、まあ多分自分の環境でしか動かさんからいいかな
- 別にフォント違っても見れないわけじゃないし

style.css

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
 @import url("https://fonts.googleapis.com/css?family=Kosugi Maru");
 .app.presentation .line.section-title {
 	font-family: "Toppan Bunkyu Midashi Gothic";
 	font-size: 5vw;
 }
 .app.presentation .line.line-title {
  	font-family: "Toppan Bunkyu Midashi Gothic";
  	font-size: 6vw;
 }
 .app.presentation .line {
 	font-family: "Toppan Bunkyu Gothic";
 	font-weight: bold;
 	color: black;
 	line-height: 160%;
 	font-size: 2.3vw;
 }

style.css

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.app.presentation .line .dot {
    width: .8vw;
    height: .8vw;
    top: calc(.8em - .25vw);
    right: 1vw;
}

.app.presentation .line .indent-mark .dot {
  background-color: #dfdfdf;
}

.app.presentation .deco-\# {
	top: 25vh;
    position: relative;
}
.app.presentation .deco-\* {
	font-family: "Toppan Bunkyu Midashi Gothic";
}

.app.presentation .deco-\~ {
	font-family: "Toppan Bunkyu Midashi Gothic";
}
.app.presentation .deco-\+ {
	font-family: "Toppan Bunkyu Midashi Gothic";
}
.app.presentation {
  --page-bg: #fff;
  --body-bg: #ffffff;
}
html[data-display-style*=presentation] body {
	background-color: #fff;
}

Bluemo's Brain

プレゼンテーションモードを良い感じにするCSS

mac

Backlinks

general_css

scrapboxのプレゼンモード

Interactive Graph