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

2023년 12월 30일 (토) 15:55 판

/* 뒷배경 */
.AOC-bg1  {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-repeat: repeat-y;
  display: inherit;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index:-3;
 -webkit-user-select: none;
 -moz-user-select: none;
  user-select: none;
}

/* 배너 */
 .banner {
    background: #00F1BA;
    font-family: "Pretendard JP Variable", "Pretendard";
    color: #252525;
    padding: 20px;
    font-size: 10pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

 .chuseokbanner {
    background: linear-gradient(180deg, #244484, #203C74, #1E386C);
    font-family: "Pretendard JP Variable", "Pretendard";
    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 JP Variable", "Pretendard";
    color: white;
    padding: 20px;
    font-size: 10pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

/* 문구 */
 .text {
    text-align: center;
    font-family: "Pretendard JP Variable", "Pretendard";
    background: white;
    color: #252525;
    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
}

@media screen and (max-width: 768px) {
 .banner {
    background: #00F1BA;
    font-family: "Pretendard JP Variable", "Pretendard";
    color: #252525;
    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", "Pretendard";
    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", "Pretendard";
    color: white;
    padding: 20px;
    font-size: 9pt;
    text-align: center;
    width: 100%;
    user-select: none;
}

 .text {
    font-family: "Pretendard JP Variable", "Pretendard";
    text-align: center;
    background: white;
    color: #252525;
    margin-top: -2.5px;
    margin-bottom: 5px;
    font-size: 9.8px;
    letter-spacing: -0.3px;
    user-select: none;
}
}