“MediaWiki:Gadget-prism-coy.css”的版本间的差异

2024年10月27日 (日) 08:06的最新版本

/**
 * -------------------------------------------------------------------------
 * !!! DON'T MODIFY THIS PAGE MANUALLY, YOUR CHANGES WILL BE OVERWRITTEN !!!
 * -------------------------------------------------------------------------
 */
._addText { content: '{{GHIACode|page=GHIA:MoegirlPediaInterfaceCodes/blob/master/src/gadgets/prism-core/MediaWiki:Gadget-prism-coy.css|user=[[U:Bhsd]]|co-authors=|longId=09e5757a861eb9ac888d45d60c80224cda03c83a|shortId=09e5757a|summary=修复Prism高亮工具的依赖项和Moeskin样式 (#554)|body=<nowiki>* fix(gadget-prism): missing dependency↩↩* fix(gadget-prism-core): styles for Moeskin</nowiki>}}'; } 

/* <pre> */

#mw-content-text code[class*="language-"],
#mw-content-text pre[class*="language-"]{
    color:black;
    background:none;
    font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size:1em;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;

    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;

    -webkit-hyphens:none;
    hyphens:none;
}
div#mw-content-text pre[class*="language-"]{
    position:relative;
    margin:.5em 0;
    overflow:visible;
    padding:1px;
    border:none;
}

#mw-content-text pre[class*="language-"]>code{
    position:relative;
    z-index:1;
    border:none;
    border-left:10px solid #358ccb;
    box-shadow:-1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    background-color:#fdfdfd;
    background-image:linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-size:3em 3em;
    background-origin:content-box;
    background-attachment:local;
}

#mw-content-text code[class*="language-"]{
    max-height:inherit;
    height:inherit;
    padding:0 1em;
    display:block;
    overflow:auto;
}
#mw-content-text :not(pre)>code[class*="language-"],
#mw-content-text pre[class*="language-"]{
    background-color:#fdfdfd;
    box-sizing:border-box;
    margin-bottom:1em;
}
#mw-content-text :not(pre)>code[class*="language-"]{
    position:relative;
    padding:.2em;
    border-radius:0.3em;
    color:#c92c2c;
    border:1px solid rgba(0, 0, 0, 0.1);
    display:inline;
    white-space:normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0.75em;
    left:0.18em;
    width:40%;
    height:20%;
    max-height:13em;
    box-shadow:0px 13px 8px #979797;
    transform:rotate(-2deg);
}

pre[class*="language-"]:after{
    right:0.75em;
    left:auto;
    transform:rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata{
    color:#7D8B99;
}

.token.punctuation{
    color:#5F6364;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted{
    color:#c92c2c;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted{
    color:#2f9c0a;
}

.token.operator,
.token.entity,
.token.url,
.token.variable{
    color:#a67f59;
    background:rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name{
    color:#1990b8;
}

.token.regex,
.token.important{
    color:#e90;
}

.language-css .token.string,
.style .token.string{
    color:#a67f59;
    background:rgba(255, 255, 255, 0.5);
}

.token.important{
    font-weight:normal;
}

.token.bold{
    font-weight:bold;
}

.token.italic{
    font-style:italic;
}

.token.entity{
    cursor:help;
}

.token.namespace{
    opacity:.7;
}

@media screen and (max-width: 767px){

    pre[class*="language-"]:before,
    pre[class*="language-"]:after{
        bottom:14px;
        box-shadow:none;
    }

}
#mw-content-text pre[class*="language-"].line-numbers.line-numbers{
    padding-left:0;
}

#mw-content-text pre[class*="language-"].line-numbers.line-numbers code{
    padding-left:3.8em;
}

pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows{
    left:0;
} 

/* </pre> */