편집토론문서 역사

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

< 틀:변화의 시대
편집 요약 없음
편집 요약 없음
39번째 줄: 39번째 줄:


  .christmasbanner {
  .christmasbanner {
     background: #CC0000;
     background: linear-gradient(120deg, #CC0000 10%, #FFFFFF 10%, #FFFFFF 20%, #00CC00 20%, #00CC00 80%, #FFFFFF 80%, #FFFFFF 90%, #CC0000 90%, #CC0000);
     font-family: "Pretendard JP Variable", "Pretendard";
     font-family: "Pretendard JP Variable", "Pretendard";
     color: white;
     color: white;
86번째 줄: 86번째 줄:


  .christmasbanner {
  .christmasbanner {
     background: #CC0000;
     background: linear-gradient(120deg, #CC0000 10%, #FFFFFF 10%, #FFFFFF 20%, #00CC00 20%, #00CC00 80%, #FFFFFF 80%, #FFFFFF 90%, #CC0000 90%, #CC0000);
     font-family: "Pretendard JP Variable", "Pretendard";
     font-family: "Pretendard JP Variable", "Pretendard";
     color: white;
     color: white;

2023년 12월 21일 (목) 22:38 판

/* 뒷배경 */
.AOC-bg1  {
  position: relative;
  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 10%, #FFFFFF 10%, #FFFFFF 20%, #00CC00 20%, #00CC00 80%, #FFFFFF 80%, #FFFFFF 90%, #CC0000 90%, #CC0000);
    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;
}


@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 10%, #FFFFFF 10%, #FFFFFF 20%, #00CC00 20%, #00CC00 80%, #FFFFFF 80%, #FFFFFF 90%, #CC0000 90%, #CC0000);
    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;
}
}