MediaWiki:Common.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
• Opera: メニュー → 設定 (Mac では Opera → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。

/* 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;
}