문서 편집 권한이 없습니다. 다음 이유를 확인해주세요: 요청한 명령은 다음 중 하나의 권한을 가진 사용자에게 제한됩니다: 사용자, 관리자. 문서를 고치려면 이메일 인증 절차가 필요합니다. 사용자 환경 설정에서 이메일 주소를 입력하고 이메일 주소 인증을 해주시기 바랍니다. 문서의 원본을 보거나 복사할 수 있습니다. .oia55_1-content-trigger { cursor: help; filter: grayscale(50%) brightness(0.7); transition: filter 0.5s; } .oia55_1-content { display: none; } .oia55_1-content:hover { display: inline-block; } .oia55_1-content:hover > .oia55_1-content-trigger { filter: grayscale(0%) brightness(1); } .oia55_1-content-trigger:hover { filter: grayscale(0%) brightness(1); } .oia55_1-content-trigger:active { filter: grayscale(0%) brightness(1); } .oia55_1-content-trigger:hover ~ .oia55_1-content { display: inline-block; } .oia55_1-content-trigger:active ~ .oia55_1-content { display: inline-block; } .oia55_2-content-trigger { cursor: help; filter: grayscale(50%) brightness(0.7); transition: filter 0.5s; } .oia55_2-content { display: none; } .oia55_2-content:hover { display: inline-block; } .oia55_2-content:hover ~ .oia55_2-content-trigger { filter: grayscale(0%) brightness(1); } .oia55_2-content-trigger:hover { filter: grayscale(0%) brightness(1); } .oia55_2-content-trigger:active { filter: grayscale(0%) brightness(1); } .oia55_2-content-trigger:hover ~ .oia55_2-content { display: inline-block; } .oia55_2-content-trigger:active ~ .oia55_2-content { display: inline-block; } .oia55_3-content-trigger { cursor: help; filter: grayscale(50%) brightness(0.7); transition: filter 0.5s; } .oia55_3-content { display: none; } .oia55_3-content:hover { display: inline-block; } .oia55_3-content:hover ~ .oia55_3-content-trigger { filter: grayscale(0%) brightness(1); } .oia55_3-content-trigger:hover { filter: grayscale(0%) brightness(1); } .oia55_3-content-trigger:active { filter: grayscale(0%) brightness(1); } .oia55_3-content-trigger:hover ~ .oia55_3-content { display: inline-block; } .oia55_3-content-trigger:active ~ .oia55_3-content { display: inline-block; } .oia55_4-content { color: transparent; background: transparent; transition: color 1s 0.3s, background 0.5s; } .oia55_4-content:hover { color: white; background: rgba(0,0,0,0.7); } .oia55_5-content-trigger { cursor: help; } .oia55_5-content { display: none; } .oia55_5-content:hover { display: inline-block; margin-right:-67px; } .oia55_5-content-trigger:hover ~ .oia55_5-content { display: inline-block; margin-right:-67px; } .oia55_5-content-trigger:active ~ .oia55_5-content { display: inline-block; margin-right:-67px; } .oia55_6-content-trigger { cursor: help; filter: drop-shadow(0px 0px 2px transparent) brightness(0.7); transition: filter 0.5s; } .oia55_6-content { display: none; } .oia55_6-content:hover { display: inline-block; } .oia55_6-content-trigger:hover { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_6-content-trigger:active { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_6-content-trigger:hover ~ .oia55_6-content { display: inline-block; } .oia55_6-content-trigger:active ~ .oia55_6-content { display: inline-block; } .oia55_7-content-trigger { cursor: help; filter: drop-shadow(0px 0px 2px transparent) brightness(0.7); transition: filter 0.5s; } .oia55_7-content { display: none; } .oia55_7-content:hover { display: inline-block; } .oia55_7-content-trigger:hover { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_7-content-trigger:active { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_7-content-trigger:hover ~ .oia55_7-content { display: inline-block; } .oia55_7-content-trigger:active ~ .oia55_7-content { display: inline-block; } .oia55_8-content-trigger { cursor: help; filter: drop-shadow(0px 0px 2px transparent) brightness(0.7); transition: filter 0.5s; } .oia55_8-content { display: none; } .oia55_8-content:hover { display: inline-block; } .oia55_8-content-trigger:hover { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_8-content-trigger:active { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_8-content-trigger:hover ~ .oia55_8-content { display: inline-block; } .oia55_8-content-trigger:active ~ .oia55_8-content { display: inline-block; } .oia55_9-content-trigger { cursor: help; filter: drop-shadow(0px 0px 2px transparent) brightness(0.7); transition: filter 0.5s; } .oia55_9-content { display: none; } .oia55_9-content:hover { display: inline-block; } .oia55_9-content-trigger:hover { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_9-content-trigger:active { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_9-content-trigger:hover ~ .oia55_9-content { display: inline-block; } .oia55_9-content-trigger:active ~ .oia55_9-content { display: inline-block; } .oia55_10-content-trigger { cursor: help; filter: drop-shadow(0px 0px 2px transparent) brightness(0.7); transition: filter 0.5s; } .oia55_10-content { display: none; } .oia55_10-content:hover { display: inline-block; } .oia55_10-content-trigger:hover { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_10-content-trigger:active { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_10-content-trigger:hover ~ .oia55_10-content { display: inline-block; } .oia55_10-content-trigger:active ~ .oia55_10-content { display: inline-block; } .oia55_11-content-trigger { cursor: help; filter: drop-shadow(0px 0px 2px transparent) brightness(0.7); transition: filter 0.5s; } .oia55_11-content { display: none; } .oia55_11-content:hover { display: inline-block; } .oia55_11-content-trigger:hover { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_11-content-trigger:active { filter: drop-shadow(0px 0px 2px rgba(220,75,75,0.3)) brightness(1); } .oia55_11-content-trigger:hover ~ .oia55_11-content { display: inline-block; } .oia55_11-content-trigger:active ~ .oia55_11-content { display: inline-block; } @media screen and (max-width: 700px) { .oia55-mobile-margin { margin:-8px -15px; } } @media screen and (min-width: 700px) { .oia55-mobile-margin { margin:-15px -15px; } } @media screen and (max-width: 700px) { .oia55-top-margin { margin:-8px -15px -15px; } } @media screen and (min-width: 700px) { .oia55-top-margin { margin:-15px -15px -15px; } } @media screen and (max-width: 700px) { .oia55-bottom1-margin { margin:15px -15px -8px; } } @media screen and (min-width: 700px) { .oia55-bottom1-margin { margin:15px -15px -15px; } } @media screen and (max-width: 700px) { .oia55-bottom2-margin { margin:8px -33px -178px; } } @media screen and (min-width: 700px) { .oia55-bottom2-margin { margin:15px -33px -185px; } } .oiasb_1-icon { filter:brightness(0.95); box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5); transition: filter 0.5s, box-shadow 0.5s; } .oiasb_1-icon:hover { filter:brightness(1.1); box-shadow:0px 0px 8px 2px rgba(147, 56, 61,0.5); } .oiasb_2-icon { filter:brightness(0.95); box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5); transition: filter 0.5s, box-shadow 0.5s; } .oiasb_2-icon:hover { filter:brightness(1.1); box-shadow:0px 0px 8px 2px rgba(50, 69, 114,0.5); } .oiasb_3-icon { filter:brightness(0.95); box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5); transition: filter 0.5s, box-shadow 0.5s; } .oiasb_3-icon:hover { filter:brightness(1.1); box-shadow:0px 0px 8px 2px rgba(79, 76, 36,0.5); } .oiasb_4-icon { filter:brightness(0.95); box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5); transition: filter 0.5s, box-shadow 0.5s; } .oiasb_4-icon:hover { filter:brightness(1.1); box-shadow:0px 0px 8px 2px rgba(46, 36, 79,0.5); } 틀:OIA55/styles.css 문서로 돌아갑니다.