MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */

/***** 颜色变量 *****/
/** 这部分代码可能造成MediaWiki报错，但对现代浏览器的使用并无影响 **/
body {
  --lightpurple: #F7F1FC;
  --purple: #C794F6;
  --darkpurple: #A443DF;
  --lightgreen: #F9FFEA;
  --green: #B9E66B;
  --darkgreen: #84B63C;
  --lightblue: #EBF7FE;
  --blue: #85C1F7;
  --darkblue: #4487DF;
  --lightyellow: #FEF9DE;
  --yellow: #F9E179;
  --darkyellow: #F1BD4C;
  --lightorange: #FFF7ED;
  --orange: #F4C89C;
  --darkorange: #E7815C;
  --lightred: #FDF5F5;
  --red: #F3ACAA;
  --darkred: #E7615C;
  /* 道具等级颜色 */
  --normal-grey: grey;
  --basic-green: #D3DB2E;
  --primary-blue: #09B3F7;
  --middle-purple: #D8B3D8;
  --high-orange: orange;

  /* 文字颜色 */
  --raw-text: #FFFFFF; /* 黑色背景文本 */
  --senior: #FF6237;
  --limited: #32CD32;
  --extra-talent: #F49800; /* 天赋效果增强 */
  --additon-title: #0098DC; /* 特性、要求等文本 */
  --base-addition: #00B0FF; /* 加成蓝色 */
  --alert: #FF0000;

  /* 基建颜色 */
  --clue: #FF6237;
  --production: #FFC90E;
  --trade: #00B0FF;
  --dorm: #00FFFF;
  --machining: #CFF150; /* 取色 */
  --connection: gray; /* 取色 */
  --train: #7D0121; /* 取色 */
  --center: #015652; /* 取色 */
}
.font-thin	{font-weight: 100;}
.font-extralight	{font-weight: 200;}
.font-light	{font-weight: 300;}
.font-normal	{font-weight: 400;}
.font-medium	{font-weight: 500;}
.font-semibold	{font-weight: 600;}
.font-bold	{font-weight: 700;}
.font-extrabold	{font-weight: 800;}
.font-black	{font-weight: 900;}
.mdi{
font-size: 1.25em;
line-height: 1;
 vertical-align: text-bottom;
}

/* 模板:CSS image crop */
/* 模板:外部图像 */
div.tright,div.floatright,table.floatright {
    clear: right;
    float: right
}

@media all and (max-width: calc(640px - 1px)) {
    body.skin--responsive div.tright,body.skin--responsive div.floatright,body.skin--responsive table.floatright {
        clear:both;
        float: none
    }
}

div.tleft,div.floatleft,table.floatleft {
    float: left;
    clear: left
}

@media all and (max-width: calc(640px - 1px)) {
    body.skin--responsive div.tleft,body.skin--responsive div.floatleft,body.skin--responsive table.floatleft {
        clear:both;
        float: none
    }
}

    div.floatright,table.floatright {
        margin: 0 0 0.5em 0.5em
    }
    
    div.floatleft,table.floatleft {
        margin: 0 0.5em 0.5em 0
    }
    
    div.thumb {
        width: auto;
        background-color: transparent;
        margin-bottom: 0.5em
    }

div.tleft {
    margin: 0.5em 1.4em 1.3em 0
}

div.tright {
    margin: 0.5em 0 1.3em 1.4em
}

.thumbcaption {
    text-align: start;
    line-height: 1.4em;
    padding: 3px
}

.thumbcaption:empty {
    padding: 0
}

div.thumbinner {
    padding: 3px;
    text-align: center;
    overflow: hidden
}

@media all and (max-width: calc(640px - 1px)) {
    body.skin--responsive .mw-parser-output .thumb .thumbinner {
        display:flex;
        place-content: flex-start center;
        flex-flow: column wrap
    }

    body.skin--responsive .mw-parser-output .thumb .thumbinner > .thumbcaption {
        justify-content: space-between;
        width: 100%;
        flex: 1 0 100%;
        order: 1;
        display: block
    }
}

@media screen {
    div.thumbinner {
        border: 1px solid var(--border-color-subtle,#c8ccd1);
        background-color: var(--background-color-interactive-subtle,#f8f9fa);
        font-size: 94%
    }
    
    .magnify {
        float: right;
        margin-left: 3px;
        margin-right: 0;
        -webkit-margin-start: 3px;
        -webkit-margin-end: 0;
        margin-inline-start:3px;margin-inline-end:0}

    .magnify a {
        display: block;
        text-indent: 15px;
        white-space: nowrap;
        overflow: hidden;
        width: 15px;
        height: 11px;
        background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    
    .mw-content-ltr .magnify {
        float: right
    }

    .mw-content-ltr .magnify a {
        background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
    }

    .mw-content-rtl .magnify {
        float: left
    }

    .mw-content-rtl .magnify a {
        background-image: url(/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg?8330e);
    }
}