Thanatomania テーマ
このページはカスタムテーマページです。
Wiki内で使用されているカスタムテーマのためのページです。
使用する際は以下のincludeをページの一番上に貼り付けてください。
[[include :scp-jp:theme:thanatomania]]
テーマと画像のライセンスは以下の通りです（使用の際はクレジット不要です）。
ソース: http://scp-jp.wikidot.com/theme:thanatomania
ライセンス: CC BY-SA 3.0
タイトル: Thanatomania テーマ
著作権者: KanKan
公開年: 2020
ソース: http://scp-jp-storage.wikidot.com/file:2859452-35-fc8q
ライセンス: CC BY-SA 3.0
タイトル: thanatomaniaロゴアニメーション
著作権者: KanKan, ukwhatn
公開年: 2020
補足: KanKanが作成したロゴマークにukwhatnがアニメーションを加えたものです。
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap'); :root { --color-1: #fff; --color-2: #5a5e8e; --color-3: #999; } h1 { color: var(--color-2); } /* 画像ブロック */ .scp-image-block { border: none; box-shadow: 0 5px 10px var(--color-3); border-radius: 10px; overflow: hidden; } .scp-image-block .scp-image-caption { color: var(--color-1); border-top: none; background: var(--color-2); } /* ヘッダー */ #top-bar .mobile-top-bar { width: 100%; max-width: 100vw; } div#extra-div-1 { height: 140px; width: 100%; top: 0; position: relative; background: transparent; background-size: cover, cover; background-position: 50% 50%, 50% 50%; z-index: 9; } div#container-wrap { background-image: none; } div#extra-div-2 { height: 22px; width: 100%; top: 140px; position: absolute; background: var(--color-2); box-shadow: 0 10px 10px var(--color-3); z-index: 9; } #header { text-align: left; top: 0; width: 100%; height: 140px; position: relative; z-index: 10; padding-bottom: 22px; /* FOR MENU */ background: transparent; background-size: auto 140px; } #search-top-box { position: absolute; top: 30px; bottom: auto; right: 9px; width: 250px; text-align: right; } #search-top-box-input { display: none; border: solid 1px /*var(--2-color)*/ transparent; border-radius: 5px; color: var(--color-2); background-color: var(--color-2); box-shadow: /*3px 3px 5px var(--2-color)*/ none; } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px /*var(--color-2)*/ transparent; color: var(--color-1); background-color: var(--color-2); box-shadow: /*3px 3px 5px var(--2-color)*/ none; } #search-top-box-form input[type=submit] { border: solid 1px /*var(--2-color)*/ transparent; border-radius: 5px; padding: 2px 5px; font-size: 90%; font-weight: bold; color: var(--color-1); background-color: var(--color-2); background: var(--color-2); box-shadow: /*3px 3px 5px var(--2-color)*/ none; cursor: pointer; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px /*var(--color-2)*/ transparent; color: var(--color-2); text-shadow: none; background-color: var(--color-2); background: var(--color-2); box-shadow: /*3px 3px 5px var(--2-color)*/ none; } #login-status { color: var(--color-2); font-size: 90%; z-index: 30; } #login-status a { background: transparent; color: var(--color-2); } #login-status ul a { color: var(--color-1); background: transparent; } #account-topbutton { display: none; background: var(--color-2); color: var(--color-1); } .printuser img.small { margin-right: 1px; } #header h1 { margin-left: auto; margin-right: auto; padding: 0; float: center; max-height: 40px; } #header h2 { margin-left: 0; padding: 0; padding-left: 0; clear: center; float: center; font-size: 105%; max-height: 38px; } #header h1 a { display: block; text-align: left; margin: 0; padding: 20px 0 0; line-height: 100%; max-height: 0px; color: transparent; background: transparent; font-family: 'Odibee Sans', cursive; font-size: 100%; text-decoration: none; text-shadow: none; letter-spacing: 0.9px; } #header h2 span { display: block; margin: 0; padding: 0; line-height: 0px; max-height: 0px; font-weight: bold; color: transparent; text-shadow: none; } #header h1 a:after { content: ''; display: block; top: 0; left: 0; width: 100%; height: 140px; position: absolute; z-index: 10; padding-bottom: 22px; /* FOR MENU */ background: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%0D%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20500%20500%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%2C%0D%0A%20%20%20%20%20%20.cls-2%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-3%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20url(%22%23grad_1%22)%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-4%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20url(%22%23grad_2%22)%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-5%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-6%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.75)%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22grad_1%22%20x1%3D%22250%22%20y1%3D%22475%22%20x2%3D%22250%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.263%22%20stop-color%3D%22%2326273b%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.554%22%20stop-color%3D%22%234c4f77%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.693%22%20stop-color%3D%22%235b5e8e%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22grad_2%22%20x1%3D%22249.878%22%20y1%3D%22448.627%22%20x2%3D%22249.878%22%20y2%3D%22140.161%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.272%22%20stop-color%3D%22%23292b41%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.532%22%20stop-color%3D%22%234d5078%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.657%22%20stop-color%3D%22%235b5e8e%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cg%20id%3D%22background%22%3E%0D%0A%20%20%20%20%3Crect%20class%3D%22cls-1%22%20width%3D%22500%22%20height%3D%22500%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cpath%20id%3D%22whiteout%22%20class%3D%22cls-2%22%20d%3D%22M352.539%2C14.662a22.948%2C22.948%2C0%2C0%2C0-9.862-2.162H157.324a22.964%2C22.964%2C0%2C0%2C0-9.864%2C2.162%2C40.287%2C40.287%2C0%2C0%2C0-23.11%2C38.7A39.742%2C39.742%2C0%2C0%2C0%2C142.6%2C84.033V384.485q0%2C.31.015.621c.638%2C12.8%2C5.1%2C45.466%2C32.734%2C72.161%2C28.093%2C27.139%2C61.444%2C30.183%2C74.479%2C30.233h.338c13.035-.05%2C46.386-3.094%2C74.479-30.233%2C27.638-26.7%2C32.1-59.36%2C32.733-72.163.011-.206.016-.413.016-.619V84.033a39.741%2C39.741%2C0%2C0%2C0%2C18.253-30.67A40.284%2C40.284%2C0%2C0%2C0%2C352.539%2C14.662Z%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22outer%22%20class%3D%22cls-3%22%20d%3D%22M347.21%2C25.969A10.61%2C10.61%2C0%2C0%2C0%2C342.676%2C25H157.324a10.61%2C10.61%2C0%2C0%2C0-4.534.969%2C27.607%2C27.607%2C0%2C0%2C0-15.968%2C26.559A27.571%2C27.571%2C0%2C0%2C0%2C155.1%2C76.364V384.486c.342%2C6.872%2C2.654%2C38.4%2C28.934%2C63.79%2C26.78%2C25.871%2C59.129%2C26.7%2C65.841%2C26.724v-.637l.243.637c6.712-.025%2C39.061-.853%2C65.841-26.724%2C26.28-25.387%2C28.592-56.918%2C28.934-63.79V76.364a27.571%2C27.571%2C0%2C0%2C0%2C18.281-23.836A27.607%2C27.607%2C0%2C0%2C0%2C347.21%2C25.969ZM334.844%2C59.988h-6.771l.023%2C0V387.781a37.5%2C37.5%2C0%2C0%2C1-.608%2C6.813c-6.869%2C37.162-39.762%2C64.555-77.61%2C64.2-37.246-.347-69.269-27.47-76.113-64.01a39.469%2C39.469%2C0%2C0%2C1-.647-7.214L172.676%2C59.99l.018%2C0h-7.782a8.9%2C8.9%2C0%2C1%2C1%2C0-17.792H334.844a8.9%2C8.9%2C0%2C1%2C1%2C0%2C17.792Z%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22inner%22%20class%3D%22cls-4%22%20d%3D%22M180.927%2C140.161V384.827c.627%2C5.452%2C3.9%2C28.47%2C24.15%2C46.145a72.963%2C72.963%2C0%2C0%2C0%2C44.8%2C17.655%2C72.961%2C72.961%2C0%2C0%2C0%2C44.8-17.655c20.252-17.675%2C23.523-40.693%2C24.15-46.145V140.161A172.124%2C172.124%2C0%2C0%2C1%2C249.878%2C154.6%2C172.128%2C172.128%2C0%2C0%2C1%2C180.927%2C140.161Z%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline5%22%20class%3D%22cls-5%22%20d%3D%22M218.753%2C340.921c-.833-1.985-5.438-13.363-5.862-32.611-.5-22.643%2C5.214-36.875%2C5.862-38.435%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline4%22%20class%3D%22cls-5%22%20d%3D%22M210.712%2C350.45a101.225%2C101.225%2C0%2C0%2C0%2C4.506-42.563%2C74.109%2C74.109%2C0%2C0%2C0-5.877-22.546%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline3%22%20class%3D%22cls-5%22%20d%3D%22M217.558%2C345.026a32.111%2C32.111%2C0%2C0%2C1-4.93-15.982c-.165-7.77%2C2.967-11.629%2C2.465-19.719a31.063%2C31.063%2C0%2C0%2C0-3.78-12.869%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline2%22%20class%3D%22cls-5%22%20d%3D%22M292.8%2C354.383c-12.188-21.129-15.166-39.021-15.589-51.577-1.072-31.813%2C13.664-47.021%2C15.589-83.364a156.8%2C156.8%2C0%2C0%2C0-7.544-55.776%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline1%22%20class%3D%22cls-5%22%20d%3D%22M285.235%2C351.2c9.859-21.54%2C12.268-39.78%2C12.61-52.581.867-32.432-11.053-47.935-12.61-84.985a198.623%2C198.623%2C0%2C0%2C1%2C6.1-56.861%22%2F%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle1%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%224%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%222.5s%22%20begin%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline1%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%222.5s%22%20begin%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle2%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%226.5%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline2%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle3%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline3%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle4%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%223%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%221.25s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline4%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%221.25s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle5%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222.5%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline5%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Cpath%20id%3D%22skull%22%20class%3D%22cls-2%22%20d%3D%22M302.414%2C375.68c0-27.561-23.376-49.9-52.212-49.9s-52.212%2C22.342-52.212%2C49.9a48.909%2C48.909%2C0%2C0%2C0%2C18.32%2C37.944v17.912h10.4V420.242a53.269%2C53.269%2C0%2C0%2C0%2C8.41%2C3.218v8.076h10.4v-6.163c1.546.132%2C3.107.21%2C4.688.21%2C1.629%2C0%2C3.238-.081%2C4.829-.22v6.173h10.4v-8.115a53.241%2C53.241%2C0%2C0%2C0%2C8.41-3.248v11.363h10.4V413.508A48.9%2C48.9%2C0%2C0%2C0%2C302.414%2C375.68Zm-94.165-4.425a16.872%2C16.872%2C0%2C1%2C1%2C16.872%2C16.871A16.872%2C16.872%2C0%2C0%2C1%2C208.249%2C371.255Zm67.034-16.872a16.872%2C16.872%2C0%2C1%2C1-16.871%2C16.872A16.872%2C16.872%2C0%2C0%2C1%2C275.283%2C354.383Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") center 10px no-repeat; background-size: auto 120px; filter: drop-shadow(0px 5px 10px var(--color-3)); } #header h1 a::before { content: "THANATOMANIA"; font-size: 30px; color: var(--color-1); text-align: center; letter-spacing: 0; font-family: 'Abril Fatface', cursive; text-shadow: /*.05em .05em 0 var(--color-1), -.05em .05em 0 var(--color-1), .05em -.05em 0 var(--color-1), -.05em -.05em 0 var(--color-1), .05em 0 0 var(--color-1), -.05em 0 0 var(--color-1), 0 .05em 0 var(--color-1), 0 -.05em 0 var(--color-1)*/ 0px 5px 10px var(--color-3); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 1; } /* トップメニュー */ #top-bar { width: 100%; position: absolute; z-index: 50; top: 140px; height: 21px; line-height: 18px; padding: 0; z-index: 20; font-size: 90%; } #top-bar ul { float: left; display: flex; width: 100%; } #top-bar li { flex: 1; margin: 0; } #top-bar a { color: var(--color-1); background: transparent; border-radius: 5px; transition: all .2s ease-in-out; } #top-bar ul li { border: 0; position: relative; } #top-bar ul li ul { display: block; border: solid 1px var(--color-2); background: var(--color-2); box-shadow: 0 3px 3px var(--color-3); border-top: 0; border-radius: 5px; transition: all .2s ease-in-out; } #top-bar ul li a { border-left: none; border-right: none; text-decoration: none; padding-top: 10px; padding-bottom: 10px; line-height: 1px; max-height: 1px; overflow: hidden; border-radius: 5px; transition: all .2s ease-in-out; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: var(--color-1); color: var(--color-2); border-left: none; border-right: none; border-radius: 5px; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-width: 0; width: 150px; border-top: none; line-height: 160%; height: auto; max-height: none; padding-top: 0; padding-bottom: 0; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: var(--color-1); text-decoration: none; } #top-bar ul li ul { border-width: 0 1px 1px 1px; width: auto; } #top-bar ul li ul li, #top-bar ul li ul li.sfhover, #top-bar ul li ul li, #top-bar ul li ul li:hover { border-width: 0; } #top-bar ul li ul li a { border-width: 0; } #top-bar ul li ul a, #top-bar a:hover { color: var(--color-2); } .top-bar ul li:last-of-type ul { right: 0; } /* COMMON */ blockquote, div.blockquote { border-width: 0; padding: 0.1px 1em; background: var(--color-1); box-shadow: 0 5px 10px var(--color-3); border-radius: 5px; } #content-wrap { position: relative; margin: 2em auto 0; max-width: 1040px; min-height:1800px; height: auto !important; height: 1850px; } h1, #page-title { color: var(--color-2); padding: 0 0 0.25em; margin: 0 0 0.6em; font-weight: normal; } h1 { margin-top: 0.7em; padding: 0; font-weight: bold; } h2, h3, h4, h5, h6, h7 { margin: 0.5em 0 0.4em; padding: 0; letter-spacing: 1px; } #page-title { border-color: var(--color-2); } ul { /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */ list-style: square; } #top-bar ul { /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */ } a { color: var(--color-2); text-decoration: none; background: transparent; } a.newpage { color: var(--color-2); text-decoration: none; background: transparent; } a:hover { text-decoration: underline; background-color: transparent; } hr { background: var(--color-2); } /* BODY */ body { background-color: var(--color-1); font-size: 0.80em; } /* SIDE MENU */ #side-bar .side-block { border: 2px solid var(--color-2); border-radius: 5px; box-shadow: none; background: var(--color-1) !important; } #side-bar .side-block a { color: var(--color-2); } #side-bar .side-block .heading { color: var(--color-2); border-bottom: solid 1px var(--color-2); font-weight: bold; } #side-bar .side-block hr { background: var(--color-2); } #side-bar div.menu-item a { font-weight: bold; color: var(--color-2); } #side-bar div.menu-item.inactive a { color: #999; } #side-bar div.menu-item .sub-text { color: #666; } #side-bar div.menu-item.sub-item { } #side-bar .collapsible-block-folded { background: url(http://www.scp-wiki.net/local--files/nav:side/expand.png) 0 2px no-repeat; } #side-bar .collapsible-block-link { font-weight: bold; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px var(--color-2); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: var(--color-2); } @media (max-width: 767px) { #side-bar { background-color: var(--color-1); } #side-bar:target .close-menu { background: none; } } /* Ratingモジュール */ .page-rate-widget-box { background-color: var(--color-2) !important; box-shadow: none; } div.page-rate-widget-box .rate-points { background-color: var(--color-2); border: solid 1px var(--color-2); color: var(--color-1); } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: var(--color-2); border-top: solid 1px var(--color-2); border-bottom: solid 1px var(--color-2); } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: var(--color-1); color: var(--color-2); transition: all .2s ease-in-out; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: var(--3-color); color: var(--1-color); text-decoration: none; transition: all .2s ease-in-out; } .page-rate-widget-box .cancel { background-color: var(--1-color); border: solid 1px var(--1-color); } .page-rate-widget-box .cancel a { background: transparent; color: var(--3-color); } .page-rate-widget-box .cancel a:hover { background: var(--color-2); color: var(--color-1); text-decoration: none; } .creditButton { background-color: var(--color-2) !important; box-shadow: none !important; border-color: var(--color-2) !important; } .creditButton a { color: var(--color-1) !important; } /* タブ */ @keyframes open { from { max-height: 200vh; } to { max-height: 0vh; } } .yui-navset { background-color: var(--border-color); border-radius: 10px; box-shadow: 0 5px 10px var(--color-3); overflow: hidden; } .yui-navset .yui-content { border: none; background-color: var(--color-1); word-break: break-word; transition: all ease-in-out calc(1s / 4); } .yui-navset .yui-content div[id^="wiki-tab-"] { animation: open calc(1s / 2) ease-out 0s 1 reverse both running; overflow-y: scroll; } .yui-navset .yui-content li:nth-last-child(1) { box-shadow: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { margin: 0; margin-top: -1px; line-height: 100%; display: inline-block; width: calc(100% + .16em); max-width: none !important; height: 100%; border: none; background-color: var(--color-2); background-image: none; color: var(--color-1); transition: all ease-in-out calc(1s / 4) calc(1s / 4); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { margin: 0; margin-top: -1px; width: calc(100% + .16em); max-width: none !important; border: none; background: var(--color-1); color: var(--color-2); transition: all ease-in-out calc(1s / 4); } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { margin: 0; margin-top: -1px; width: calc(100% + .16em); max-width: none !important; border: none; background: var(--color-2); text-decoration: none; color: var(--color-1); } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { text-decoration: none; border: none; background-color: var(--color-1); } .yui-navset li { margin: 0; border: none; line-height: 141%; word-break: break-all; flex: 1; } .yui-navset ul { border: none; display: flex; justify-content: space-between; flex-direction: column; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border: none; margin: 0; white-space: pre-wrap; } .yui-navset li:nth-last-child(1) { box-shadow: 0 0 10px var(--color-3); } .yui-navset .yui-nav .selected { margin: 0 .16em -1px 0; border: none; }
ページリビジョン: 11, 最終更新: 19 Aug 2022 17:33