문서 편집 권한이 없습니다. 다음 이유를 확인해주세요: 요청한 명령은 다음 중 하나의 권한을 가진 사용자에게 제한됩니다: 사용자, 관리자. 문서를 고치려면 이메일 인증 절차가 필요합니다. 사용자 환경 설정에서 이메일 주소를 입력하고 이메일 주소 인증을 해주시기 바랍니다. 문서의 원본을 보거나 복사할 수 있습니다. /* 정보 표 */ .ZC-InfoTable{ background: rgba(10, 10, 10, 0.9); border-radius: 15px; border: solid 0.1px rgba(222,204,156,0.5); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:5px; } /* 블러 */ .ZC-Blur { filter: blur(50px); } /* 센티넬정보 표 */ .ZC-SentinelTable{ background: linear-gradient(-45deg, rgba(42,42,42,1) 0%, rgba(0,0,0,1) 14%, rgba(175,49,0,1) 19%, rgba(0,0,0,1) 35%, rgba(42,42,42,1) 100%); color: white; border-radius: 15px; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:5px; } .SentinelTCell { filter:brightness(1) contrast(100%); transition: filter 0.5s; } .SentinelTCell:hover { filter:brightness(1.4) contrast(110%); } /* 제로셀 시리즈 표 */ .ZC-SeriesTable{ background: linear-gradient(-45deg, rgba(42,42,42,1) 0%, rgba(0,0,0,1) 14%, rgba(121,0,10,1) 19%, rgba(0,0,0,1) 35%, rgba(42,42,42,1) 100%); color: white; border-radius: 15px; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:10px; } /* 분류 버튼 */ .ZC-ClassButton{ background: rgba(0,0,0,0.3); border-radius: 5px; color: white; line-height: 1.2em; padding: 6px; display: inline-block; align-items: center; cursor: pointer; margin: 2px; } .ZC-ClassButton:hover { border:1px solid rgba(222,204,156,1); } /* 이름 버튼 */ .ZC-NameButton{ background: rgba(0,0,0,0.3); border:1px solid rgba(222, 204, 156, 1); border-radius: 5px; color: white; line-height: 1.2em; padding: 5px; display: inline-block; align-items: center; cursor: pointer; margin: 2px; } .ZC-NameButton:hover { text-shadow: 0px 0px 8px rgba(255, 0, 0, 0.8); } /* 인용문 */ .ZC-Quote{ background: rgba(0,0,0,0.3); border-radius: 0px 0px 10px 0px; border-left: 10px solid rgba(222,204,156,1); border: 1px solid rgba(222,204,156,1); color: white; line-height: 1.2em; padding: 6px; display: inline-block; align-items: center; cursor: pointer; } /* 제로셀 안내문 일반 */ .ZC-NoB-Normal{ background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(85,85,85,1) 30%, rgba(85,85,85,1) 70%, rgba(0,0,0,0) 100%); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:25px; } /* 제로셀 안내문 스포일러 */ .ZC-NoB-Spoiler{ background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(54,18,18,1) 30%, rgba(54,18,18,1) 70%, rgba(0,0,0,0) 100%); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:25px; } /* 제로셀 보강중 스포일러 */ .ZC-NoB-Fixing{ background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(18,26,70,1) 30%, rgba(18,26,70,1) 70%, rgba(0,0,0,0) 100%); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:25px; } /* 제로셀 틀안내 스포일러 */ .ZC-NoB-Template{ background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(157,41,51,1) 30%, rgba(157,41,51,1) 70%, rgba(0,0,0,0) 100%); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:25px; } /* 호버 애니메이션 */ .ZC-hover { filter:brightness(0.5) contrast(110%); transition: filter 0.5s; } .ZC-hover:hover { filter:brightness(1) contrast(100%); } .ZC-HoverB { filter: grayscale(10%) brightness(0.95) saturate(110%); } .ZC-TriggerCell { cursor: pointer; transition: filter 1s; } .ZC-TriggerCell:hover { filter: grayscale(0%) opacity(100%) blur(0px) drop-shadow(0 0 0.75rem #DECC9C) !important; } .ZC-TriggerBox:hover .ZC-TriggerCell { filter: grayscale(85%) opacity(60%) blur(0.5px); } /* 인물박스 */ .ZC-boxCF{ background: rgba(32,32,32,1); width:380px; color: white; line-height: 2em; padding: 1em; display: flex; align-items: center; cursor: pointer; justify-content: center; float: none; } .ZC-HS { transform: scale(1); } .ZC-HS:hover { animation: ZC-HSA; animation-iteration-count: 1; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease; } @keyframes ZC-HSA { from {transform: scale(1);} to {transform: scale(1.05);} } @media screen and (max-width: 440px) { .ZC-CF-Table { background: rgba(40,40,40,1); width:100%; margin:5px auto; } } @media screen and (min-width: 440px) { .ZC-CF-Table { background: rgba(40,40,40,1); width:440px; margin:5px auto; } } .ZC-CF-Titlecell { background: rgba(0,0,0,0.3); color:#282828; text-align:center; font-size:11px; font-family:'GmarketSansMedium'; letter-spacing:1px; padding:7px 7px; width:35%; } .ZC-CF-Cell1 { width:65%; background: rgba(0,0,0,0.3); color:#777; text-align:left; font-size:10px; font-family:'GmarketSansMedium'; padding:20px 15px; line-height:180%; } /* 분류박스 */ .ZC-boxS{ background: rgba(10, 10, 10, 0.99); border-radius: 15px; border: solid 0.1px rgba(222,204,156,0.5); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:5px; } /* 호버내용 */ .ZC-HT-trigger { cursor: pointer; } .ZC-HT-content { overflow:hidden; height:0px; opacity:0; } .ZC-HT-trigger:hover > .ZC-HT-content { animation: ZC-HT-tap; animation-iteration-count: 1; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: ease; } @keyframes ZC-HT-tap { from {height:0px;opacity:0;} 50% {height:50px;opacity:1;} to {height:auto;opacity:1;} } /* 제로셀 음악틀 */ .ZC-MusicBG{ background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(85,85,85,1) 30%, rgba(85,85,85,1) 70%, rgba(0,0,0,0) 100%); color: white; display: flex; max-width:100%; align-items: center; cursor: pointer; justify-content: center; padding:25px; } /* asdf */ /* # 모바일 반응성 */ @media screen and (min-width: 700px) { .ZC-WebDisplay { display:inherit; } } @media screen and (min-width: 700px) { .ZC-MobileDisplay { display:none; } } @media screen and (max-width: 700px) { .ZC-WebDisplay { display:none; } } @media screen and (max-width: 700px) { .ZC-MobileDisplay { display:inherit; } } 틀:제로셀/styles.css 문서로 돌아갑니다.