MochiuWiki : SUSE, EC, PCB

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

📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）

← 古い編集新しい編集 →
編集の要約なし
編集の要約なし
1行目: 1行目:
/* MediaWiki:Common.css */
/* ここに記述したCSSはすべての外装に反映されます */
/* Fluentスキンの場合 */


/* ここに記述したCSSはすべての外装に反映されます */
.mw-editfont-monospace {
.mw-editfont-monospace {
font-size: 15px;
font-size: 14px;
/*font-family: 'Noto Sans JP', sans-serif !important;*/
/*font-family: 'Noto Sans JP', sans-serif !important;*/
font-family: monospace !important;
font-family: monospace !important;
16行目: 14行目:


.mw-content-ltr {
.mw-content-ltr {
font-size: 13px !important;
font-size: 13px;
}
}
}
}
27行目: 25行目:


.mw-content-ltr {
.mw-content-ltr {
font-size: 14px !important;
font-size: 14px;
}
}
}
}
38行目: 36行目:


.mw-content-ltr {
.mw-content-ltr {
font-size: 16px !important;
font-size: 16px;
}
}
}
}
56行目: 54行目:
}
}


.wikiEditor-ui-text textarea#wpTextbox1 {
.mw-body-content {
font-size: 110% !important;
/*font-family: "DejaVu Sans" !important;*/
    font-family: "Droid Sans Mono", monospace !important;
font-family: "Droid Sans" !important;
}
}


/* ダークモードの場合のスタイル */
.toc {
@media (prefers-color-scheme: dark) {
background: rgba(245, 245, 245, 1.0) !important;
.mw-body-content {
}
/*font-family: "DejaVu Sans" !important;*/
font-family: "Droid Sans" !important;
/*background-color: rgba(48, 48, 48, 1.0) !important;*/
background-color:  #2A2A2A;
}


/*.mw-special-Search, .mw-search-form-wrapper .mw-indicator, .mw-portlet-body, .mw-portlet {*/
h4 /* .mw-headline */ {
/* color: #fefefe;*/
/*text-decoration: underline;*/
/* background-color: #303030;*/
position: relative;
/*}*/
display: inline-block;
}


.mw-highlight-lang-css {
h4::after /* h4 .mw-headline::after */ {
background-color: rgba(230, 230, 230, 1.0) !important;
content: "";
}
position: absolute;
bottom: 0;
left: 0;
width: 100%; /* ヘッダの大きさに下線を調整 */
height: 1px; /* アンダーラインの高さ */
background-color: rgba(80, 80, 80, 0.5); /* アンダーラインの色 */
}


/* 通常のpreタグの設定 */
h5 .mw-headline {
pre {
/*text-decoration: underline;*/
color: #202020;
border: solid 1px rgba(80, 80, 80, 0.7);
background-color: rgb(240, 240, 240) !important;
border-radius: 5px;
border: solid 1px rgb(150, 150, 250);
padding: 1px 3px;
border-radius: 5px;
margin: 5px;
/*font-family: "DejaVu Sans Mono" !important;*/
}
}
/* mw-highlightクラス内のpreタグの設定 */
.mw-highlight > pre {
color: #202020;
background-color: rgb(240, 240, 240) !important;
border: solid 3px rgb(100, 150, 100);
border-radius: 5px;
}


.firstHeading {
/* 通常のpreタグの設定 */
font-family: "Droid Sans", "Droid Serif";
pre {
text-align: center;
color: #202020;
border: solid 3px rgb(250, 250, 250);
background-color: rgb(250, 250, 250);
  border-radius: 5px;
border: solid 1px rgb(150, 150, 250);
  padding: 3px 3px;
border-radius: 5px;
  margin: 5px;
font-family: "DejaVu Sans Mono" !important;
}
}


h4 /* .mw-headline */ {
/* mw-highlightクラス内のpreタグの設定 */
/*text-decoration: underline;*/
.mw-highlight > pre {
position: relative;
color: #202020;
display: inline-block;
background-color: rgb(250, 250, 250);
}
border: solid 3px rgb(100, 150, 100);
border-radius: 5px;
}


h4::after /* h4 .mw-headline::after */ {
/* codeタグ内のMediaWiki外のリンク */
content: "";
code a.external {
position: absolute;
  color: #FF904F !important;
bottom: 0;
  font-weight: bold;
left: 0;
}
width: 100%; /* ヘッダの大きさに下線を調整 */
height: 1px; /* アンダーラインの高さ */
background-color: rgba(250, 250, 250, 0.5); /* アンダーラインの色 */
}


h5 .mw-headline {
code {
/*text-decoration: underline;*/
color: #f0f0f0;
border: solid 1px rgba(250, 250, 250, 0.7);
background-color: #2277B0;
  border-radius: 5px;
/*background-color: rgba(200, 200, 200, 0.9) !important;*/
  padding: 1px 3px;
/*font-size: 13px;*/
  margin: 5px;
font-weight: bold;
}
font-family: "DejaVu Sans Mono" !important;
border: solid 1px rgba(50, 50, 50, 0.3);
border-radius: 5px;
margin: 2px 3px;  /* 外側の余白 : 上下2px, 左右3px */
padding: 1px 3px; /* 内側の余白 : 上下1px, 左右3px */
}


/* 通常のpreタグの設定 */
/* 表のキャプション */
pre {
caption {
color: #fefefe !important;
color: #cfcfcf;
background-color: rgba(25, 25, 25, 1.0) !important;
font-weight: bold;
/*background-color: var(--body-background-color);*/
border: solid 2px #303030;
border: solid 1px rgb(150, 150, 250);
background-color: rgba(50, 50, 180, 1.0);
border-radius: 5px;
}
font-family: "DejaVu Sans Mono" !important;
}
/* mw-highlightクラス内のpreタグの設定 */
.mw-highlight > pre {
color: #fefefe !important;
background-color: rgba(25, 25, 25, 1.0) !important;
border: solid 3px rgb(100, 150, 100);
border-radius: 5px;
font-family: "DejaVu Sans Mono" !important;
}


code {
table {
color: #e0e0e0;
border-collapse: collapse;
font-weight: bold;
border: solid 2px #303030; /*表全体を線で囲う*/
font-family: "DejaVu Sans Mono" !important;
background-color: #fefefe !important;
/*background-color: #1166A0;*/
text-align: center;
background-color: rgba(50, 50, 150, 0.8) !important;
}
border: solid 1px rgb(255, 255, 255, 0.3);
border-radius: 5px;
padding: 1px 5px;  /* 内側の余白 : 上下1px, 左右5px */
}


/* 表のキャプション */
th { /* 表のヘッダ */
caption {
font-weight: bold;
color: #cfcfcf;
text-align: center !important;
font-weight: bold;
border: solid 1px rgba(50, 50, 50, 0.7);
border: solid 1px blue;
background-color: #66CCFF !important;
background-color:  rgba(50, 50, 180, 1.0);
}
}
 
table {
border-collapse: collapse;
border: solid 2px blue; /*表全体を線で囲う*/
background-color: #202020 !important;
text-align: center;
}
 
table tr[style="background-color:#e0e0e0;"] {
  background-color: #5f5f5f !important;
}
 
th {/*thに対して*/
color: #fefefe;
font-weight: bold;
text-align: center !important;
border: solid 1px blue;
background-color: #3399CC !important;
}
 
td {/*tdに対して*/
color: #fefefe;
text-align: left;
border: solid 1px blue;
}
 
/* MediaWiki内のリンク */
a.interwiki {
color: #FF560A;
font-weight: bold;
}
 
/* MediaWiki外のリンク */
.mw-parser-output a.external {
color: #DE7231;
font-weight: bold;
}
 
/* codeタグ内のMediaWiki外のリンク */
code a.external {
    color: #EE803F !important;
    font-weight: bold;
}
 
/* MediaWiki外のリンク */
a.external {
    color: #DE7231 !important;
    font-weight: bold;
}
 
/* テーブル内のMediaWiki外のリンク */
table.wikitable td a {
    color: #DE7231 !important;
    font-weight: bold;
}
 
.mw-parser-output a.new:visited {
color: #FEA261;
font-weight: bold;
}
 
.catlinks a {
    font-size: 14px;
    color: #DE7231;
    font-weight: bold;
    font-family: "Droid Sans" !important;
}
 
.catlinks ul {
    font-size: 14px;
    color: #DE7231;
    font-weight: bold;
    font-family: "Droid Sans" !important;
}


/* カテゴリの変更 */
td { /* 表の各カラム */
.mw-normal-catlinks {
text-align: left;
border: solid 1px rgba(250, 250, 250, 0.5);
border: solid 1px rgba(50, 50, 50, 0.7);
  border-radius: 5px;
  padding: 10px 10px;
}
}
}


/* ライトモードの場合のスタイル */
/* カテゴリの変更 */
@media (prefers-color-scheme: light) {
.mw-normal-catlinks {
.mw-category-group {
border: solid 1px rgba(180, 180, 180, 0.8);
font-family: "DejaVu Sans" !important;
border-radius: 5px;
    /*font-family: 'Droid Sans', "Droid Serif" !important;*/
padding: 10px 10px;
}
 
.mw-body-content {
font-family: "DejaVu Sans" !important;
/*font-family: 'Jetbrains Mono', sans-serif !important;*/
/*font-family: "Droid Sans", "Droid Serif" !important;*/
}
 
.toc {
background: rgb(245, 245, 245) !important;
}
 
.firstHeading {
font-family: "Droid Sans", "Droid Serif";
text-align: center;
border: solid 3px rgb(80, 80, 80);
  border-radius: 5px;
  padding: 3px 3px;
  margin: 5px;
}
 
h4 /* .mw-headline */ {
/*text-decoration: underline;*/
position: relative;
display: inline-block;
}
 
h4::after /* h4 .mw-headline::after */ {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%; /* ヘッダの大きさに下線を調整 */
height: 1px; /* アンダーラインの高さ */
background-color: rgba(80, 80, 80, 0.5); /* アンダーラインの色 */
}
 
h5 .mw-headline {
/*text-decoration: underline;*/
border: solid 1px rgba(80, 80, 80, 0.7);
  border-radius: 5px;
  padding: 1px 3px;
  margin: 5px;
}
 
/* codeタグ内のMediaWiki外のリンク */
code a.external {
    color: #FF904F !important;
    font-weight: bold;
}
 
code {
color: #f0f0f0;
background-color: #2277B0;
/*background-color: rgba(200, 200, 200, 0.9) !important;*/
/*font-size: 13px;*/
font-weight: bold;
font-family: "DejaVu Sans Mono" !important;
border: solid 1px rgba(50, 50, 50, 0.3);
border-radius: 5px;
margin: 2px 3px;  /* 外側の余白 : 上下2px, 左右3px */
padding: 1px 3px;  /* 内側の余白 : 上下1px, 左右3px */
}
 
/* 表のキャプション */
caption {
color: #cfcfcf;
font-weight: bold;
border: solid 2px #303030;
background-color:  rgba(50, 50, 180, 1.0);
}
 
table {
border-collapse: collapse;
border: solid 2px #303030; /*表全体を線で囲う*/
background-color: #fefefe !important;
text-align: center;
}
 
th { /* 表のヘッダ */
font-weight: bold;
text-align: center !important;
border: solid 1px rgba(50, 50, 50, 0.7);
background-color: #66CCFF !important;
}
 
td { /* 表の各カラム */
text-align: left;
border: solid 1px rgba(50, 50, 50, 0.7);
}
 
/* カテゴリの変更 */
.mw-normal-catlinks {
border: solid 1px rgba(180, 180, 180, 0.8);
  border-radius: 5px;
  padding: 10px 10px;
}
 
pre {
color: #202020;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(150, 150, 250);
  border-radius: 5px;
}
 
/* mw-highlightクラス内のpreタグの設定 */
.mw-highlight > pre {
color: #202020;
    background-color: rgb(245, 245, 245);
    border: solid 3px rgb(150, 150, 150);
  border-radius: 5px;
}
}
}


/* Math ダークモードの場合のスタイル */
@media (prefers-color-scheme: dark) {
/* 数式は黒文字で描画するため、ダークモードを使用している場合、見えにくい可能性がある */
/* この時、CSSを以下に示すように記述することにより、数式画像の明るさを反転させることができる */
.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display {
    /*background-color: #EFEFEF !important;*/
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
font-family: "Latin Modern Math";
        /*font-weight: bold;*/
    /*margin: 0px 0px 3px;*/ /* 外側の余白 : 上0px 下0px, 左右3px */
    /*padding: 0px 3px;*/ /* 内側の余白 : 上下3px, 左右3px */
    filter: hue-rotate(180deg) invert(1);
    /*display: none !important;*/
}
pre .mwe-math-fallback-image-inline, pre .mwe-math-fallback-image-display {
    /*color: black !important;*/
  /*background-color: #EFEFEF !important;*/
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
    font-family: "Latin Modern Math";
    /*font-weight: bold;*/
    /*margin: 0px 0px 3px;*/  /* 外側の余白 : 上下0px, 左右3px */
    /*padding: 0px 3px;*/    /* 内側の余白 : 上下0px, 左右3px */
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);*/
    filter: hue-rotate(180deg) invert(1);
    /*display: none !important;*/
}
th .mwe-math-element {
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
  background-color: inherit;
    font-family: "Latin Modern Math";
    /*font-weight: bold;*/
    /*margin: 1px 2px;*/ /* 外側の余白 : 上下0px, 左右2px */
    /*padding: 3px 3px;*/  /* 内側の余白 : 上下3px, 左右3px */
}
td .mwe-math-element {
  /*border: solid 1px #5050C0;*/
  /*border-radius: 5px;*/
    font-family: "Latin Modern Math";
    /*font-weight: bold;*/
    /*margin: 1px 2px;*/ /* 外側の余白 : 上下0px, 左右2px */
    /*padding: 3px 3px;*/  /* 内側の余白 : 上下3px, 左右3px */
}
/*.mwe-math-mathml-a11y {*/
/*    clip: auto !important;*/
/*    overflow: visible !important;*/
/*    position: static !important;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    opacity: 1 !important;*/
/*}*/
/*td .mwe-math-mathml-inline, td .mwe-math-mathml-a11y {*/
/*    clip: auto !important;*/
/*    overflow: visible !important;*/
/*    position: static !important;*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    opacity: 1 !important;*/
/*}*/
}


mtext {
mtext {
「http://mochiuwiki.e2.valueserver.jp/index.php?title=MediaWiki:Common.css」から取得