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

提供:ck3wiki
ナビゲーションに移動 検索に移動
1行目: 1行目:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
.effect-green { color: green; }
+
/* 031 Start of wiki specific CSS (general customization options) */
.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; }
+
/* Hiding the main page's title (using an image instead) */
 +
body.page-Crusader_Kings_III_Wiki h1.firstHeading { display:none; }
  
/* show link of icon after the image */
+
/* Infobox colors */
.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 {
 
.eu4box {
 
border: 2px solid #480601;
 
border: 2px solid #480601;
border-radius: 6px;
 
 
background: #780A02;
 
background: #780A02;
color: white !important;
 
padding: 5px;
 
margin-bottom: 3px;
 
margin-left: 3px;
 
 
}
 
}
 
 
.eu4box .heading {
 
.eu4box .heading {
 
background: #480601;
 
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 {
 
.eu4box-inline {
background: #FDFDFD;
+
border: 2px solid #B37570;
color: #0E0E0E !important;
 
border: 2px solid #b37570;
 
border-radius: 4px;
 
 
}
 
}
 
.eu4box-inline .heading {
 
.eu4box-inline .heading {
background: #a8615c;
+
background: #A8615C;
border-radius: 3px;
+
background: #FDFDFD !important; /*remove later*/
}
 
 
 
.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 */
+
/* 032 End of wiki specific CSS (general customization options) */
.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 {
 
#p-logo {

2021年1月8日 (金) 01:42時点における版

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

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

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

/* Infobox colors */
.eu4box {
	border: 2px solid #480601;
	background: #780A02;
}
.eu4box .heading {
	background: #480601;
}

.eu4box-inline {
	border: 2px solid #B37570;
}
.eu4box-inline .heading {
	background: #A8615C;
	background: #FDFDFD !important; /*remove later*/
}

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


#p-logo {
    top: -233px;
    height: 236px;
}

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

body.page-メインページ.action-view h1.firstHeading, body.page-メインページ.action-submit h1.firstHeading { display: none; }