asdf/style.css at main · HTML5-CSS-JS/asdf · GitHub

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
body {
	font-family:"Noto Sans Korean", "Noto Sans Japanese", "Noto Sans Hong Kong", "Noto Sans Traditional Chinese", "Noto Sans Simplified Chinese", "Noto Sans Symbols", sans-serif;
	color:RGB(255, 255, 255);
	background-color:#1f1f1f;
	font-size:30px;
	margin:0;
	padding:0;
}
hr {
	border:1px solid #555;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	background-color:inherit;
}
del,s {
	color:#808080;
}
del:hover,del:active,s:hover,s:active {
	color:#808080;
	text-decoration:none;
}
.center {
	text-align:center;
}
kbd {
	font-family:"Noto Sans Korean",sans-serif;
	color:inherit;
	text-shadow:5px 5px 5px #666;
}
*:root {
	overflow:auto;
	word-break:keep-all;
}
a:link,a:visited,a:hover,a:active {
	color:#e35300;
	text-decoration: none;
}
@keyframes blink-toggle {
 0%, 49% { opacity: 1; }
 50%, 100% { opacity: 0; }
}
blink {
 display: inline; / inline 요소로 유지 /
 animation: blink-toggle 1s steps(1, start) infinite;
 -webkit-animation: blink-toggle 1s steps(1, start) infinite;
}
@media (prefers-reduced-motion: reduce) {
 blink { animation: none; -webkit-animation: none; }
}

/* 코드 태그와 코드 블록에 코딩용 고정폭 글꼴 적용 */
code, pre, kbd, samp, code[class*="language-"], pre[class*="language-"] {
  /* 우선순위 있는 모던 코딩 폰트들 + 대체 폰트 */
  font-family: "Fira Code", "JetBrains Mono", "Source Code Pro", "Menlo", "Consolas", "Monaco", "Andale Mono", monospace;
  font-size: 0.9em; /* 본문보다 약간 작게 */
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 프로그래밍용 가독성 보조 */
  line-height: 1.45;
  font-variant-ligatures: contextual;
  font-feature-settings: "liga" 1, "calt" 1;
}

/* 인라인 코드 스타일 */
code, code[class*="language-"] {
  background-color: rgba(255,255,255,0.03);
  padding: 0.12em 0.35em;
  border-radius: 4px;
  white-space: pre-wrap;
  word-break: normal;
}

/* 코드 블록(pre) 스타일 */
pre, pre[class*="language-"] {
  display: block;
  background-color: rgba(255,255,255,0.02);
  padding: 0.8em;
  margin: 0.6em 0;
  border-radius: 6px;
  overflow: auto;
  white-space: pre;
  tab-size: 4;
}

/* reduced motion 환경에서는 ligature 애니메이션 관련 영향 없도록(안정성) */
@media (prefers-reduced-motion: reduce) {
  code, pre, kbd, samp { font-feature-settings: "liga" 0, "calt" 0; }
}


@font-face {
    font-family: 'Cafe24Surround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}