credit:style

源页面
2023年7月16日
修订 1
评分
6
↑ 6
↓ 0
支持率
100%
总票数 6
Wilson 95% 下界
61.0%
在相同票数下更稳健的支持率估计
争议指数
0.000

评分趋势

按周聚合
加载图表中...

最近修订

1 / 1
修改标签
2 年前
已新增标签:组件。
创建页面
2 年前

最近投票

1 / 1
2024-09-03
2024-09-03
2024-09-03
2024-09-03

相关页面

暂无推荐

页面源码

++ Info module CSS styling ([http://scp-jp.wikidot.com/credit:style Original]) [[code type="css"]] @import url('https://cdnjs.cloudflare.com/ajax/libs/cc-icons/1.2.1/css/cc-icons.min.css'); #u-credit-view, #u-credit-otherwise {     width: 100%;     height: 100%;     top: 0px;     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-view:not(:target), #u-credit-otherwise:not(:target) {     opacity: 0;     display: none; } #u-credit-view:target, #u-credit-otherwise:target {     opacity: 1;     animation-duration: 0.3s;     animation-name: fade-in;     -moz-animation-duration: 0.5s;     -moz-animation-name: fade-in;     -webkit-animation-duration: 0.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, 0.5);     width: 100%;     height: 100%;     top: 0;     bottom: 0;     left: 0;     right: 0; } .fader iframe, .fader a {     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{     /*min-width: 400px;*/     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 p {     /*margin: 0;*/ } .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; } .modalcontainer{     /*min-width: 300px;*/ } .modalbox{     /*min-width: 300px;*/ } } #u-credit-view-button {     display: block;     text-align: right; } .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 .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: 0.8em; } .creditButton p a{     width: 17px;     margin-left: -5px;     padding-top: 0.5px;     color: #ffffff;     border-left: solid 1px #966;     text-align: center;     text-decoration: none;     font-size: 12px; } .creditButton p a:hover {     color: #3498db; } .modalbox .page-rate-widget-box {     margin-right: 0; } .credit-back .back a {     display: none; } .credit-back .back a::before {     content: "Back"; } .creditButtonStandalone p a{     display: block;     width: 17px;     height: 17px;     line-height: 17px;     border-radius: 50%;     color: #ffffff;     text-align: center;     background: #744;     box-shadow: 0 0 3px gray;     font-size: 12px; } .creditButtonStandalone p a:hover {     background: #3498db; } /* Give a little expandability to the box */ .credit.first {     height: 30vh;     overflow-y: auto; } /* Add a lil X to close the box */ .close-credits {     position: absolute;     top: 1.5em;     right: 1.5em;     width: 1em; } [[/code]] ++ Info module "start" iframe ([http://scp-jp.wikidot.com/credit:backmodule Original]) [[code type="html"]] <!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 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;                  $('.fader').on("click",closeCredit);           function closeCredit() {               if ( bReload ) {                   history.go(-1);                   parent.location.href = document.referrer.split('#')[0];               } else {                   history.go(-1);               }                      $('.fader').off("click");            setTimeout(function(){                $('.fader').on("click",closeCredit);            },1200);           }       });     </script>     <style>       .fader {         width: 100%;         height: 100%;         position: fixed;       }     </style>   </head>   <body>     <div class='fader'></div>   </body> </html> [[/code]] ++ Info module "end" iframe ([http://scp-jp.wikidot.com/credit:backmodule Original]) [[code type="html"]] <!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"/>     <link rel="stylesheet" href="https://sigma9.scpwikicn.com/cn/cn/sigma9_ch.min.css">     <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;">Back</span>     </div>   </body> </html> [[/code]] ++ Info module "otherwise" iframe ([http://scp-jp.wikidot.com/credit:backmodule Original]) [[code type="html"]] <!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 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;                  $('.fader').click(closeCredit);           function closeCredit() {               if ( bReload ) {                   history.go(-2);                   parent.location.href = document.referrer.split('#')[0];               } else {                   history.go(-2);               }           }       });     </script>     <style>       .fader {         width: 100%;         height: 100%;         position: fixed;       }     </style>   </head>   <body>     <div class='fader'></div>   </body> </html> [[/code]] ++ Info module 'X' close iframe button [[code type="html"]] <!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"/>         <link rel="stylesheet" href="https://sigma9.scpwikicn.com/cn/cn/sigma9_ch.min.css">         <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> [[/code]]