差分

ナビゲーションに移動 検索に移動

MediaWiki:Common.css (ソースを閲覧)

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

3,836 バイト追加 、 2021年1月8日 (金) 02:46
Gnagaoka (トーク) による版 977 を取り消し
1行目: 1行目:  
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
   −
/* 031 Start of wiki specific CSS (general customization options) */
+
.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; }
   −
/* Hiding the main page's title (using an image instead) */
+
.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; }
−
body.page-Crusader_Kings_III_Wiki h1.firstHeading { display:none; }
     −
/* Infobox colors */
+
/* 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 {
 
.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 {
−
border: 2px solid #B37570;
+
background: #FDFDFD;
 +
color: #0E0E0E !important;
 +
border: 2px solid #b37570;
 +
border-radius: 4px;
 
}
 
}
 
.eu4box-inline .heading {
 
.eu4box-inline .heading {
−
background: #A8615C;
+
background: #a8615c;
−
background: #FDFDFD !important; /*remove later*/
+
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';
 +
  }
 
}
 
}
   −
/* 032 End of wiki specific CSS (general customization options) */
+
/* 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 {
 
#p-logo {
「https://ck3wiki.popush.cloud/index.php/特別:携帯機器差分/983」から取得

案内メニュー