편집 요약 없음 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 37개는 보이지 않습니다) | |||
9번째 줄: | 9번째 줄: | ||
align-items: center; | align-items: center; | ||
overflow: hidden; | overflow: hidden; | ||
z-index:- | z-index:-10; | ||
-webkit-user-select: none; | -webkit-user-select: none; | ||
-moz-user-select: none; | -moz-user-select: none; | ||
20번째 줄: | 20번째 줄: | ||
font-family: "Pretendard", "Pretendard JP Variable"; | font-family: "Pretendard", "Pretendard JP Variable"; | ||
color: #252525; | color: #252525; | ||
padding: 20px; | |||
font-size: 10pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
} | |||
.seolbanner { | |||
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4); | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: #191919; | |||
padding: 20px; | padding: 20px; | ||
font-size: 10pt; | font-size: 10pt; | ||
58번째 줄: | 69번째 줄: | ||
width: 100%; | width: 100%; | ||
user-select: none; | user-select: none; | ||
} | |||
.afpbanner-1 { | |||
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464); | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: white; | |||
padding: 20px; | |||
font-size: 10pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
} | |||
.votebanner { | |||
background: white; | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: #252525; | |||
padding: 20px; | |||
font-size: 10pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
border: 1px solid #252525; | |||
} | |||
.votebanner img { | |||
margin-bottom: 5px; | |||
} | |||
.votebanner text { | |||
margin-top: 15px; | |||
line-height: 23px; | |||
} | } | ||
89번째 줄: | 132번째 줄: | ||
background: none; | background: none; | ||
color: #CFA547; | color: #CFA547; | ||
font-size: 9.5pt; | |||
font-size: | |||
font-family: Chosunilbo_myungjo; | font-family: Chosunilbo_myungjo; | ||
margin-bottom: 10px; | |||
user-select: none; | |||
} | } | ||
103번째 줄: | 147번째 줄: | ||
line-height: 30px; | line-height: 30px; | ||
font-family: Chosunilbo_myungjo; | font-family: Chosunilbo_myungjo; | ||
user-select: none; | |||
} | } | ||
117번째 줄: | 162번째 줄: | ||
line-height: 25px; | line-height: 25px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
font-weight: bold; | |||
font-family: Chosunilbo_myungjo; | font-family: Chosunilbo_myungjo; | ||
user-select: none; | |||
} | } | ||
125번째 줄: | 172번째 줄: | ||
font-family: "Pretendard JP Variable"; | font-family: "Pretendard JP Variable"; | ||
color: #252525; | color: #252525; | ||
padding: 20px; | |||
font-size: 9pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
} | |||
.seolbanner { | |||
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4); | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: #191919; | |||
padding: 20px; | padding: 20px; | ||
font-size: 9pt; | font-size: 9pt; | ||
163번째 줄: | 221번째 줄: | ||
width: 100%; | width: 100%; | ||
user-select: none; | user-select: none; | ||
} | |||
.afpbanner-1 { | |||
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464); | |||
font-family: "Pretendard JP Variable"; | |||
padding: 20px; | |||
font-size: 9pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
} | |||
.votebanner { | |||
background: white; | |||
color: #252525; | |||
font-family: "Pretendard JP Variable"; | |||
padding: 20px; | |||
font-size: 9pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
border: 1px solid #252525; | |||
} | |||
.votebanner img { | |||
padding-bottom: 7px; | |||
} | |||
.votebanner text { | |||
margin-top: -2px; | |||
line-height: 20px; | |||
} | } | ||
180번째 줄: | 269번째 줄: | ||
background: none; | background: none; | ||
color: #CFA547; | color: #CFA547; | ||
line-height: | line-height: 22px; | ||
font-size: 9.2pt; | |||
font-size: | |||
font-family: Chosunilbo_myungjo; | font-family: Chosunilbo_myungjo; | ||
user-select: none; | |||
} | } | ||
194번째 줄: | 283번째 줄: | ||
line-height: 30px; | line-height: 30px; | ||
font-family: Chosunilbo_myungjo; | font-family: Chosunilbo_myungjo; | ||
user-select: none; | |||
} | } | ||
207번째 줄: | 297번째 줄: | ||
line-height: 25px; | line-height: 25px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
font-weight: bold; | |||
font-family: Chosunilbo_myungjo; | font-family: Chosunilbo_myungjo; | ||
user-select: none; | |||
} | } | ||
} | } |
2024년 4월 5일 (금) 17:59 판
/* 뒷배경 */
.AOC-bg1 {
position: fixed;
width: 100%;
height: 100vh;
background-repeat: repeat-y;
display: inherit;
justify-content: center;
align-items: center;
overflow: hidden;
z-index:-10;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* 배너 */
.banner {
background: #00F1BA;
font-family: "Pretendard", "Pretendard JP Variable";
color: #252525;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.seolbanner {
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4);
font-family: "Pretendard", "Pretendard JP Variable";
color: #191919;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.chuseokbanner {
background: linear-gradient(180deg, #244484, #203C74, #1E386C);
font-family: "Pretendard", "Pretendard JP Variable";
color: #F1BF1E;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.christmasbanner {
background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666);
font-family: "Pretendard", "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.banner2024 {
background: #2F2725;
font-family: "Pretendard", "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.afpbanner-1 {
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464);
font-family: "Pretendard", "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.votebanner {
background: white;
font-family: "Pretendard", "Pretendard JP Variable";
color: #252525;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
border: 1px solid #252525;
}
.votebanner img {
margin-bottom: 5px;
}
.votebanner text {
margin-top: 15px;
line-height: 23px;
}
/* 문구 */
.text {
text-align: center;
font-family: "Pretendard", "Pretendard JP Variable";
background: none;
margin-top: 1px;
margin-bottom: 7px;
font-size: 10pt;
user-select: none;
}
/* 선택 모션 */
.set-image-ani {
opacity: 0.6;
user-select: none;
transition: opacity 0.2s
}
.set-image-ani:hover {
opacity: 1;
transition: opacity 0.2s
}
/* 문단 선택 */
.paragraph {
width:100%;
text-align: center;
background: none;
color: #CFA547;
font-size: 9.5pt;
font-family: Chosunilbo_myungjo;
margin-bottom: 10px;
user-select: none;
}
/* 개별 상세 내용 */
.detail-doc {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16pt;
color: #CFA547;
line-height: 30px;
font-family: Chosunilbo_myungjo;
user-select: none;
}
.detail-doc a {
font-family: Chosunilbo_myungjo;
}
/* 인용문 */
.quote {
text-align: center;
margin-top: 10px;
font-size: 14pt;
color: #CFA547;
line-height: 25px;
margin-bottom: 20px;
font-weight: bold;
font-family: Chosunilbo_myungjo;
user-select: none;
}
@media screen and (max-width: 768px) {
.banner {
background: #00F1BA;
font-family: "Pretendard JP Variable";
color: #252525;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.seolbanner {
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4);
font-family: "Pretendard", "Pretendard JP Variable";
color: #191919;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.chuseokbanner {
background: linear-gradient(180deg, #244484, #203C74, #1E386C);
font-family: "Pretendard JP Variable";
color: #F1BF1E;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.christmasbanner {
background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666);
font-family: "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.banner2024 {
background: #2F2725;
font-family: "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.afpbanner-1 {
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464);
font-family: "Pretendard JP Variable";
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.votebanner {
background: white;
color: #252525;
font-family: "Pretendard JP Variable";
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
border: 1px solid #252525;
}
.votebanner img {
padding-bottom: 7px;
}
.votebanner text {
margin-top: -2px;
line-height: 20px;
}
.text {
font-family: "Pretendard JP Variable";
text-align: center;
margin-top: -2.5px;
margin-bottom: 5px;
font-size: 9.8px;
letter-spacing: -0.3px;
user-select: none;
}
.paragraph {
width:100%;
text-align: center;
background: none;
color: #CFA547;
line-height: 22px;
font-size: 9.2pt;
font-family: Chosunilbo_myungjo;
user-select: none;
}
.detail-doc {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14pt;
color: #CFA547;
line-height: 30px;
font-family: Chosunilbo_myungjo;
user-select: none;
}
.detail-doc a {
font-family: Chosunilbo_myungjo;
}
.quote {
text-align: center;
margin-top: 10px;
font-size: 12pt;
color: #CFA547;
line-height: 25px;
margin-bottom: 20px;
font-weight: bold;
font-family: Chosunilbo_myungjo;
user-select: none;
}
}