info:style

The Credit Module was created by C-takeC-take, physicslikephysicslike, sinazugawasinazugawa and 7happy77happy7 for the Japanese wiki, adapted by Dr_GromDr_Grom for the German wiki, and adapted by CroquemboucheCroquembouche and RimpleRimple for the English wiki (as the Info module).

사용법

당신의 페이지 가장 위에, 다음 코드를 평점 모듈과 [[>]] 대신 입력해주세요. [[include …]] 사이에 있는 것 중 필요 없는 것은 지우시고 필요한 내용은 추가해주세요.

[[include :scpko:info:start]]
**SCP-XXXX:** 별칭
**이야기/GOI 서식의 이름**
**저자:** [[*user 저자명]]
**원작:** 원작으로 가는 링크
**역자:** [[*user 역자명]]
**이미지:** 이미지 라이선스 관련 정보
그 외 필요한 모든 것
[[include :scpko:info:end]]

만약 작품에 평점 모듈이 없다면 이하의 [[include]]로 대체해서 사용해주세요.

[[include :scpko:info:start-standalone]]
[[include :scpko:info:end-standalone]]

경고: "미리보기" 버튼을 이용해서 적용된 페이지를 본다면, 정보 모듈은 올바르게 작동하지 않습니다. 저장을 한 후 확인해주세요.

참고: 페이지가 있는 ListPages 모듈은 지원하지 않습니다. perPage="250"으로 한 페이지 전부 보이도록 해주세요.


@import url(http://cdnjs.cloudflare.com/ajax/libs/cc-icons/1.2.1/css/cc-icons.min.css);#u-credit-otherwise,#u-credit-view{width:100%;height:100%;top:0;bottom:0;left:0;right:0;position:fixed;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;z-index:10}#u-credit-otherwise:not(:target),#u-credit-view:not(:target){opacity:0;display:none}#u-credit-otherwise:target,#u-credit-view:target{opacity:1;animation-duration:.3s;animation-name:fade-in;-moz-animation-duration:.5s;-moz-animation-name:fade-in;-webkit-animation-duration:.5s;-webkit-animation-name:fade-in}@keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-moz-keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-webkit-keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}.fader{position:absolute;background-color:rgba(0,0,0,.5);width:100%;height:100%;top:0;bottom:0;left:0;right:0}.fader a,.fader iframe{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.modalcontainer{position:absolute;top:0;bottom:0;left:0;right:0;width:600px;max-width:95vw!important;height:350px;margin:auto;pointer-events:auto!important}.modalbox{background:#fefefe;background:linear-gradient(#eee 51px,#fefefe 51px,#fefefe);border:#333 solid 1px;border-radius:5px;box-shadow:0 2px 6px rgba(102,0,0,.5);padding:4px;max-height:50vh;pointer-events:auto!important}#u-credit-otherwise .modalbox{background:linear-gradient(#eee 51px,#fefefe 51px,#fefefe)}.modalbox .credit{margin:2em}.modalbox .credit:not(:first-child){margin-top:0}.modalbox .credit:not(:last-child){margin-bottom:0}.modalbox .credit.otherwise{overflow-y:auto;height:30vh}#u-credit-view .credit-back{display:none}#u-credit-otherwise .creditBottomRate{display:none}@media (max-width:767px){#u-credit-view{height:100%;top:0}}#u-credit-view-button{display:block;text-align:right}.Dendo{display:none;text-align:right}.Dendo .heritage-rating-module{float:right;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;vertical-align:top}.creditRate{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;align-items:center;float:right;margin-bottom:10px;margin-right:2em}.creditRate p{display:inline;padding:0;margin:0;line-height:0}.creditRate .page-rate-widget-box{margin:0;padding:0}.creditRate .heritage-rating-module{float:right;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;vertical-align:top;margin:0}.creditRate .heritage-rating-module .page-rate-widget-box{margin:0}.creditRate .audio-img-block{top:0}.rate-box-with-credit-button{background-color:#633;border:solid 1px #633;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,.5)}.rate-box-with-credit-button .page-rate-widget-box .cancel{border-right:0}.rate-box-with-credit-button .page-rate-widget-box{box-shadow:none}.rate-box-with-credit-button .creditButton{display:inline-block}.creditRate .rateBox{display:inline-block}.creditRate .rateBox p{display:inline;margin:0;padding:0}.creditButton p{font-size:.8em}.creditButton p a{width:17px;margin-left:-5px;padding-top:.5px;color:#fff;border-left:solid 1px #966;text-align:center;text-decoration:none;font-size:12px}.creditButton p a:hover{color:#3498db}.heritage-rating-module .creditButton p a{margin-left:1px;margin-right:-5px;padding-left:1px;padding-top:1.5px;color:#fff;font-size:13px}.heritage-rating-module .creditButton p a:hover{color:#ccc066}.modalbox .page-rate-widget-box{margin-right:0}.credit-back .back a{display:none}.credit-back .back a::before{content:"Zurück"}.creditButtonStandalone p a{display:block;width:17px;height:17px;line-height:17px;border-radius:50%;color:#fff;text-align:center;background:#744;box-shadow:0 0 3px gray;font-size:12px}.creditButtonStandalone p a:hover{background:#3498db}.credit.first{height:30vh;overflow-y:auto}.close-credits{position:absolute;top:1.5em;right:1.5em;width:1em}



This script had to be copied here to change a string.
Original (second script)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="content-language" content="ja,jp-ja"/> <meta charset="UTF-8"/> <script type="text/javascript" nonce="2fb8666244154648be73cf1dcea" src="//local.adguard.org?ts=1598966064108&amp;type=content-script&amp;dmn=scpko.wdfiles.com&amp;css=1&amp;js=1&amp;gcss=1&amp;rel=1&amp;rji=1"></script><link rel="stylesheet" href="/component:theme/code/1"> <style>body{background:transparent; padding:0;}</style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script>/*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2017-03-20T18:59Z */ //--------------------------- //ProjectName: Credit Module //FunctionName: Back Module //CreatedBy C-take , sinazugawa //License MIT //--------------------------- $(function(){var ua=navigator.userAgent.toLowerCase(); var bReload=true; if ( ( ua.indexOf("applewebkit") >=0 || ua.indexOf("firefox") >=0 ) && ua.indexOf("edge")==-1 ) bReload=false; $('.back').click(closeCredit); function closeCredit(){if ( bReload ){history.go(-1); parent.location.href=document.referrer.split('#')[0];}else{history.go(-1);}return false;}}); </script> </head> <body> <div style="width: 100%; text-align: center;"> <a class="back" style="cursor: pointer;">돌아가기</span> </div></body></html>



For the lil "X" button
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" style="padding:0;margin:0;"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="content-language" content="ja,jp-ja"/> <meta charset="UTF-8"/> <script type="text/javascript" nonce="2fb8666244154648be73cf1dcea" src="//local.adguard.org?ts=1598966064108&amp;type=content-script&amp;dmn=scpko.wdfiles.com&amp;css=1&amp;js=1&amp;gcss=1&amp;rel=1&amp;rji=1"></script><link rel="stylesheet" href="/component:theme/code/1"> <style>body{background:transparent; padding:0;}</style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script>$(function(){var ua=navigator.userAgent.toLowerCase(); var bReload=true; if ( ( ua.indexOf("applewebkit") >=0 || ua.indexOf("firefox") >=0 ) && ua.indexOf("edge")==-1 ) bReload=false; $('.back').click(closeCredit); function closeCredit(){if ( bReload ){history.go(-1); parent.location.href=document.referrer.split('#')[0];}else{history.go(-1);}return false;}}); </script> </head> <body style="padding:0;margin:0;"> <div style="width: 100%; text-align: center;"> <a class="back" style="cursor: pointer;">X</span> </div></body></html>
따로 명시하지 않는 한에서 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.