「MediaWiki:Common.css」の版間の差分

2020年9月2日 (水) 03:42時点における版

/* CSS placed here will be applied to all skins */

.effect-green { color: green; }
.effect-background-green { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
.effect-red { color: red; }
.effect-background-red { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }

.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; }

/* 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 -0px -6px -1px; }

/* Better collapsing content */
.collapse-template .mw-collapsible-toggle {
	float: none;
}
.collapse-template .mw-collapsible-content[style="display: block;"] {
	padding: 15px 0px 0px 0px;
	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; }

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

/* Infoboxes */
.eu4box {
	border: 2px solid #480601;
	border-radius: 6px;
	background: #780A02;
	color: white !important;
	padding: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
}

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

.eu4box a { color: lightblue !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 #b37570;
	border-radius: 4px;
}
.eu4box-inline .heading {
	background: #a8615c;
	border-radius: 3px;
}

.eu4box-inline hr {
	background: #CCC !important;
	margin: 5px 0px 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-inline a { color: darkblue !important; }
.eu4box .mw-collapsible-toggle { float:none; }
.eu4box h2 { margin-top: 0 !important; }
.eu4box h3 { margin-top: 0 !important; }
.header a { color: lightblue !important; }

/* RWD test */
/* hide options */

@media only screen and (min-width: 80rem) {
  .hidel {display: none;}
}

@media only screen and (max-width: 64rem) {
  .hidem {display: none;}
}

@media only screen and (max-width: 48rem) {
  .hides {display: none;}
}

/* Grid layout test */
* {
/*  box-sizing: border-box; */
}

/* grid container (large screen) */
.grid-container {
  display: grid;
  grid-template-areas: 
    'header header header header header header' 
    'middle middle middle middle middle right' 
    'middle2 middle2 middle2 middle2 middle2 right' 
    'middle3 middle3 middle3 middle3 middle3 right' 
    'footer footer footer footer footer right';
} 

/* grid container (medium screen) */
@media only screen and (max-width: 80rem) {
  .grid-container  {
    grid-template-areas: 
    'header header header header header header' 
    'middle middle middle middle right right' 
    'middle2 middle2 middle2 middle2 right right ' 
    'middle3 middle3 middle3 middle3 middle3 middle3' 
    'footer footer footer footer footer footer';
  }
}

/* grid container (small screen) */
@media only screen and (max-width: 64rem) {
  .grid-container  {
    grid-template-areas: 
      'header header header header header header' 
      'middle middle middle middle middle middle' 
      'middle2 middle2 middle2 middle2 middle2 middle2' 
      'middle3 middle3 middle3 middle3 middle3 middle3' 
      'left left left left left left'
      'right right right right right right' 
      'footer footer footer footer footer footer';
  }
}

/* grid area location classes */
.header {
  grid-area: header;
}
.footer {
  grid-area: footer;
}
.left {
  grid-area: left;
}
.right {
  grid-area: right;
}
.middle {
  grid-area: middle;
}
.middle2 {
  grid-area: middle2;
}
.middle3 {
  grid-area: middle3;
}

.gridBG {
	background: #85221b url(/images/4/43/CK3_MainBG.jpg) repeat left center;
}

#p-logo > .mw-wiki-logo {
 height: 236px;
}