MediaWiki:Common.css：修订间差异

2022年3月22日 (二) 21:49的最新版本

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

/* 031 Start of wiki specific CSS (general customization options) */

/* ambox 2020 */

.mobilewidthfix .ambox2020 {
	margin: 0;
    border-radius: 0;
}

.ambox2020 {
	margin: 10px 0;
	border: 1px solid transparent;
	padding-left: 12px;
    min-height: 42px;
    line-height: 42px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    border-radius: 6px;
    white-space: nowrap;
}

.ambox-multi {
    line-height: 21px;
    margin: 10px 0 10px 0;
}

/* Hiding the main page's title (using an image instead) */
body.page-Stellaris_Wiki h1.firstHeading { display:none; }

/* Infobox colors */
.eu4box {
	border: 2px solid #0e4339;
	background: #2e7b6d;
}
.eu4box .heading {
	background: #0e4339;
}

.eu4box-inline {
	border: 2px solid #77b6ab;
	background: #FDFDFD !important; /*remove later*/
}
.eu4box-inline .heading {
	background: #1D8673;
}

/* background images */
.Liberty { background: url(/images_stellariswiki/d/dc/MainBG.jpg) no-repeat center center fixed; background-color: #f5f5f5; background-size: cover;}

.Liberty .content-wrapper .liberty-content,
.Liberty .content-wrapper .liberty-sidebar { opacity: 0.9; }

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0 !important;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0 !important;
}

/* 032 End of wiki specific CSS (general customization options) */
/* 041 Start of wiki specific CSS (very specific) */

.stellaris-outliner-content {
	background-color: #111815;
	color: #1dc57c;
	background-image:linear-gradient(to top, #1c2923, #111815 33px);
	padding:0 8px 8px 8px;
}

.stellaris-outliner-content hr {
	height:2px;
	background-color: #325448;
}

.stellaris-outliner a { color: lightblue !important; }

.stellaris-outliner {
	margin: 0 0 3px 3px;
}

.stellaris-outliner-header {
	font-size: 15px;
	left: 8px;
	bottom: 2px;
	position: relative;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	height: 0;
	display:inline-block;
	float:left;
}

.stellaris-outliner-header h1,
.stellaris-outliner-header h2,
.stellaris-outliner-header h3,
.stellaris-outliner-header h4,
.stellaris-outliner-header h5,
.stellaris-outliner-header h6 {
	font-size: 15px;
	color: #FFFFFF;
	padding:0;
	margin:0;
}

.infobox-row-heading:first-of-type { border: none !important; }

.effect-yellow { color: #FFA500; }
.effect-background-yellow { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
.effect-blue { color: blue; }
.effect-background-blue { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }

/* Top-icon */
div.topicon {
	position: absolute;
	top: -2em;
	margin-right: -10px;
	display: block !important;
	z-index: 999;
}

/* 042 End of wiki specific CSS (very specific) */

/* 提示框样式 */
table.ambox {
    margin:0 15%;   /* 防止与其它元素重叠 */
    border-left: 10px solid #36c;    /* 默认为"notice" - 蓝色*/
    background: #f8f9fa; 
    border-bottom-left-radius:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px; 
    display: inline-flex;
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 15px solid #36c;    /* 蓝色 */
}
table.ambox-speedy {
    border-left: 15px solid #b32424;    /* 红色 */
    background: #fee7e6;                   /* 粉色 */
}
table.ambox-delete,table.ambox-translation {
    border-left: 15px solid #b32424;    /* 红色 */
}
table.ambox-content {
    border-left: 15px solid #f28500;    /* 橙色 */
}
table.ambox-style {
    border-left: 15px solid #fc3;    /* 黄色 */
}
table.ambox-move {
    border-left: 15px solid #9932cc;    /* 紫色 */
}
table.ambox-protection {
    border-left: 15px solid #a2a9b1;       /* 灰色 */
}

/*背景/圆形/边框CSS By Wiki.52poke.com*/

.textwhite a{color:#FFF !important}
.bw-1{border-width:1px}
.bw-2{border-width:2px}
.fulltable{width:100%}
.bg-红{background-color:#F11 !important}
.bgl-红{background-color:#FF6464 !important}
.bgd-红{background-color:#A60B0B !important}
.b-红{border:3px solid #F11}
.bl-红{border:3px solid #FF6464}
.bd-红{border:3px solid #A60B0B}
.t-红,.t-红 a{color:#F11 !important}
.tl-红,.tl-红 a{color:#FF6464 !important}
.td-红,.td-红 a{color:#A60B0B !important}
.bg-冰{background-color:#77DDFF !important}
.bgl-冰{background-color:#DBF6FF !important}
.bgd-冰{background-color:#13A8D9 !important}
.b-冰{border:3px solid #77DDFF}
.bl-冰{border:3px solid #DBF6FF}
.bd-冰{border:3px solid #13A8D9}
.t-冰,.t-冰 a{color:#77DDFF !important}
.tl-冰,.tl-冰 a{color:#DBF6FF !important}
.td-冰,.td-冰 a{color:#13A8D9 !important}
.valign-middle,.valign-center,.va-m,.va-c{vertical-align:middle}
.valign-top,.va-t{vertical-align:top}
.valign-bottom,.va-b{vertical-align:bottom}
.alignt-middle,.alignt-center,.at-m,.at-c,.eplist,.rdlist{text-align:center}
.alignt-left,.at-l{text-align:left}
.alignt-right,.at-r,.collapseButton{text-align:right}
.align-middle,.align-center,.a-m,.a-c,.eplist{margin:0 auto}
.align-left,.a-l{float:left}
.align-right,.a-r,.collapseButton,.userbox,.babelbox{float:right}
.bgwhite,.eplist td,.rdlist td{background:#FFF}
.bgl-米{background-color:#FFFCE4 !important}
.bd-粉{border:3px solid #A4737B}
.bgl-蓝{background-color:#77BBFF !important}
.bgl-C{background-color:#FFFCE4 !important}
.bg-wiki{background-color:#F1907B !important}
.bgl-wiki{background-color:#FFE0C4 !important}
.bgl-wiki2{background-color:#7487f3 !important}
.bgd-wiki{background-color:#e34234 !important}
.b-wiki{border:3px solid #F1907B}
.bl-wiki{border:3px solid #FFE0C4}
.bd-wiki{border:3px solid #f1907b}
.bd-wiki2{border:3px solid #0b1d84}
.t-wiki,.t-wiki a{color:#F1907B !important}
.tl-wiki,.tl-wiki a{color:#FFE0C4 !important}
.td-wiki,.td-wiki a{color:#e34234 !important}
.bg-wiki{background-color:#F1907B !important}
.bgl-wiki{background-color:#FFE0C4 !important}
.bgd-wiki{background-color:#e34234 !important}
.b-wiki{border:3px solid #F1907B}
.bl-wiki{border:3px solid #FFE0C4}
.bd-wiki{border:3px solid #f1907b}
.t-wiki,.t-wiki a{color:#F1907B !important}
.tl-wiki,.tl-wiki a{color:#FFE0C4 !important}
.td-wiki,.td-wiki a{color:#e34234 !important}
.td-wiki,.td-wiki a{color:#e34234 !important}
.td-wiki2,.td-wiki2 a{color:#0b1d84 !important}
.roundy-6{border-radius:6px}
.roundytl-6{border-top-left-radius:6px}
.roundytr-6{border-top-right-radius:6px}
.roundybl-6{border-bottom-left-radius:6px}
.roundybr-6{border-bottom-right-radius:6px}
.roundytop-6{border-top-left-radius:6px;border-top-right-radius:6px}
.roundyright-6{border-bottom-right-radius:6px;border-top-right-radius:6px}
.roundybottom-6{border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.roundyleft-6{border-top-left-radius:6px;border-bottom-left-radius:6px}

/* 信息框样式 */
.eu4box {
	border: 2px solid #2C2C2C;
	border-radius: 6px;
	background: #858585;
	color: white !important;
	padding: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.eu4box .heading {
	background: #2C2C2C;
	border-radius: 6px;
	padding: 0 6px 0;
	color: white !important;
}

.eu4box a { color: white !important; }
.eu4box * { list-style-image: none; }
.eu4box .heading .mw-headline { color: white; }

/* EU4Box master styles */
.eu4box .subheading {
	color: #FFCD51;
	font-weight: bold;
}

/* EU4box-inline overrides */
.eu4box-inline {
	background: #FDFDFD;
	color: #0E0E0E !important;
	border: 2px solid #77b6ab;
	border-radius: 4px;
}
.eu4box-inline .heading {
	background: #3862AE;
	border-radius: 3px;
}

.eu4box-inline hr {
	background: #CCC !important;
	margin: 5px 0 5px;
}

.eu4box-inline .heading .mw-headline { color: white; }
.eu4box-inline .heading .mw-headline img { margin-right: 5px; }
.eu4box-inline .subheading, span[style="color: #FFCD51"] { color: #273442 !important; }
.eu4box .mw-collapsible-toggle { float:none; }
.eu4box h2 { margin-top: 0 !important; }
.eu4box h3 { margin-top: 0 !important; }
.header a { color: lightblue !important; }

/* show link of icon after the image */
.game_property_show a:after {
	content: attr(title);
	text-transform: lowercase;
}

/* to negate paragraph line-height distortion */
.game_property img { margin: -7px 0 -6px -1px; }

/* Better collapsing content */
.collapse-template .mw-collapsible-toggle {
	float: none;
}
.collapse-template .mw-collapsible-content[style="display: block;"] {
	padding: 15px 0 0 0;
	border: 1px dashed #EEE;
}

/* Mildtable class */
.mildtable th {
	text-align: left;
	background: #F5F5F5;
	padding: 5px;
	font-size: 90%;
}
.mildtable td + td { padding-left: 5px; }
.mildtable td { border-top: 2px solid #DDD; }

.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

html {
	min-height:100%
}
html body {
	height:calc(100% - 30px) !important;
	margin-top:30px !important;
	position:relative
}

/* 隐藏首页查看源代码 */
.page-首页 #ca-viewsource { display:none; }
.page-首页 #ca-history a { border-radius: 0.35rem 0 0 0.35rem!important; }

/*
.liberty-content-header .alert-info {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.liberty-content-header .alert-info .alert-link {
	color: #843534;
}
*/