편집 요약 없음 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 4개는 보이지 않습니다) | |||
9번째 줄: | 9번째 줄: | ||
padding: 20px; | padding: 20px; | ||
line-height: 30px; | line-height: 30px; | ||
font-weight: 700; | |||
font-size: 10.5pt; | font-size: 10.5pt; | ||
text-align: center; | text-align: center; | ||
user-select: none; | user-select: none; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | |||
.banner b { | |||
font-family: "SUITE Variable"; | |||
} | } | ||
89번째 줄: | 94번째 줄: | ||
margin-top: 15px; | margin-top: 15px; | ||
line-height: 23px; | line-height: 23px; | ||
} | } | ||
159번째 줄: | 153번째 줄: | ||
background: white; | background: white; | ||
width: 100%; | width: 100%; | ||
margin-left: auto; | |||
font-family: "SUITE Variable"; | font-family: "SUITE Variable"; | ||
color: #252525; | color: #252525; | ||
line-height: 30px; | |||
padding: 20px; | padding: 20px; | ||
font-size: | font-size: 8.5pt; | ||
font-weight: 700; | |||
text-align: center; | text-align: center; | ||
user-select: none; | user-select: none; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
letter-spacing: -0.4px; | |||
} | } | ||
241번째 줄: | 239번째 줄: | ||
margin-top: -2px; | margin-top: -2px; | ||
line-height: 20px; | line-height: 20px; | ||
} | } | ||
2024년 5월 4일 (토) 20:13 기준 최신판
/* 배너 */
.banner {
background: white;
max-width: 1003px;
width: 1003px;
margin-left: -15px;
font-family: "SUITE Variable";
color: #252525;
padding: 20px;
line-height: 30px;
font-weight: 700;
font-size: 10.5pt;
text-align: center;
user-select: none;
margin-bottom: 15px;
}
.banner b {
font-family: "SUITE Variable";
}
.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;
}
/* 선택 모션 */
.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: white;
width: 100%;
margin-left: auto;
font-family: "SUITE Variable";
color: #252525;
line-height: 30px;
padding: 20px;
font-size: 8.5pt;
font-weight: 700;
text-align: center;
user-select: none;
margin-bottom: 15px;
letter-spacing: -0.4px;
}
.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;
}
.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;
}
}