편집토론문서 역사

틀:변화의 시대/styles.css: 두 판 사이의 차이

< 틀:변화의 시대
(WARSAW (토론)의 528385 판 편집을 되돌림)
태그: 편집 취소
편집 요약 없음
102번째 줄: 102번째 줄:
  font-size: 9.5pt;
  font-size: 9.5pt;
  font-family: Chosunilbo_myungjo;
  font-family: Chosunilbo_myungjo;
margin-bottom: 10px;
  user-select: none;
  user-select: none;
}
}

2024년 3월 27일 (수) 18:16 판

/* 뒷배경 */
.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;
}

/* 문구 */
 .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;
}

 .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;
}
}